top of page

Wireframing & User Testing

Week of October 28, 2019
Monday, 3:30-5:00 PM
Wednesday, 3:30-5:00 PM

Guest instructor on Monday: Jeremy Kriegel, UX Lead at the Broad Institute of MIT & Harvard

Required Reading & Listening:

  1. Steve Krug, Usability Test Script

  2. Rosie Allabarton, How to Create Your First Wireframe

  3. Proto.io, The 10 Commandments for Usability Testing For Mobile Apps

  4. Design Principles, Interactive Design Foundation (short blog and 7min video)

  5. Wait Wait, Tell Me, 99% Invisible Podcast (35 min)

 

Optional Reading

  1. Nielsen Norman Group, Turn User Goals into Task Scenarios for Usability Testing 

  2. Christine Perfetti, Usability Tests in a Nutshell, Part 3: Creating Tasks

  3. Kara Pernice, Talking with Participants During a Usability Test

  4. Steve Krug, Rocket Surgery Made Easy, is a short, funny, practical book on usability testing by the author of the UI design basics book, Don't Make Me Think!

  5. Cole Derochie, Unbounce, Measure Twice, Cut Once: Introducing User Testing into Our Design Process

 

Minor Deliverable: MVP Wireframes and a draft of your design principles are due by 5:00pm on Friday, Nov 1, 2019

Reminder: A second round of Lo-fi test proofs will be due on Nov 8

Session Prep: It’s time to roll your sleeves up and start to sketch out wireframes of your apps! Focus on the Key Path Scenarios you outlined in the MRD, or updated versions if you have new insights/learnings based on more recent testing/peer feedback. The first draft of these wireframes can be on paper, google slides, balsamiq, Figma, Invision, Proto.io or any other tools you’ve found handy. 

It's important that your team starts the wireframing process before Monday so you can bring questions to our session. In the session, Jeremy will guide us through a user testing workshop. We expect you to do further iterative testing of your wireframes between this session and the Wireframe Assignment due date, Nov 1. Tests can be with friends, but we of course would love for you to try to get them in front of REAL users too! 

Lab Prep: Please bring: 

  • DRAFTS of your wireframes/prototypes of your app that you can test in class. Mobile phones or laptops OK, low fidelity paper prototypes are also acceptable.

  • Using the example script from Steve Krug’s post in your required reading, create a script outlining the key tasks that you want to have users test on your wireframes/prototypes. Make sure your wireframe/prototypes can support complete flows that deliver value. Focus on the key path scenarios vs. end-to-end user experience (e.g., leave out onboarding or logging in).

bottom of page