Packt+ | Advance your knowledge in tech

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

101 UX Principles

You're reading from 101 UX Principles A definitive design guide

Product type Paperback

Published in Aug 2018

Publisher Packt

ISBN-13 9781788837361

Length 414 pages

Edition 1st Edition

Concepts

User Experience

Author (1):

Will Grant

View More author details

Table of Contents (108) Chapters

101 UX Principles

Contributors

Preface

Other Books You May Enjoy

1. Anyone Can Be a User Experience (UX) Professional FREE CHAPTER

Learning points

2. Don't 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

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 Feed–Style 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

Index

Chapter #32. Always Give Icons a Text Label

Now, I don't mean text on the icon (see #29 Don't Use Obsolete Icons)—I mean a text label near the icon, not just an icon on a button on its own. Small, nondescript buttons, with obscure mystery icons on them, are next to useless and consistently perform terribly in user tests. There are exceptions to this—frequently-used controls (like bold, italic, underline, and so on.) can be recognized without a text label, but icons in a main menu or toolbar really need descriptive text next to them.

Let's go back to the original purpose of the icon—to provide a quick visual shorthand by which the user can instantly recognize a control, and to provide a target for the user to click or tap. The icon isn't meant to describe a button the first time that the user sees it—the user will need a text label for that. However, if the icon is distinct and recognizable, then the user will locate the control and recall its purpose more quickly with an icon.

Which is easier...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Will Grant

Will Grant

Will Grant is a British UI/UX expert and a digital product designer. He is a web technology entrepreneur with over 25 years' experience, leading teams (and products) at the intersection of technology and usability. After his Computer Science degree, Will trained with Jakob Nielsen and Bruce Tognazzini at the Nielsen Norman Group – the world leaders in usable design. Since then, Will has overseen the user experience and interaction design of several large-scale web sites and apps, reaching over a billion users in the process. Will is a "design purist" and obsessed with building beautiful, compelling, and familiar products that customers intuitively know how to use.

See other products by Will Grant

Other recommended products

Related to this chapter

Skill Up: A Software Developer's Guide to Life and Career

Skill Up: A Software Developer's Guide to Life and Career

This book is an all-purpose toolkit for your programming career. It is split up into three main topic areas: Coder Skills, Freelancer Skills, and Career Skills to help you identify and answer the key questions and stumbling blocks that programmers encounter. It is a comprehensive guide containing more than 50 insights and methodologies that you can use to improve the work you produce, your relationships with the people you work with, and your own career.

Jul 2017 10h 4m

Testing Practitioner Handbook

Testing Practitioner Handbook

Software testing is a crucial aspect of any development process if one wants to build a high-quality product. With the increase in app usage, the need for testing has only grown leaps and bounds.

Mar 2017 11h 40m

If you want to create web apps that are not only beautiful to look at, but also easy to use and fully accessible to everyone, including people with special needs, this book will provide you with the basic building blocks to achieve just that.

Sep 2017 10h 12m

Understanding Software

Understanding Software

In Understanding Software, Max Kanat-Alexander, Technical Lead for Code Health at Google, brings you his writings and thoughts so that your code and your life as a developer can be healthy, avoid complexity, and embrace simplicity. Why make life hard when making software can be simple?

Sep 2017 9h 16m

Fixing Bad UX Designs

Fixing Bad UX Designs

Have your web applications been experiencing more hits and less conversions? Are bad designs consuming your time and money? This book is the answer to these problems. With intuitive case studies, you' will learn to simplify, fix, and enhance some common, real-world application designs. You will look at common issues of simplicity, navigation, appearance, maintenance, and many more.

Feb 2018 11h 36m

User Experience Mapping

User Experience Mapping

Do you want to create better products and innovative solutions? User experience maps will help you understand users, gain strategic insights, and improve communication with stakeholders. Maps can also champion user-centricity within the organization Two advanced mapping techniques will be revealed for the first time in print, the behavioural change map, and the 4D UX map. You will also explore user story maps, task models and journey maps. You will create wireflows, mental model maps, ecosystem maps and solution maps. In this book, the author will show you how to use insights from real users to create and improve your maps and your product. Start mapping your products now to change your users' lives!

May 2017 11h 44m

UX Design for Mobile

UX Design for Mobile

User experience (UX) design provides techniques to analyze the real needs of your users and respond to them with products that are delightful to use. This requires you to think differently compared to traditional development processes, but also to act differently. In this book, you will be introduced to a pragmatic approach to exploring and creating mobile app solutions, reducing risks and saving time during their construction.

Jul 2017 11h 48m

Personalised recommendations for you

Based on your interests and search pattern

Mastering Customer Success

Mastering Customer Success

This guide unveils strategies to cultivate enduring customer relationships. Grounded in effective communication and problem-solving, it shows you how to harness cross-functional collaboration for competitive advantage.

May 2024 5h 40m

Architecting Salesforce Success

Architecting Salesforce Success

This book provides you with a roadmap to becoming a successful Salesforce Architect. Covering common pitfalls and valuable insights, this book prepares you to transition to the role of a Salesforce Architect.

The SketchUp Handbook for Interior Design

The SketchUp Handbook for Interior Design

The SketchUp Handbook for Interior Design walks interior designers and architects through SketchUp Pro and Studio at an intermediate+ level, covering topics and tools specific to the world of design.

Jun 2024 19h 56m

Power Platform and the AI Revolution

Power Platform and the AI Revolution

Learn how to integrate cutting-edge AI technology into business operations and tap into AI services within Power Platform to enable automation and develop apps and chatbots to achieve heightened productivity and efficiency.

May 2024 11h 52m

Mastering Project Management with ClickUp for Work and Home Life Balance

Mastering Project Management with ClickUp for Work and Home Life Balance

This book will guide you in using ClickUp to become a power user of your life. You'll learn practical strategies for setup, project management, and AI integration to optimize workflow, boost productivity, and manage time effectively.

Jun 2024 10h 16m

Mastering UI Development with Unity

Mastering UI Development with Unity

With Unity's robust toolkit, you can create visually appealing UIs to give your games a professional look and feel. This book will help you realize the full potential of the UI systems provided by Unity, so you can create the best UI for your games.

Jun 2024 21h 16m

Autodesk Civil 3D 2025 Unleashed

Autodesk Civil 3D 2025 Unleashed

This book is a comprehensive guide to using Autodesk Civil 3D. You'll progress from design customization with extensions and information management to project extension, preparing you for a successful career in civil engineering.

Jul 2024 10h 28m

Mastering Salesforce Experience Cloud

Mastering Salesforce Experience Cloud

Mastering Salesforce Experience Cloud covers every facet of the platform, from technical reviews to implementation, business transformation, and long-term growth strategies. Learn to maximize the potential of Salesforce Experience Cloud.

Oct 2024 10h 56m

Mastering the Art of Sales Engineering

Mastering the Art of Sales Engineering

This book covers what a sales engineer is and does, and why this is a highly paid and coveted role. The authors share their vast experience to help you learn daily operations and skills to advance your sales career.

Sep 2024 10h 32m

Taking Tinkercad to the Next Level

Taking Tinkercad to the Next Level

Tinkercad users familiar with the basic functionality will learn to create complex shapes and multi-part designs with this book on advanced modeling. It covers strategies and techniques for modeling and designing for production with 3D printers.

Sep 2024 13h 56m