101 UX Principles

The most important things you need to know about creating successful user experiences
Code Files

101 UX Principles

Will Grant

The most important things you need to know about creating successful user experiences
Packt Subscription
FREE
$9.99/m after trial
eBook
$22.40
RRP $31.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
$0.00
$22.40
$39.99
$9.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start a FREE 10-day trial

Frequently bought together


101 UX Principles Book Cover
101 UX Principles
$ 31.99
$ 22.40
Hands-On Go Programming Book Cover
Hands-On Go Programming
$ 23.99
$ 16.80
Buy 2 for $39.20
Save $16.78
Add to Cart

Book Details

ISBN 139781788837361
Paperback414 pages

Book Description

The most important things you need to know about creating successful user experiences

We want our UX to be brilliant. We want to create stunning user experiences. We want our UX to drive the success of our business with useful and usable software products. This book draws on the wisdom and training of Jakob Nielsen and Don Norman to help you get your UX right - in 101 ways!

101 UX Principles shows you the 101 most important things you need to know about usability and design. A practical reference for UX professionals, and a shortcut to greatness for anyone who needs a clear and wise selection of principles to guide their UX success. Learn the key principles that drive brilliant UX design.

Enjoy 101 Principles including ‘Good UX has a Beginning, a Middle, and an End’, ‘Make Your Links Look Like Links’, ‘Don't Use Obsolete Icons’, ‘Decide Whether an Interaction Should Be Obvious, Easy, or Possible’, ‘Test with Real Users’, ‘Making the most of fonts’, ‘Good UX for search results’, and ‘Show your user - don't tell your user!’

“Good to read from beginning to end, and a nice dip-in-and-out text, the chapter titles reminded me of principles I don't even think about explicitly when I likely should. The book inspired me to start more explicitly articulating some of the principles I just take for granted.”
- Elizabeth Churchill, Director of User Experience at Google

“This is a great practical read. It is convenient to use as a reference when solving real UX problems. I would definitely recommend it as an introduction to UX, but also as a good reminder of best practices for more experienced designers.”
- Anne-Marie Léger, Designer at Shopify

“A great Mood Booster and Pep Talk. Like a good pep talk from a sports coach before a game, Will reminds us of the common pitfalls we all come across.”
- Kate Pincott Product Designer at Facebook

Some more of the 101 UX Principles featured in this book:

  • Work with user expectations not against them
  • How to build upon established metaphors
  • How to arrange navigation elements
  • How to introduce new ideas to your user
  • Matching pagination and content structure
  • When invention is not good for UX
  • Striving for simplicity
  • Reducing user tasks
  • What to make clickable
  • Making the most of fonts
  • Making your links look like links
  • Picking the right control for the job
  • Data input and what users care about
  • How to handle destructive user actions
  • When color should not convey information
  • Tappable areas and the size of fingers
  • Getting payment details the right way
  • Use the standard e-commerce pattern
  • If you really must use a flat design
  • When to use progress bars or spinners
  • Dropdowns the right and wrong way
  • Handling just-off-screen content
  • How to do Hamburger menus right
  • When to hide Advanced Settings
  • Good UX for Notifications

Table of Contents

