Low-Fi Prototype and Testing

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Location Based Social Networking For All Presenter: Danny Swisher.
User Interface Design Notes p7 T120B pavasario sem.
Arthur Fink Page 1 Thinking about User Interface Design for OpenEdge GUI for.NET (or any other environment) by Arthur Fink
What is a prototype? A prototype is a small scale model of your larger product. Can be a physical object, or a simple software program. Many physical.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
IMAGE Daniel Harmon Michael Ryan Stu SPLITTERS Rabess Keener Dack Kao Haas.
Derek Reinelt Team Manager Angela Lam Design Jake Sanders Development Padma Vaithyam User Testing.
5-Paragraph Essay Structure
Interactive prototype Dian HartonoChris RovillosCatriona Scott Grace Jang.
Lecture 7 Conditional Scripting and Importing/Exporting.
Huddle Social Event Discovery Nadav Manager Brandon Design Joe User Testing Mike Development.
LiME Low Income & Minorities in Education. Overview Team mission statement Selected Interface & Rationale Low-fi prototype structure 3 tasks & task flows.
June 23–24, 2016 Hyatt Regency Boston Harbor User Group Meeting and Conference Helpful Tools and Utilities that may surprise you Rachael LeBlanc, Solution.
Moodle Quiz UI for creating quizzes, from scratch 1.Introduction 2.Moodle 3.Quiz, an activity module 4.Background & Starting points 5.The old UI 6.Quiz.
Heuristic Evaluation May 4, 2016
L O W – F I P R O T O T Y P E [ M I C R O ] A D V E N T U R E.
Top tips and techniques
Wanderlust Low-Fi User Test
Storyboarding and Paper Prototyping
DATA INPUT AND OUTPUT.
Concepts and Prototypes
Vex Robotics Design System
Prototyping.
Keys to Success for Realm Connect & The City
Medium-Fi Prototype Inclusive Design.
Design, prototyping and construction
User Interface Prototyping & Interaction Design
David Mailhot Jennifer Apacible Eve Zhao Eric Oltean
mWork: Med-Fi Prototyping
Chapter 11 Design, prototyping and construction 1.
<Application Name>
Achieving goals. Together.
Group Travel is hard Invites and Confirmation Lodging
Business Communication
Collaborative Collections
Mockups and Prototypes
Derek Reinelt Team Manager Angela Lam Design Jake Sanders Development
Designing User Experience (UX)
Social Media Sarah Mallen Information & Guidance Coordinator The University of Manchester Careers Service.
Jamalot - Low-Fi Prototyping
Chapter by Loco Power Week 6: Medium-Fidelity Prototypes
Don’t make me think Usability.
10 Rules of Good UI Design to Follow On Every Web Design Project
RECHORDS Assignment #6: Med-Fi Prototype
spark: never miss a moment
Jourdann Fraser Vy Mai Tiffany Manuel
Magic Hw: Low-Fi Prototype
UI, UX: Who Does What? A Designers guide to the tech industry.
Lecture 5: Writing Page
Medium-Fi Prototype Rachel J and Esther G
Low-fi Prototyping & Pilot Usability Testing
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
Key Features Design Process Solution Problem
Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone)
Team #3: Lighter Load Low-Fi Prototyping & Pilot Testing
Pife:Med-Fi Prototyping
Nikki K, Hayden L, Carmelle M, Ben E
Shane B., Esther K., Curtis S., Jennifer W.
<Application Name>
CS Fall 2018 Austin Jones Caroline Willis Emma Alderton
Shooting your video.
WEEK 5: Low-Fi Prototyping & Pilot Usability Testing
Flutter High-Fi Prototype
Polytone Convey volume and emotion through text. By: A Team
Step By Step Guide to Reinstate Amazon Seller Account By EsellersCare.
Music Playlist Creation in Real-Time
Design, prototyping and construction
Presentation transcript:

Low-Fi Prototype and Testing TidBits Low-Fi Prototype and Testing Intro pres Added S

Overview MISSION STATEMENT SELECTED INTERFACE RATIONALE TASK STORYBOARDS PROTOTYPE TESTING STRUCTURE PARTICIPANTS PROCEDURE RESULTS SUMMARY Changing understanding of mission statement Went w/ more traditional design Prototype concept seemed familiar, interaction required diff thinking

Mission Statement

Problem/Solution Overview People want to tell stories with their experiences, not just post a few pictures

Problem/Solution Overview People want to tell stories with their experiences, not just post a few pictures Despite this, consistently capturing memories across multiple formats and later putting them all together presents a high enough barrier to entry that people ultimately don’t do this.

Problem/Solution Overview People want to tell stories with their experiences, not just post a few pictures Despite this, consistently capturing memories across multiple formats and later putting them all together presents a high enough barrier to entry that people ultimately don’t do this. Our solution: Make consistently creating, compiling, and sharing detailed experience-based stories a quick and easy process. Cover general problem Larger idea behind a “blog”

Share Meaningful Memories Mission Statement Share Meaningful Memories

Mission Statement Share Meaningful Memories Make Lasting Memories. Share Meaningful Stories. Aren’t sharing memories (all social media does that) We’re sharing stories

Selected Interface

Selected Interface Familiar Everything consolidated in one place User has a high degree of control over their posts instagram/all in one Vs out of app -> which doesn’t try to replace existing social Media, leverages it Not compelling enough in end All-in-one/Instagram Model

Task 1: Social Interaction view a friend’s post find a friend’s profile add a new friend Social stuff

Task 2: Make Tidbits Record various types of memories Recording each type of memory

Task 3: Compile and share Create a new post Find your shared posts and saved memories Process of compiling Memories b/w dates may be wrong Add as much or little detail as you want, share

Prototype Testing

Testing Methods - Prototype Overall structure, shows screen flows for tasks

Testing Methods - Participants

Testing Methods - Participants 40 year old Female Consultant at American Express

Testing Methods - Participants 40 year old Female Consultant at American Express Participant 2 Stanford junior CS major

Testing Methods - Participants 40 year old Female Consultant at American Express Participant 2 Stanford junior CS major Participant 3 22 year old Medical Researcher #1 does some UI/UX research #2 young, uses social media #3 has insta with cool facts

Testing Methods - Procedure Initial Setup Briefly explain concept and demo interaction Record the test Ask to perform 3 tasks with subtasks Finally ask for general feedback

Testing Methods - Timing Participant 1 Participant 2 Participant 3 Look at friend’s post 13.21 18.84 28.79 Find friend’s profile 7.33 19.14 17.99 Add a new friend 16.82 58.26 26.78 Record new memories 30.81 1:46.04 1:19.71 Create and share new post 1:50.03 20.08 17.20 Find your posts and saved memories 1:45.72 00.46 00.53 Takeaways All tasks completed Variations in speed “Computer” was sometimes slow... Overall faster at beginning, slower near end

Testing Methods - Positives All participants quickly grasped the general concept Many of the tasks were almost instantaneously completed (even if computer couldn’t always keep up) General understanding was high

Testing Methods - Mistakes UI icons and terminology not always clear Selecting memories within a specific time window might not be right method Uncertainty about memory creation to story compilation to sharing flow Minor - UI problems More significant - Core App loop

Summary

Summary We plan to keep general model similar to existing social media platforms Need to make sure the flow between making memories and building more complete “posts” is clear and intuitive. Maintain focus on mission statement: Make lasting memories. Share meaningful stories. Concept seemed familiar, stick with general layout Challenge lies in making sure the core loop is intuitive and clear Stay true to mission