UX for Founders: Paper Prototyping


Sunday, June 17, 12
Sunday, June 17, 12
The Lean Startup Cycle

                                 IDEAS



                        LEARN             BUILD




                       DATA               PRODUCT

                                MEASURE



Sunday, June 17, 12
The UX Cycle

                               IDEAS



                      LEARN             BUILD




                      DATA              PRODUCT

                              MEASURE



Sunday, June 17, 12
The UX Cycle
     Team planning,
    Interview guides,         IDEAS
    Pair interviewing,
        Personas,
      Collaborative LEARN              BUILD
          design




                      DATA             PRODUCT

                             MEASURE



Sunday, June 17, 12
The UX Cycle

                               IDEAS
                                           Team sketching,
                                             Prototypes
                      LEARN             BUILD




                      DATA              PRODUCT

                              MEASURE



Sunday, June 17, 12
The UX Cycle

                                IDEAS



                      LEARN                 BUILD




                      DATA                  PRODUCT

                               MEASURE
                              Qualitative
                              evalutation
Sunday, June 17, 12
Paper Prototyping

                      • learn to create a working paper
                        prototype for testing
                      • prototyping tricks for simulating
                        different kinds of user interfaces




Sunday, June 17, 12
Paper Prototype
                      A quick visualization of an interface idea




Sunday, June 17, 12
Paper Sketches




Sunday, June 17, 12
Paper Prototype




Sunday, June 17, 12
Paper Prototyping
                      • Fast and inexpensive
                      • Identifies problems before they’re coded
                      • Early and frequent feedback from users
                      • Low opportunity cost
                      • Helps developers think creatively
                      • Jot notes on the mockups
                      • Foster teamwork and communication
Sunday, June 17, 12
When to do it?

                      • Teams with non-technical members
                      • High level of uncertainty
                      • Experimenting with solutions


Sunday, June 17, 12
Where to start?




Sunday, June 17, 12
Let’s get started!
                      •   Pick 1 main user goal. Sketch flow of screens
                          needed to accomplish this 1 task. 5 min

                      •   Using cards, postits, tape, etc., design a
                          working paper prototype.

                      •   Test. List issues and possible design changes.

                      •   Implement most important design changes.

                      •   Test again.

                      •   What did you learn?


Sunday, June 17, 12
Task #, Task Name
                       Goal/Output:            Task is complete when....
                          Inputs:                  Data input, if any

                       Assumptions:          What do you want to learn?

                           Steps:          Actions needed to complete task

                      Time for Expert:     How fast can an expert complete?

                  Instructions for User:    Set scenario.You are trying to...
                                           why you created the task, what to
                          Notes:              watch for, questions to ask
                                            users after the task is complete

                Measure time it takes to complete task
Sunday, June 17, 12
Let’s get started!
                      •   Pick 1 main user goal. Sketch flow of screens
                          needed to accomplish this 1 task.

                      •   Using cards, postits, tape, etc., design a
                          working paper prototype. 5 min

                      •   Test. List issues and possible design changes.

                      •   Implement most important design changes.

                      •   Test again.

                      •   What did you learn?


Sunday, June 17, 12
Usability Testing

                      •   Minimize implementation by building only
                          those pieces you need for a specific iteration.

                      •   5 people will get you 80% of the problems




Sunday, June 17, 12
Let’s iterate!
                      •   Pick 1 main user goal. Sketch flow of screens
                          needed to accomplish this 1 task.

                      •   Using cards, postits, tape, etc., design a
                          working paper prototype. 5 min

                      •   Test. List issues and possible design changes.

                      •   Implement most important design changes.

                      •   Test again.

                      •   What did you learn?


Sunday, June 17, 12
Improve your product’s UX by actively
                           seeking out user feedback.




Sunday, June 17, 12
Improve this experience with your
                             feedback please :)

                               bit.ly/ux-proto

                              Questions?
                       grace@leanstartupmachine.com

                                  @uxceo

Sunday, June 17, 12

Ux paper prototyping

  • 1.
    UX for Founders:Paper Prototyping Sunday, June 17, 12
  • 2.
  • 3.
    The Lean StartupCycle IDEAS LEARN BUILD DATA PRODUCT MEASURE Sunday, June 17, 12
  • 4.
    The UX Cycle IDEAS LEARN BUILD DATA PRODUCT MEASURE Sunday, June 17, 12
  • 5.
    The UX Cycle Team planning, Interview guides, IDEAS Pair interviewing, Personas, Collaborative LEARN BUILD design DATA PRODUCT MEASURE Sunday, June 17, 12
  • 6.
    The UX Cycle IDEAS Team sketching, Prototypes LEARN BUILD DATA PRODUCT MEASURE Sunday, June 17, 12
  • 7.
    The UX Cycle IDEAS LEARN BUILD DATA PRODUCT MEASURE Qualitative evalutation Sunday, June 17, 12
  • 8.
    Paper Prototyping • learn to create a working paper prototype for testing • prototyping tricks for simulating different kinds of user interfaces Sunday, June 17, 12
  • 9.
    Paper Prototype A quick visualization of an interface idea Sunday, June 17, 12
  • 10.
  • 11.
  • 12.
    Paper Prototyping • Fast and inexpensive • Identifies problems before they’re coded • Early and frequent feedback from users • Low opportunity cost • Helps developers think creatively • Jot notes on the mockups • Foster teamwork and communication Sunday, June 17, 12
  • 13.
    When to doit? • Teams with non-technical members • High level of uncertainty • Experimenting with solutions Sunday, June 17, 12
  • 14.
  • 15.
    Let’s get started! • Pick 1 main user goal. Sketch flow of screens needed to accomplish this 1 task. 5 min • Using cards, postits, tape, etc., design a working paper prototype. • Test. List issues and possible design changes. • Implement most important design changes. • Test again. • What did you learn? Sunday, June 17, 12
  • 16.
    Task #, TaskName Goal/Output: Task is complete when.... Inputs: Data input, if any Assumptions: What do you want to learn? Steps: Actions needed to complete task Time for Expert: How fast can an expert complete? Instructions for User: Set scenario.You are trying to... why you created the task, what to Notes: watch for, questions to ask users after the task is complete Measure time it takes to complete task Sunday, June 17, 12
  • 17.
    Let’s get started! • Pick 1 main user goal. Sketch flow of screens needed to accomplish this 1 task. • Using cards, postits, tape, etc., design a working paper prototype. 5 min • Test. List issues and possible design changes. • Implement most important design changes. • Test again. • What did you learn? Sunday, June 17, 12
  • 18.
    Usability Testing • Minimize implementation by building only those pieces you need for a specific iteration. • 5 people will get you 80% of the problems Sunday, June 17, 12
  • 19.
    Let’s iterate! • Pick 1 main user goal. Sketch flow of screens needed to accomplish this 1 task. • Using cards, postits, tape, etc., design a working paper prototype. 5 min • Test. List issues and possible design changes. • Implement most important design changes. • Test again. • What did you learn? Sunday, June 17, 12
  • 20.
    Improve your product’sUX by actively seeking out user feedback. Sunday, June 17, 12
  • 21.
    Improve this experiencewith your feedback please :) bit.ly/ux-proto Questions? grace@leanstartupmachine.com @uxceo Sunday, June 17, 12