Rules to Better Interfaces (General Usability Practices)

You won’t know if your interface is any good until it’s actually tested! Test, test, test, nothing can possibly replace that first hand data.

Shipping a high-risk feature without testing it with users is a gamble. If your update affects sign-up flows, checkout processes, or dashboards, you can’t afford to guess. Usability issues that slip through can cost you revenue, reputation, and rework time.

Even experienced designers and developers miss things. The only way to validate an interface is to observe real users attempting real tasks.

The corner stone of good user interface design is that if your users need instructions, you haven't done a good job. Of course with particularly complex applications there will be exceptions to this rule, but all developers should aim to make your interface as self-evident as possible.

1. When we see a door, we immediately know that we can open it and go through it
2. Links in blue and underlined has an affordance of clickability
3. Buttons can be pressed
4. Scrollbar moves the document in the window

Accidentally deleting important data can be a disaster for your users and your support team. A poorly placed or unclear destructive action can result in irreversible mistakes, lost data, and frustrated users.

These actions need to be carefully designed with strong visual cues, clear labels, and proper safeguards.

The human brain:

1. Never searches for OR compares all options
2. Prefers smaller sets of options (4 or less)
3. Picks the first option that looks good enough
4. Prefers a shorter option to a longer one
5. Makes a compromise between speed and accuracy

Thinking about UI, the objective is to create clean interfaces by minimizing clutter. You do that by removing noise. One of the most common ways to avoid noise is the removal or de-emphasis of labels whenever possible.

Displaying the date and time of change as a tooltip when users hover over the time of change can be an effective approach for interfaces with limited space or when providing both pieces of information together could lead to confusion.

Tooltips allow users to access additional information about the context of the date and time of change without cluttering the main interface.

People may not pay attention to some important words in your interface. Adding a simple and clear icon beside the words will make the difference.

For emails and web content, using an simple emoji is an easy and friendly way to achieve the same result 🙂.

When there are key words that you want people to notice, you can add a spot of color on the important word for emphasis.