5
Lost Sleep Wasted Time FRUSTRATION

Prototypes: Choosing the “Right” Fidelity for Your Research

Embed Size (px)

DESCRIPTION

http://www.uie.com/events/virtual_seminars/prototype_fidelity/

Citation preview

Page 1: Prototypes: Choosing the “Right” Fidelity for Your Research

Lost Sleep

Wasted Time FRUSTRATION

Page 2: Prototypes: Choosing the “Right” Fidelity for Your Research
Page 3: Prototypes: Choosing the “Right” Fidelity for Your Research
Page 4: Prototypes: Choosing the “Right” Fidelity for Your Research

The Right StuffPrototypes grow out of research questions

They have 5 dimensions

Just enough realism (“fidelity”)

Page 5: Prototypes: Choosing the “Right” Fidelity for Your Research

Test Often

Test Earlier MORE SLEEP


Adrienne Yapo d...UX DESIGN / Process sketches Sketching and low-fidelity prototypes enable rapid prototyping and ideation and can be beneficial in early formative design. Low-fidelity

Adrienne Yapo d...UX DESIGN / Process sketches Sketching and low-fidelity prototypes enable rapid prototyping and ideation and can be beneficial in early formative design. Low-fidelity

Documents
User Centered Design and Prototypingpages.cpsc.ucalgary.ca/~sheelagh/courses/481/3... · User centered design and prototyping 8 Saul Greenberg Low fidelity prototypes Pictive •

User Centered Design and Prototypingpages.cpsc.ucalgary.ca/~sheelagh/courses/481/3... · User centered design and prototyping 8 Saul Greenberg Low fidelity prototypes Pictive •

Documents
Designing Successful UIs - NetBeans2007 JavaOneSM Conference | Session BOF-3420 | 13 Creating Low Fidelity Prototypes A Low Fidelity prototype is a rough “napkin-like” sketch or

Designing Successful UIs - NetBeans2007 JavaOneSM Conference | Session BOF-3420 | 13 Creating Low Fidelity Prototypes A Low Fidelity prototype is a rough “napkin-like” sketch or

Documents
skills .balsamiq - ChristieMischelchristiemischel.com/wp-content/...resume_2016.pdf · testing, low/high fidelity wire frames + prototypes and final visual designs as well as the

skills .balsamiq - ChristieMischelchristiemischel.com/wp-content/...resume_2016.pdf · testing, low/high fidelity wire frames + prototypes and final visual designs as well as the

Documents
USABILITY TESTING - Akendi › include › common › downloads › ux... · > Remote usability testing vs. co-located testing > Testing high fidelity vs. low fidelity prototypes

USABILITY TESTING - Akendi › include › common › downloads › ux... · > Remote usability testing vs. co-located testing > Testing high fidelity vs. low fidelity prototypes

Documents
User-Centered Design (UCD) Process Description · development of high-fidelity mockups and prototypes. ... workflows, use cases, and other artifacts to directly support rapid and

User-Centered Design (UCD) Process Description · development of high-fidelity mockups and prototypes. ... workflows, use cases, and other artifacts to directly support rapid and

Documents
User-Centered Website Development: A Human - Computer ...aguercio/CS27101Slides/Chap07-08.pdf · What prototyping is The benefits of prototyping Low-fidelity and high- fidelity prototypes,

User-Centered Website Development: A Human - Computer ...aguercio/CS27101Slides/Chap07-08.pdf · What prototyping is The benefits of prototyping Low-fidelity and high- fidelity prototypes,

Documents
Adrienne Yapo d - Sweet Gum Studio - Home · 2019-10-24 · ADRIENNE YAPO | USER EXPERIENCE PORTFOLIO | 4 UX DESIGN / Process sketches Sketching and low-fidelity prototypes enable

Adrienne Yapo d - Sweet Gum Studio - Home · 2019-10-24 · ADRIENNE YAPO | USER EXPERIENCE PORTFOLIO | 4 UX DESIGN / Process sketches Sketching and low-fidelity prototypes enable

Documents
Prototypes Low-fidelity prototypes design.org/encyclopedia/contextual_design.html Heim, Chapter 5.3 Lecture 9 Physical Design

Prototypes Low-fidelity prototypes design.org/encyclopedia/contextual_design.html Heim, Chapter 5.3 Lecture 9 Physical Design

Documents
Assignment #3user.ceng.metu.edu.tr/~tcan/se542_f1617/Schedule/week5.pdf · Low Fidelity Prototypes •Sketches: –A drawing of the high-level appearance of the intended system –The

Assignment #3user.ceng.metu.edu.tr/~tcan/se542_f1617/Schedule/week5.pdf · Low Fidelity Prototypes •Sketches: –A drawing of the high-level appearance of the intended system –The

Documents
System Requirements & Design · high-fidelity wireframe prototypes have been developed to engage project stakeholders in additional design iterations. Data entity diagrams in UML

System Requirements & Design · high-fidelity wireframe prototypes have been developed to engage project stakeholders in additional design iterations. Data entity diagrams in UML

Documents
1. Low Fidelity Prototyping and Wizard of Oz Studies Because they are easy to create and modify, low fidelity prototypes commonly provide designers with

1. Low Fidelity Prototyping and Wizard of Oz Studies Because they are easy to create and modify, low fidelity prototypes commonly provide designers with

Documents
Don’t drop it! Pick it up and storyboardjosephdegol.com/docs/PICUP_CHI11_Paper.pdf · [3,18]. Thus, they are early low-fidelity prototypes in the design process. On the other hand,

Don’t drop it! Pick it up and storyboardjosephdegol.com/docs/PICUP_CHI11_Paper.pdf · [3,18]. Thus, they are early low-fidelity prototypes in the design process. On the other hand,

