Improve user experience by avoiding common frustrations and focusing on what matters
Key Features
- Browse over 20 years of collected UX insights
- Challenge your own ideas on UX
- Join the online community of UX professionals and learn with the experts
Book Description
“This updated version of 101 UX Principles is a delight. It's an educational and fun provocation to look at the world of UX differently – solidly from the user's point of view."-Elizabeth Churchill, Director of User Experience, Google
“A phenomenal reference guide. Complete with case studies, a record of personal experience, and visual examples, Grant makes it clear why these techniques have found their way into the canon of UX best practices.”
-Jeff Gothelf, Author of Lean UX
“..I recommend it to anyone looking to learn the basics and also for more experienced designers - the author’s candid opinions will force you to revisit some of your established assumptions!"
-Anne Marie-Leger, Staff Product Designer, Shopify
“An absolute must-read, not only for UX designers, but this book is also super relevant for product managers trying to get better at product usability. Two enthusiastic thumbs up!"
-Trent Blakely, Sr. Product Manager, Equinix
This book is a manifesto of UX/UI design best practices to help you put the focus back on what really matters: the user. From UX laws to practical UI, color, typography, and accessibility advice, it’s all packed into this easy-to-consult and fun read:
Essential UX laws
Handy best practices
Snippets of technical knowledge for anyone who wants to work in the digital space
101 UX Principles demonstrates the success from best-in-class products and leads the way to delight your users. Keep it on your desk for quick reference, send as a gift to colleagues to build allies, or brandish it as your weapon of choice during meetings to fight for your users’ right to a better digital experience.
Sneak a peek at some of the new and updated principles in this UX design book:
Work with user expectations, not against them
Make interactive elements obvious and discoverable
Optimize your interface for mobile
Streamline creating and entering passwords
Respect users' time and effort in your forms
Use animation with care in user interfaces
How to handle destructive user actions
Chatbots are usually a bad idea – and how to make them better
Use A/B testing to test your ideas
Let users give feedback, but don't hassle them
Make it clear to users if they're joining or signing-in
Only use modal views for blocking actions
How complexity can be good for some users
What you will learn
- Work with user expectations, not against them
- Make interactive elements obvious and discoverable
- Optimize your interface for mobile
- Streamline creating and entering passwords
- Use animation with care in user interfaces
- How to handle destructive user actions
Who this book is for
This book is a distillation of Will's 20+ years of experience in the form of successful design principles to help early career UX designers learn the ropes and provide experienced professionals with new ideas when building their products.
UX/UI designers, product managers, entrepreneurs, aspiring strategists, and anyone creating a digital product, service or a campaign will find this book extremely useful.
Table of Contents
- Everyone Can Be Great at UX
- Be Strategic About Using These Principles
- Don
- Use A/B Testing To Test Your Ideas
- Test with Real Users
- Nobody Cares About Your Brand
- Don't Use More Than Two Typefaces
- Users Already Have Fonts on Their Computers, So Use Them
- Use Type Size and Weight to Depict an Information Hierarchy
- Use a Sensible Default Size for Body Copy
- Use an Ellipsis to Indicate That There's a Further Step
- Make Interactive Elements Obvious and Discoverable
- Make Buttons a Sensible Size and Group Them Together by Function
- Make the Whole Button Clickable, Not Just the Text
- Don
- Search Should be a Text Field with a Button Labeled "Search"
- Sliders Should Be Used for Non-Quantifiable Values Only
- Use Numeric Entry Fields for Precise Integers
- Don't Use a Drop-Down Menu If You Only Have a Few Options
- Allow Users to Undo Destructive Actions
- Optimise your interface for mobile
- Use "Infinite Scroll" for Feed
- If Your Content Has a Beginning, Middle and End, Use Pagination
- Allow Users to Accept or Reject Cookies with One Click
- Help users understand their next steps from "Empty States"
- Make "Getting Started" Tips Easily Dismissable
- When a User Refreshes a Feed, Move Them to the Last Unread Item
- Don't Hide Items Away in a "Hamburger" Menu
- Make Your Links Look Like Links
- Split Menu Items Down Into Subsections, so Users Don
- Categorize Settings in an Accessible Way
- Repeat Menu Items in the Footer or Lower Down in the View
- Use Consistent Icons Across the Product
- Don't Use Obsolete Icons
- Don
- Never Use Text on Icons
- Always Give Icons a Text Label
- Use Device-Native Input Features Where Possible
- Streamline Creating and Entering Passwords
- Always Allow the User to Paste into Password Fields
- Don't Attempt to Validate Email Addresses
- Respect Users
- Pick a Sensible Size for Multiline Input Fields
- Use Animation with Care in User Interfaces
- Use the Same Date Picker Controls Consistently
- Pre-Fill the Username in
- Make Your Input Systems Case-Insensitive
- Chatbots Are Usually a Bad Idea
- If Your Forms Are Good, Your Product Is Good
- Validate Data Entry as Soon as Possible
- If the Form Fails Validation, Show the User Which Field Needs Their Attention
- Users Don
- Pick the Right Control for the Job
- Allow Users to Enter Phone Numbers However They Wish
- Use Dropdowns Sensibly for Date Entry
- Capture the Bare Minimum When Requesting Payment Card Details
- Make it Easy for Users to Enter Postal or ZIP Codes
- Don't Add Decimal Places to Currency Input
- Make It Painless for the User to Add Images
- Use a
- Show a Numeric Progress Indicator on the Progress Bar
- Show a
- Contrast Ratios Are Your Friends
- If You Must Use
- Avoid Ambiguous Symbols
- Make Links Make Sense Out of Context
- Add "Skip to Content" Links Above the Header and Navigation
- Never Use Color Alone to Convey Information
- If You Turn off Device Zoom with a Meta Tag, You
- Give Navigation Elements a Logical Tab Order
- Write Clear Labels for Controls
- Make Tappable Areas Finger-Sized
- Let Users Turn off Specific Notifications
- Each Aspect of a User
- The User Should Always Know What Stage They Are at in Any Given Journey
- Use Breadcrumb Navigation
- Users Rarely Care About Your Company
- Follow the Standard E-Commerce Pattern
- Show an Indicator If the User
- Let Users Give Feedback, but Don
- Don't Use a Vanity Splash Screen
- Make Your Favicon Distinctive
- Add a
- Make it Easy for Users to Pay You
- Give Users the Ability to Filter Search Results
- Your Users Probably Don
- Show, Don't Tell
- Be Consistent with Terminology
- Use
- Make It Clear to Users If They
- Standardize the Password Reset Experience
- Write Like a Human Being
- Choose Active Verbs over Passive
- Search Results Pages Should Show the Most Relevant Result at the Top of the Page
- Pick Good Defaults
- Only Use Modal Views for Blocking Actions
- Give Users The Experience They Expect
- Decide Whether an Interaction Should Be Obvious, Easy, or Possible
- Don
Loading...
Loading...
Loading...
