Developing the Design: Lo-fi Prototype

Slides:



Advertisements
Similar presentations
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography in MLA, APA, and Chicago styles Export to.
Advertisements

COMS E6125 WHIM Prof. Gail Kaiser Presented by Shuai Yue (sy2342)
SmartSenior Angela Gong, Joanie Hollberg, Maggie Skortcheva, Rassan Walker.
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography Export to Word or Google Docs fully formatted.
Creating a Quiz. To activate the quiz tool click on the cogs in your class community. The cogs are located at the top right side of the screen. To activate.
Spreadsheets Lesson 2 Introduction to basic formula and spreadsheet.
Creating a Survey Webinar. Webinar objectives Being able to create your own survey. Creating a survey led task. Producing results using the simple graph.
New Features in Release 5.0 (August 1, 2005). 2 Release 5.0 New Features Redesigned Navigation Experience Header Bar Updates My Profile Link Added Logout.
Huddle Social Event Discovery Nadav Manager Brandon Design Joe User Testing Mike Development.
This work is licensed under a Creative Commons 3.0 Attribution License Wikispaces for Teachers A Guide to Using Them in Your Classroom.
LiME Low Income & Minorities in Education. Overview Team mission statement Selected Interface & Rationale Low-fi prototype structure 3 tasks & task flows.
GroceryList++ Brian, Peter, Staci, Darrin, Anna.
CLIMATE.
Technology in the Music Classroom
Electric Effect Diabetic Foot Canada Prototype User Guide
QuadriDCM Easy Access as a communication platform
Wanderlust Low-Fi User Test
Social Event Discovery
ClassLens Hope C. | Amy L. | Yash T..
Petivity Midway Milestone
Google Summit 2017 Creating Assessments with google forms
Transition from Classic Interface Phoenix Interface to
Medium-Fi Prototype Inclusive Design.
Juliana Cook Adrienne Ivey Meredith Marks Nhien Tran
Home Clear Medium-Fi Prototype
mWork: Med-Fi Prototyping
Achieving goals. Together.
clickED Field Usability Study
mWork: Low-fi Prototyping
Achieving goals. Together.
SkillSwap: Low-fi Prototyping & Pilot Usability Testing
Quick Reference Guide: Development Directory
Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016
Collaborative Collections
Derek Reinelt Team Manager Angela Lam Design Jake Sanders Development
Tina, Sloane, Marie, Karna
Team Friendship Minmin, Santos, Andrés
clicked Gordon D. Michael K. Jake M. Krister J.
Problem Sometimes, people see an image, a pattern, or a style that they really like. Currently, there is no easy way for people to find items with a specific.
INTERACTIVE MEDIUM-FI PROTOTYPE
RECHORDS Assignment #6: Med-Fi Prototype
Rambl: Hi-Fi Midway Milestone
Low-Fi Prototyping & Pilot Usability testing
Interactive High-fi Prototype
Magic Hw: Low-Fi Prototype
Medium-Fi Prototype Rachel J and Esther G
Low-fi Prototyping & Pilot Usability Testing
docket Assignment 6: Medium-fi Prototyping
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
BEHAVIORAL CHANGE Present by Chen Yu Wang
B Sharp: Lo-Fi Prototype
Med-Fi Prototype Presentation
Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone)
Team #3: Interactive Medium-Fi Prototype
Team #3: Lighter Load Low-Fi Prototyping & Pilot Testing
Flutter Medium-Fi Prototype
Connecting Students to Mental Health Resources
Pife:Med-Fi Prototyping
Nikki K, Hayden L, Carmelle M, Ben E
InvestorScope Interactive Medium-Fi Prototype
Microsoft Office Illustrated Fundamentals
Shane B., Esther K., Curtis S., Jennifer W.
Nexmail Lei Guang, Haroon Barri.
CS Fall 2018 Austin Jones Caroline Willis Emma Alderton
Shelly Cashman: Microsoft Windows 10
Qmetry User Interface Recommendations
WEEK 5: Low-Fi Prototyping & Pilot Usability Testing
Low-fi Prototyping & Testing
Q: How do I view and upload a document?
Presentation transcript:

Developing the Design: Lo-fi Prototype EduConnect Presented by Ikechi Akujobi

Introduction

Overview Mission statement Chosen interface Lo-fi prototype and three tasks User testing Changes to Make

Our mission is to bring painless class projects to classrooms everywhere by creating a virtual platform where teachers can easily create and assign projects, and students can easily complete and submit them.

iPad Interface Pros: Mobility Simplicity Touch interface Screen space Communication w/ apps

Lo-fi Prototype

Lo-fi prototype structure Simple Task Medium Task Complex Task

Task 1: Creating and Assigning Project Teacher creates and assigns a class project with background info, a list of supplies, and instructions for students to follow. Task 1: Creating and Assigning Project

Click create project

select class

press browse existing projects

Press create from scratch

Swipe right

Press +

Swipe right

Press “done adding steps”

Press “done”

Swipe Nav

Swipe Q&A

Task 2: Doing the Project Students work on the project step-by-step and ask questions when needed. Task 2: Doing the Project

Scroll through list, press a project

Press drop down bar

Swipe right

Swipe right

Swipe right

Swipe right

Swipe right

Swipe Q&A at any point of project

Swipe to go to Navigation at any point in project

Task 3: Submitting the Project Students submit the completed class project for teacher review. Task 3: Submitting the Project

Press continue

Press “browse”

Press the camera button

Documents Press browse

Press “submit”

Testing

Experimental Method Target Audience: Elementary school teachers and students Quick questions to understand context and technical background Introduction of the user’s context Completion of relevant tasks Feedback/Comments/Suggestions

Test 1: Teacher Figured out the interface quickly Flow fit thought process “Nav” and “Q/A” buttons not obvious Adding pictures/video to pages was not obvious Felt student could answer questions Wanted export option

Test 2: Student 1 Thought the landing page was intuitive Liked swiping between pages Didn’t find corner button obvious Felt like questions did not need to be private Wanted to answer Q/A questions

Test 3: Student 2 Wanted section for just- assigned projects Wanted comments for questions Confused by what “Nav” was Thought corners could be touch-based as well Really likes using the interface

Moving Forward

Changes to Current UI Improve clarity and relevance of titles and headers Change design and/or positioning of Q/A and Nav button to make them less confusing Possible redesign project creation pages

Added features Let students answer questions Include way to export created projects More student-to-student interaction

Summary Task flows were seen as intitive Opinions on the interface were generally positive Need to improve our UI to mitigate confusion New features of the app we need to add on

Thank you!