How to explore and communicate possible design solutions?
Summaries and Questions
Oct 22 Class One-Minute Summaries
Weekly Quiz
Presented Slides
Prototyping | PDF (Propose Changes to these Slides on SFU GitLab)
Assignments
Usability Tested Mockups
Informed Consent Materials
Handouts
Supplemental Materials
Balsamiq Wireframes for Google Drive Overview
Learn Adobe XD in 5 minutes (Mac | Windows)
Required Reading
Supplemental Readings
Brainstorming
Brainstorming is a common group ideation technique.
- 7 Tips on Better Brainstorming
- How to run a brainstorming meeting
- Ideation in Practice: How Effective UX Teams Generate Ideas
- Tips for Structuring Better Brainstorming Sessions
- Troubleshooting Group Ideation: 10 Fixes for More and Better UX Ideas
Prototyping
The creation of a working model of a system or interface.
- Design Better And Faster With Rapid Prototyping
- Designer’s Toolkit: Prototyping Tools
- Designing with Code
- Five Prevalent Pitfalls when Prototyping
- Flavors of Prototypes
- Interactive Prototyping, Part 1
- Prototyping 101: The Difference between Low-Fidelity and High-Fidelity Prototypes and When to Use Each
- The Right Tool For The Job: Picking The Best Prototyping Software For Your Project
- The Skeptic’s Guide To Low-Fidelity Prototyping
- Using prototypes in user research
- Why You Should Start Prototyping—Right Now
Scenarios
Descriptions of how a specific user accomplishes their goal, with regards to an existing or yet-to-be system.
- Create Scenarios
- Context-Rich Scenarios Make UX Projects Manageable
- Tell me the story: the unifying role of scenarios in conceptual design
Storyboards
A sequence of images or drawings representing a specific period of time.
