SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial
Designing UX: Prototyping
Designing UX: Prototyping
Notice of Rights
Notice of Liability
Trademark Notice
About Ben Coleman
About Dan Goodwin
About SitePoint
Acknowledgments
Who Should Read This Book
Conventions Used
Supplementary Materials
What is prototyping?
Why use prototypes?
What can we prototype?
What can't we do with a prototype?
Who are prototypes for?
Summary
When to Prototype
Planning
Gather Resources
Get On With It!
Working Collaboratively
Iterate and Demo, Testing Early and Often
Summary
Segmenting and Categorizing Tools and Techniques
Sorting Tools and Techniques into Our Three Categories
How the Tools Have Been Grouped
Tools that Failed to Make the Cut
Summary
What is paper prototyping?
Making Paper Prototypes
Collaboration = Team + Client + Users
“Responsifying” an Existing Site with Paper Collage
Paper Prototypes in Use
Summary
Marvel
Clickable PDFs
Tools Dedicated to Creating Clickable Prototypes
Summary
Common Features in this Category of Prototyping Tools
Balsamiq
OmniGraffle
Axure
Keynote and PowerPoint
Adobe XD
Summary
The Pros of Using HTML
And a Few Cons of HTML
Your HTML Prototype Planning Kit
Skills Required
Tools for Rapid Prototyping
Using Content in Prototypes
Using a Content Management System (CMS)
Creating Accessible Prototypes
Making Prototypes Available Online
Throwaway versus Reusable Code in HTML Prototypes
HTML Prototyping Case Studies
Summary
Exploring and Communicating Design Ideas with the Team
Engaging with Stakeholders and Project Teams
Bringing Users into the Design Process Using Prototypes
Summary
Craft by InVision
Facebook Origami Studio
Framer
Principle
Xcode

Community Questions