Helion


Szczegóły ebooka

101 UX Principles

101 UX Principles


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

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

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