Learn how to put your sketches into a flow that you can get design feedback on. In this tutorial, Diane Cronenwett demonstrates how to structure your tasks to understand if your paper prototype is understood by users.
- Once you've sketched out a few ideas, and you have…your papers, markers, and sticky notes,…it's time to start putting some of these ideas…into a prototype that we can facilitate for feedback.…The first thing I am going to do is lay the card stock…below the phone cut out frame, and draw in…the navigation bar and shopping bag icon.…Typically, I already have card stock cut into strips…so I can just start sketching.…For the home page, I want to experiment with the layout…with the top row scrollable through the categories.…Below, I want to have a carousel of trends,…social media images, and an area that showcases…the designers and some video content.…
When sketching paper prototypes you can use…basic shapes to represent content.…So, I'll draw boxes and indicate a carousel…by showing the dots below, and use play icons…to indicate video.…Your sketches can be detailed or high level.…It really depends on how much information…you want to convey, and what you want to get feedback on.…In my case, I'm interested in the overall flow,…
Explore the benefits, techniques, and tools of prototyping in this introductory course with designer Diane Cronenwett. Diane covers the basics of building effective prototypes with the right "fidelity," and getting more valuable feedback from your design testing. Learn how to build simple, satisfying prototypes on paper, and use digital prototyping tools like Moqups, InVision, and Axure to add interactivity and animation.
- What is a prototype?
- How prototyping helps user experience
- Defining prototype goals
- Sketching ideas
- Creating paper prototypes
- Building low-fidelity and high-fidelity prototypes
- Creating HTML prototypes
- Testing and evaluating prototypes
- Choosing the right prototyping tool