Documents
CS 160 Professor John Canny - University of California, Berkeleycs160/sp06/lectures/lec7/...High fidelity * Prototypes look like the final product Low fidelity * Look like a sketch

CS 160 Professor John Canny - University of California, Berkeleycs160/sp06/lectures/lec7/...High fidelity * Prototypes look like the final product Low fidelity * Look like a sketch

Documents
Inves tment Options Guide - Fidelity Investments · Choosing Your Investment Funds in Fidelity NetBenefits® 6 ... save for retirement using the investment strategy that feels right

Inves tment Options Guide - Fidelity Investments · Choosing Your Investment Funds in Fidelity NetBenefits® 6 ... save for retirement using the investment strategy that feels right

Documents
COMP 3020: Human-Computer Interaction Ics.umanitoba.ca/~young/Files/Courses/3020F17/13-Prototype-2.pdfpaper-prototyping/ COMP 3020 9. tangible prototypes. COMP 3020 10. low-fidelity

COMP 3020: Human-Computer Interaction Ics.umanitoba.ca/~young/Files/Courses/3020F17/13-Prototype-2.pdfpaper-prototyping/ COMP 3020 9. tangible prototypes. COMP 3020 10. low-fidelity

Documents
Prototyping ● What prototyping is ● The benefits of prototyping ● Low-fidelity prototypes ● High-fidelity prototypes, – And the advantages of each ● How

Prototyping ● What prototyping is ● The benefits of prototyping ● Low-fidelity prototypes ● High-fidelity prototypes, – And the advantages of each ● How

Documents
RCI Technologies Digital Asset Management€¦ · Low and High-Fidelity Wireframes Style Tiles and Visual Design Concepts Atomic/Component -Based Design Consulting Interactive Prototypes

RCI Technologies Digital Asset Management€¦ · Low and High-Fidelity Wireframes Style Tiles and Visual Design Concepts Atomic/Component -Based Design Consulting Interactive Prototypes

Documents
Prototypes, Prototypes, Prototypes

Prototypes, Prototypes, Prototypes

Design
05- Methods and Experiments - CUPScups.cs.cmu.edu/courses/ups-sp15/Lecture05.pdfIterative prototyping is crucial! High-fidelity, “Wizard of Oz,” low-fidelity 10 Paper prototypes

05- Methods and Experiments - CUPScups.cs.cmu.edu/courses/ups-sp15/Lecture05.pdfIterative prototyping is crucial! High-fidelity, “Wizard of Oz,” low-fidelity 10 Paper prototypes

Documents
Why Do We Prototype? Fidelity in Prototypingjfc/cs160/F04/... · Fidelity in Prototyping Fidelity refers to the level of detail High fidelity * prototypes look like the final product

Why Do We Prototype? Fidelity in Prototypingjfc/cs160/F04/... · Fidelity in Prototyping Fidelity refers to the level of detail High fidelity * prototypes look like the final product

Documents
EVALUATION OF PROTOTYPES USABILITY TESTINGgroups.cs.umass.edu/nmahyar/wp-content/uploads/... · • This could be… your new medium fidelity prototype. • Or it could be the bad

EVALUATION OF PROTOTYPES USABILITY TESTINGgroups.cs.umass.edu/nmahyar/wp-content/uploads/... · • This could be… your new medium fidelity prototype. • Or it could be the bad

Documents
Prototyping - University of Victoria · • Explain why prototyping is an important phase of design. • Create and test paper prototypes. • Explain how to create a high-fidelity

Prototyping - University of Victoria · • Explain why prototyping is an important phase of design. • Create and test paper prototypes. • Explain how to create a high-fidelity

Documents
Paper (low-fidelity) Prototypes

Paper (low-fidelity) Prototypes

Documents
Designing Successful UIs - NetBeansui.netbeans.org/JavaOne/BOF-3420.pdf · 2007 JavaOneSM Conference | Session BOF-3420 | 13 Creating Low Fidelity Prototypes A Low Fidelity prototype

Designing Successful UIs - NetBeansui.netbeans.org/JavaOne/BOF-3420.pdf · 2007 JavaOneSM Conference | Session BOF-3420 | 13 Creating Low Fidelity Prototypes A Low Fidelity prototype

Documents
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes

Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes

Documents
ERIC COX FENRICK JAMES. Table of Contents Problem Space Project Scope Conceptualization Requirements Prototypes Sketches & Low Fidelity High-Fidelity

ERIC COX FENRICK JAMES. Table of Contents Problem Space Project Scope Conceptualization Requirements Prototypes Sketches & Low Fidelity High-Fidelity

Documents
The Service Transformation Game : Snakes and Ladders to ... · 4. Co-creation Build low -fidelity prototypes and test int eractions with participants . Build prototypes in the format

The Service Transformation Game : Snakes and Ladders to ... · 4. Co-creation Build low -fidelity prototypes and test int eractions with participants . Build prototypes in the format

Documents
User Centered Design And Prototypingpages.cpsc.ucalgary.ca/.../notes/acrobat/userCenteredDesignPrototy… · User-Centered Design and prototyping 3 James Tam Low Fidelity Prototypes

User Centered Design And Prototypingpages.cpsc.ucalgary.ca/.../notes/acrobat/userCenteredDesignPrototy… · User-Centered Design and prototyping 3 James Tam Low Fidelity Prototypes

Documents
Prototyping Corporate User Interfacespresent ways of agile high-fidelity prototyping for corporate user interface design. Without harming agile principles and practice, detailed prototypes

Prototyping Corporate User Interfacespresent ways of agile high-fidelity prototyping for corporate user interface design. Without harming agile principles and practice, detailed prototypes

Documents