Szczegóły ebooka

101 UX Principles - Second Edition

101 UX Principles - Second Edition

"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

  • Preface
  • UX Field
  • Everyone Can Be Great at UX
  • Be Strategic About Using These Principles
  • Dont Be Afraid to Ship Something Simple
  • But Complexity Can Be Good for Some Users
  • Use A/B Testing to Test Your Ideas
  • Test with Real Users
  • Nobody Cares About Your Brand
  • Typography
  • Dont 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
    • Controls
    • Use an Ellipsis to Indicate That Theres 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
    • Dont Invent New, Arbitrary Controls
    • 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
    • Dont Use a Drop-Down Menu If You Only Have a Few Options
    • Allow Users to Undo Destructive Actions
    • Optimize Your Interface for Mobile
    • Content
    • Use Infinite Scroll For Feed-Style Content Only
    • 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
    • Navigation
    • Dont Hide Items Away in a Hamburger Menu
    • Make Your Links Look like Links
    • Split Menu Items Down Into Subsections, so Users Dont Have to Remember Large Lists
    • Categorize Settings in an Accessible Way
    • Repeat Menu Items in the Footer or Lower Down in the View
    • Iconography
    • Use Consistent Icons Across the Product
    • Dont Use Obsolete Icons
    • Dont Try to Depict a New Idea with an Existing Icon
    • Never Use Text on Icons
    • Always Give Icons a Text Label
    • Input
    • Use Device-Native Input Features Where Possible
    • Streamline Creating and Entering Passwords
    • Always Allow the User to Paste into Password Fields
    • Dont Attempt to Validate Email Addresses
    • Respect Users Time and Effort in Your Forms
    • 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 Forgot Password Fields
    • Make Your Input Systems Case-Insensitive
    • Chatbots Are Usually a Bad Idea
    • Forms
    • 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 Dont Know (and Dont Care) About Your Data Formats
    • Pick the Right Control for the Job
    • User Data
    • 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
    • Dont Add Decimal Places to Currency Input
    • Make It Painless for the User to Add Images
    • Progress
    • Use a Linear Progress Bar If a Task Will Take a Determinate Amount of Time
    • Show a Numeric Progress Indicator on the Progress Bar
    • Show a Spinner If the Task Will Take an Indeterminate Amount of Time
    • Accessible Design
    • Contrast Ratios Are Your Friends
    • If You Must Use Flat Design Then Add Some Visual Affordances to Controls
    • 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, Youre Evil
    • Give Navigation Elements a Logical Tab Order
    • Write Clear Labels for Controls
    • Make Tappable Areas Finger-Sized
    • Journeys and State
    • Let Users Turn off Specific Notifications
    • Each Aspect of a Users Journey Should Have a Beginning and End
    • 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 Users Work Is Unsaved
    • Let Users Give Feedback, but Dont Hassle Them
    • Dont Use a Vanity Splash Screen
    • Make Your Favicon Distinctive
    • Add a Create From Existing Flow
    • Make It Easy for Users to Pay You
    • Give Users the Ability to Filter Search Results
    • Your Users Probably Dont Understand the Filesystem
    • Show, Dont Tell
    • Terminology
    • Be Consistent with Terminology
    • Use Sign In and Sign Out, Not Log In and Log Out
    • Make It Clear to Users If Theyre Joining or Signing In
    • Standardize the Password Reset Experience
    • Write Like a Human Being
    • Choose Active Verbs over Passive
    • Expectations
    • 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
    • Does It Work on Mobile? Is Obsolete
    • UX Philosophy
    • Dont Join the Dark Side
    • Strive for Simplicity
    • Other Books You May Enjoy
      • Packt is searching for authors like you
      • Share your thoughts
    • Index