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
<.