Chapter 1: Anyone Can Be a User Experience (UX) Professional
Chapter 2: Don't Use More Than Two Typefaces
Chapter 3: Users Already Have Fonts on Their Computers, So Use Them
Chapter 4: USE TYPE SIZE TO DEPICT INFORMATION HIERARCHY
Chapter 5: Use a Sensible Default Size for Body Copy
Chapter 6: Use an Ellipsis to Indicate That There's a Further Step
Chapter 7: Make Your Buttons Look Like Buttons
Chapter 8: Make Buttons a Sensible Size and Group Them Together by Function
Chapter 9: Make the Whole Button Clickable, Not Just the Text
Chapter 10: Don't Invent New, Arbitrary Controls
Chapter 11: Search Should be a Text Field with a Button Labeled "Search"
Chapter 12: Sliders Should Be Used Only for Non-Quantifiable Values
Chapter 13: Use Numeric Entry Fields for Precise Integers
Chapter 14: Don't Use a Drop-Down Menu If You Only Have a Few Options
Chapter 15: Allow Users to Undo Destructive Actions
Chapter 16: Think About What's Just off the Screen
Chapter 17: Use "Infinite Scroll" for Feed–Style Content Only
Chapter 18: If Your Content Has a Beginning, Middle, and End, Use Pagination
Chapter 19: If You Must Use Infinite Scroll, Store the User's Position and Return to It
Chapter 20: Make "Blank Slates" More Than Just Empty Views
Chapter 21: Make "Getting Started" Tips Easily Dismissable
Chapter 22: When a User Refreshes a Feed, Move Them to the Last Unread Item
Chapter 23: Don't Hide Items Away in a "Hamburger" Menu
Chapter 24: Make Your Links Look Like Links
Chapter 25: Split Menu Items Down into Subsections, so Users Don't Have to Remember Large Lists
Chapter 26: Hide "Advanced" Settings From Most Users
Chapter 27: Repeat Menu Items in the Footer or Lower Down in the View
Chapter 28: Use Consistent Icons Across the Product
Chapter 29: Don't Use Obsolete Icons
Chapter 30: Don't Try to Depict a New Idea With an Existing Icon
Chapter 31: Never Use Text on Icons
Chapter 32: Always Give Icons a Text Label
Chapter 33: Emoji are the Most Recognized Icon Set on Earth
Chapter 34: Use Device-Native Input Features Where Possible
Chapter 35: Obfuscate Passwords in Fields, but Provide a "Show Password" Toggle
Chapter 36: Always Allow the User to Paste into Password Fields
Chapter 37: Don't Attempt to Validate Email Addresses
Chapter 38: Don't Ever Clear User-Entered Data Unless Specifically Asked To
Chapter 39: Pick a Sensible Size for Multiline Input Fields
Chapter 40: Don't Ever Make Your UI Move While a User is Trying to Use It
Chapter 41: Use the Same Date Picker Controls Consistently
Chapter 42: Pre-fill the Username in "Forgot Password" Fields
Chapter 43: Be Case-Insensitive
Chapter 44: If a Good Form Experience Can Be Delivered, Your Users will Love Your Product
Chapter 45: Validate Data Entry as Soon as Possible
Chapter 46: If the Form Fails Validation, Show the User Which Field Needs Their Attention
Chapter 47: Be Forgiving – Users Don't Know (and Don't Care) How You Need the Data
Chapter 48: Pick the Right Control for the Job
Chapter 49: Allow Users to Enter Phone Numbers However They Wish
Chapter 50: Use Drop Downs Sensibly for Date Entry
Chapter 51: Capture the Bare Minimum When Requesting Payment Card Details
Chapter 52: Make it Easy for Users to Enter Postal or ZIP Codes
Chapter 53: Don't Add Decimal Places to Currency Input
Chapter 54: Make it Painless for the User to Add Images
Chapter 55: Use a "Linear" Progress Bar if a Task will Take a Determinate Amount of Time
Chapter 56: Show a "Spinner" if the Task Will Take an Indeterminate Amount of Time
Chapter 57: Never Show an Animated, Looping Progress Bar
Chapter 58: Show a Numeric Progress Indicator on the Progress Bar
Chapter 59: Contrast Ratios Are Your Friends
Chapter 60: If You Must Use "Flat Design" then Add Some Visual Affordances to Controls
Chapter 61: Avoid Ambiguous Symbols
Chapter 62: Make Links Make Sense Out of Context
Chapter 63: Add "Skip to Content" Links Above the Header and Navigation
Chapter 64: Don't Only Use Color to Convey Information
Chapter 65: If You Turn Off Device Zoom with a Meta Tag, You're Evil
Chapter 66: Give Navigation Elements a Logical Tab Order
Chapter 67: Write Clear Labels for Controls
Chapter 68: Let Users Turn off Specific Notifications
Chapter 69: Make Tappable Areas Finger-Sized
Chapter 70: A User's Journey Should Have a Beginning, Middle, and End
Chapter 71: The User Should Always Know at What Stage They Are in Any Given Journey
Chapter 72: Use Breadcrumb Navigation
Chapter 73: If the User is on an Optional Journey, Give Them a Control to "Skip This"
Chapter 74: Users Don't Care About Your Company
Chapter 75: Follow the Standard E-Commerce Pattern
Chapter 76: Show an Indicator in the Title Bar if the User's Work is Unsaved
Chapter 77: Don't Nag Your Users into Rating Your App
Chapter 78: Don't Use a Vanity Splash Screen
Chapter 79: Make Your Favicon Distinctive
Chapter 80: Add a "Create from Existing" Flow
Chapter 81: Make it Easy for Users to Pay You
Chapter 82: Categorize Search Results into Sections
Chapter 83: Your Users Probably Don't Understand the File System
Chapter 84: Show, Don't Tell
Chapter 85: Be Consistent with Terminology
Chapter 86: Use "Sign in" and "Sign out", Not "Log in" and "Log out"
Chapter 87: "Sign up" Makes More Sense Than "Register"
Chapter 88: Use "Forgot Password" or "Forgotten Your Password", Not Something Obscure
Chapter 89: Write Like a Human Being
Chapter 90: Choose Active Verbs over Passive
Chapter 91: Search Results Pages Should Show the Most Relevant Result at the Top of the Page
Chapter 92: Pick Good Defaults
Chapter 93: Don't Confound Users' Expectations
Chapter 94: Reduce the Number of Tasks a User Has to Complete by Using Sensible Defaults
Chapter 95: Build Upon Established Metaphors – It's Not Stealing
Chapter 96: Decide Whether an Interaction Should Be Obvious, Easy, or Possible
Chapter 97: "Does it Work on Mobile?" is Obsolete
Chapter 98: Messaging is a Solved Problem
Chapter 99: Brands Are Bullshit
Chapter 100: Don't Join the Dark Side
Chapter 101: Test with Real Users
Chapter 102: Bonus – Strive for Simplicity

