Team #3: Interactive Medium-Fi Prototype

Slides:



Advertisements
Similar presentations
USING WORDPRESS. WEEK 1 1.Why WP? 2.Setting Up WP 3.Exploring the Admin screen 4.Page Organization 5.Posting 6.Polls.
Advertisements

E-Portfolio July2014 Managing Multi-source Feedback.
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography in MLA, APA, and Chicago styles Export to.
Visual Basic Prototyping Visual Basic uses both a Visual Editor and is Code Based. With several simple lines of code, Visual Basic will navigate between.
How can blogs be kid friendly? In this session, you will learn how to set up your class, how to create blogs, learn benefits and uses of blogging, etc.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Instructional Guide Original presentation created by EasyBib, adapted by S. Hall for educational purposes following Fair Use Guidelines and permission.
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography Export to Word or Google Docs fully formatted.
VoiceThread:. With VoiceThread, group conversations are collected and shared in one place from anywhere in the world. All with no software to install.
InteractiveMedia’s Imagine Software Platform When user clicks on the Imagine desktop icon or installed app. This is the first thing the user will see full.
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography in MLA, APA, and Chicago styles Export to.
Revising. What is Revising? Introduction Writing doesn't end with your first draft. Next you need to revise. When you revise, you do the following: Check.
Wiki Workshop Tech PD.
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography in MLA, APA, and Chicago styles Export to.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Computer Science 160 Group 5 Scott Carter, Chuck Moidel, Leila Takayama, Kevin Wang Tuesday, December 4, 2001.
Payroll/Personnel System Web-Based New Hire Presented by Payroll Services.
Bringing families together CS 147: Introduction to HCI KinX Team Members Brandon, Development Jackie, Design Tony, User Testing / Documentation Shahab,
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Go to to register a new accountwww.weebly.com Put in your full name Use your Iona address Use a password that you will easily remember.
Setting Defaults in Microsoft Word for Accessibility
Prototyping.
ClassLens Hope C. | Amy L. | Yash T..
Presenting Prezi Michael Pelitera
LevelOne: Medium-Fi Prototype
Petivity Midway Milestone
Midway Milestone Presentation CS Fall 2017
Team Covalence TED LI COURTNEY NOH LOGAN SHORT EMMA TOWNLEY-SMITH.
Medium-Fi Prototype Inclusive Design.
SkillSwap: Med-Fi Prototype
Juliana Cook Adrienne Ivey Meredith Marks Nhien Tran
Addison, Joanne, Katherine, SunMi
Instructional Guide.
EcoKick Medium-Fi Prototype
Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016
Prototype using PowerPoint
Team Friendship Minmin, Santos, Andrés
Collaborative Collections
Chapter by Loco Power Week 6: Medium-Fidelity Prototypes
INTERACTIVE MEDIUM-FI PROTOTYPE
Medium-fi Prototype 10 Lines by: Team Art Attack! Selina Her
NightOwl Medium-Fi Prototype
Assignment #4: Lighter Load
Developing the Design: Lo-fi Prototype
Midway Milestone Presentation: FlexiVoice
RECHORDS Assignment #6: Med-Fi Prototype
spark: never miss a moment
Jourdann Fraser Vy Mai Tiffany Manuel
Hi-Fi Midway Milestone The Dream Team
Inside a PMI Online Course
Rambl: Hi-Fi Midway Milestone
Interactive High-fi Prototype
NotetakR.ppt A template to assist students with note taking for school research projects Designed by Kevin Jarrett Original idea © Mike Eisenberg.
Medium-Fi Prototype Rachel J and Esther G
Low-fi Prototyping & Pilot Usability Testing
Medium - Fi Rambl Prototype
Managing Multi-source Feedback
docket Assignment 6: Medium-fi Prototyping
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
Med-Fi Prototype Presentation
Team #3: Lighter Load Low-Fi Prototyping & Pilot Testing
Flutter Medium-Fi Prototype
Yuqi Yao, Taylor Bacon, Angelo Ramos, Priya Chatwani
Pife:Med-Fi Prototyping
transforming living spaces
Shane B., Esther K., Curtis S., Jennifer W.
CS Fall 2018 Austin Jones Caroline Willis Emma Alderton
Hi, I’m Artbot. – Midway Milestone Team Articulate.
Flutter High-Fi Prototype
Interactive Medium-Fi Prototyping
Presentation transcript:

Team #3: Interactive Medium-Fi Prototype Lighter Load Team #3: Interactive Medium-Fi Prototype

Team #3 Taylor Bacon Yuqi Yao Angelo Ramos Priya Chatwani

Roadmap Product Goals Tasks UI Changes Task Flows Prototype Overview

Experiencing dyslexia together. Value Proposition Experiencing dyslexia together. Helping students with dyslexia unpack their load.

Problem Statement Students with dyslexia often feel isolated and left behind in traditional classroom settings, and their families usually lack access to the individualized and project-based learning strategies that are offered in private school. We want to leverage the power of storytelling and visualization to connect students with dyslexia on a virtual platform so that they can share and reflect upon their collective experiences with a supportive community.

Task Definition Task 1: Create Your Story Simple Task 2: Share Your Story Moderate Task 3: Discover & Comment on Similar Stories Complex

Corresponding Changes in Med-Fi Prototype Concerns from Low-Fi Prototype Corresponding Changes in Med-Fi Prototype “Create a story” task was too vague Added clearer instructions and a bank of previously created components Unclear how to put components into a story Re-designed the story creation → components are drag-and-drop Stuck in a loop at end of task Added a Menu Bar and easier transition buttons between tasks Concerns about privacy and regulation of comments Select from a list of pre-written comments

Revised Character Creation New features Bank of previously created character(s) Option to upload an image (tester suggestion) User can now re-use a past character or draw a new one

Revised Content Creation New features “+” button to add a previously selected or created component from the user’s bank or design something new Clearer instructions and navigation options (i.e. submit, save as draft)

Track Progress Page Our team was drawn to the idea of creating a progress page for each user Track stories submitted, comments received, etc. Added to Task 1 We hope looking back on one’s work will give users a sense of accomplishment

Task Flow 1

Task Flow 2

Task Flow 3

Prototype Tools Prototype Tool Marvel PROS Screen-Making Tool Highlights clickable areas Transitions can be duplicated CONS User changes are not persistent Marvel does not remember previous actions Screen-Making Tool GravitDesigner Free on Mac Store Shareable designs Easy to use, low onboarding process

Prototype Limitations and Trade-Offs Simplification of user actions and task flows Did not include scroll features Left out several pages (i.e. Settings, Log-in) Non-functional buttons: “SAVE” as draft & “UPLOAD” image options Future functionality goals for Hi-Fi Prototype Maintain drafts of stories Go back and edit the content of stories Change the sharing and viewing properties of any story Create a template for stories to be shared via email or text

Wizard-Of-Oz and Hard-Coded Features Wizard-of-Oz techniques None Hard-Coded Features Mock contacts to share a story with Library of mock stories by other mock users Mock feedback about one’s story Necessary for simulating full user experience

Link: marvelapp.com/1ag9hd3g