SitePoint
Blog
Forum
Library
Login
Join Premium
Toggle sidebar
Designing UX: Prototyping
Toggle community discussions
Close
Content
Bookmarks
Preface
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
1
Defining the Case for Prototyping
What is prototyping?
Why use prototypes?
What can we prototype?
What can't we do with a prototype?
Who are prototypes for?
Summary
The Prototyping Process
When to Prototype
Planning
Gather Resources
Get On With It!
Working Collaboratively
Iterate and Demo, Testing Early and Often
Summary
An Overview of Prototyping Tools and Techniques
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
Paper Prototyping
What is paper prototyping?
Making Paper Prototypes
Collaboration = Team + Client + Users
“Responsifying” an Existing Site with Paper Collage
Paper Prototypes in Use
Summary
Creating Clickable Prototypes from Designs
Marvel
Clickable PDFs
Tools Dedicated to Creating Clickable Prototypes
Summary
Integrated Tools for Drawing and Creating Prototypes
Common Features in this Category of Prototyping Tools
Balsamiq
OmniGraffle
Axure
Keynote and PowerPoint
Adobe XD
Summary
Building HTML Prototypes
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
Using Prototypes in Your Project Workflow
Exploring and Communicating Design Ideas with the Team
Engaging with Stakeholders and Project Teams
Bringing Users into the Design Process Using Prototypes
Summary
Supplementary Prototyping Tools Worth Seeking
Craft by InVision
Facebook Origami Studio
Framer
Principle
Xcode
Open text modal
Community Questions
Close