What You Will Learn

  • Use typography well to ensure that text is readable
  • Design controls to streamline interaction
  • Create navigation which makes content make sense
  • Convey information with consistent iconography
  • Manage user input effectively
  • Represent progress to the user
  • Provide interfaces that work for users with visual or motion impairments
  • Understand and respond to user expectationsChallenge your own ideas on UX

Authors

Table of Contents

Chapter 1: Anyone Can Be a User Experience (UX) Professional
Chapter 2: Don't Use More Than Two Typefaces
Chapter 3: Users Already Have Fonts on Their Computers, So Use Them
Chapter 4: USE TYPE SIZE TO DEPICT INFORMATION HIERARCHY
Chapter 5: Use a Sensible Default Size for Body Copy
Chapter 6: Use an Ellipsis to Indicate That There's a Further Step
Chapter 7: Make Your Buttons Look Like Buttons
Chapter 8: Make Buttons a Sensible Size and Group Them Together by Function
Chapter 9: Make the Whole Button Clickable, Not Just the Text
Chapter 10: Don't Invent New, Arbitrary Controls
Chapter 11: Search Should be a Text Field with a Button Labeled "Search"
Chapter 12: Sliders Should Be Used Only for Non-Quantifiable Values
Chapter 13: Use Numeric Entry Fields for Precise Integers
Chapter 14: Don't Use a Drop-Down Menu If You Only Have a Few Options
Chapter 15: Allow Users to Undo Destructive Actions
Chapter 16: Think About What's Just off the Screen
Chapter 17: Use "Infinite Scroll" for Feed–Style Content Only
Chapter 18: If Your Content Has a Beginning, Middle, and End, Use Pagination
Chapter 19: If You Must Use Infinite Scroll, Store the User's Position and Return to It
Chapter 20: Make "Blank Slates" More Than Just Empty Views
Chapter 21: Make "Getting Started" Tips Easily Dismissable
Chapter 22: When a User Refreshes a Feed, Move Them to the Last Unread Item
Chapter 23: Don't Hide Items Away in a "Hamburger" Menu
Chapter 24: Make Your Links Look Like Links
Chapter 25: Split Menu Items Down into Subsections, so Users Don't Have to Remember Large Lists
Chapter 26: Hide "Advanced" Settings From Most Users
Chapter 27: Repeat Menu Items in the Footer or Lower Down in the View
Chapter 28: Use Consistent Icons Across the Product
Chapter 29: Don't Use Obsolete Icons
Chapter 30: Don't Try to Depict a New Idea With an Existing Icon
Chapter 31: Never Use Text on Icons
Chapter 32: Always Give Icons a Text Label
Chapter 33: Emoji are the Most Recognized Icon Set on Earth
Chapter 34: Use Device-Native Input Features Where Possible
Chapter 35: Obfuscate Passwords in Fields, but Provide a "Show Password" Toggle
Chapter 36: Always Allow the User to Paste into Password Fields
Chapter 37: Don't Attempt to Validate Email Addresses
Chapter 38: Don't Ever Clear User-Entered Data Unless Specifically Asked To
Chapter 39: Pick a Sensible Size for Multiline Input Fields
Chapter 40: Don't Ever Make Your UI Move While a User is Trying to Use It
Chapter 41: Use the Same Date Picker Controls Consistently
Chapter 42: Pre-fill the Username in "Forgot Password" Fields
Chapter 43: Be Case-Insensitive
Chapter 44: If a Good Form Experience Can Be Delivered, Your Users will Love Your Product
Chapter 45: Validate Data Entry as Soon as Possible
Chapter 46: If the Form Fails Validation, Show the User Which Field Needs Their Attention
Chapter 47: Be Forgiving – Users Don't Know (and Don't Care) How You Need the Data
Chapter 48: Pick the Right Control for the Job
Chapter 49: Allow Users to Enter Phone Numbers However They Wish
Chapter 50: Use Drop Downs Sensibly for Date Entry
Chapter 51: Capture the Bare Minimum When Requesting Payment Card Details
Chapter 52: Make it Easy for Users to Enter Postal or ZIP Codes
Chapter 53: Don't Add Decimal Places to Currency Input
Chapter 54: Make it Painless for the User to Add Images
Chapter 55: Use a "Linear" Progress Bar if a Task will Take a Determinate Amount of Time
Chapter 56: Show a "Spinner" if the Task Will Take an Indeterminate Amount of Time
Chapter 57: Never Show an Animated, Looping Progress Bar
Chapter 58: Show a Numeric Progress Indicator on the Progress Bar
Chapter 59: Contrast Ratios Are Your Friends
Chapter 60: If You Must Use "Flat Design" then Add Some Visual Affordances to Controls
Chapter 61: Avoid Ambiguous Symbols
Chapter 62: Make Links Make Sense Out of Context
Chapter 63: Add "Skip to Content" Links Above the Header and Navigation
Chapter 64: Don't Only Use Color to Convey Information
Chapter 65: If You Turn Off Device Zoom with a Meta Tag, You're Evil
Chapter 66: Give Navigation Elements a Logical Tab Order
Chapter 67: Write Clear Labels for Controls
Chapter 68: Let Users Turn off Specific Notifications
Chapter 69: Make Tappable Areas Finger-Sized
Chapter 70: A User's Journey Should Have a Beginning, Middle, and End
Chapter 71: The User Should Always Know at What Stage They Are in Any Given Journey
Chapter 72: Use Breadcrumb Navigation
Chapter 73: If the User is on an Optional Journey, Give Them a Control to "Skip This"
Chapter 74: Users Don't Care About Your Company
Chapter 75: Follow the Standard E-Commerce Pattern
Chapter 76: Show an Indicator in the Title Bar if the User's Work is Unsaved
Chapter 77: Don't Nag Your Users into Rating Your App
Chapter 78: Don't Use a Vanity Splash Screen
Chapter 79: Make Your Favicon Distinctive
Chapter 80: Add a "Create from Existing" Flow
Chapter 81: Make it Easy for Users to Pay You
Chapter 82: Categorize Search Results into Sections
Chapter 83: Your Users Probably Don't Understand the File System
Chapter 84: Show, Don't Tell
Chapter 85: Be Consistent with Terminology
Chapter 86: Use "Sign in" and "Sign out", Not "Log in" and "Log out"
Chapter 87: "Sign up" Makes More Sense Than "Register"
Chapter 88: Use "Forgot Password" or "Forgotten Your Password", Not Something Obscure
Chapter 89: Write Like a Human Being
Chapter 90: Choose Active Verbs over Passive
Chapter 91: Search Results Pages Should Show the Most Relevant Result at the Top of the Page
Chapter 92: Pick Good Defaults
Chapter 93: Don't Confound Users' Expectations
Chapter 94: Reduce the Number of Tasks a User Has to Complete by Using Sensible Defaults
Chapter 95: Build Upon Established Metaphors – It's Not Stealing
Chapter 96: Decide Whether an Interaction Should Be Obvious, Easy, or Possible
Chapter 97: "Does it Work on Mobile?" is Obsolete
Chapter 98: Messaging is a Solved Problem
Chapter 99: Brands Are Bullshit
Chapter 100: Don't Join the Dark Side
Chapter 101: Test with Real Users
Chapter 102: Bonus – Strive for Simplicity

Book Details

ISBN 139781788837361
Paperback414 pages
Read More

Read More Reviews

Recommended for You

Hands-On Go Programming Book Cover
Hands-On Go Programming
$ 23.99
$ 16.80
Voicebot and Chatbot Design Book Cover
Voicebot and Chatbot Design
$ 31.99
$ 22.40
Hands-On Serverless Applications with Go Book Cover
Hands-On Serverless Applications with Go
$ 35.99
$ 25.20
The DevOps 2.3 Toolkit Book Cover
The DevOps 2.3 Toolkit
$ 35.99
$ 25.20
Hands-On Chatbot Development with Alexa Skills and Amazon Lex Book Cover
Hands-On Chatbot Development with Alexa Skills and Amazon Lex
$ 31.99
$ 22.40
Network Scanning Cookbook Book Cover
Network Scanning Cookbook
$ 35.99
$ 25.20