RECOMMENDED

All Tips

Display Useful Shortcuts
Display Useful Shortcuts

Display Useful Shortcuts

ux-laws
cta
ux
on-boarding
ui

Keyboard shortcuts boost productivity and save time for power users.

Yet it's sometimes difficult to remember them.

Take advantage of Fitts's law* and place your shortcut keys next to the action button.

In that way, the user doesn't need to remember the action.

*The time to acquire a target is a function of the distance to and size of the target.

←Previous Tip

Use Labels Cleverly 1

Complement your link copy with a visual representation of the selected value. In this example, the labels show you how capitalization will look. It's not always possible to do this hack, so go all into it when the opportunity presents itself.

labels
ux
forms

Next Tip →

User Hate Surprises

With a simple UX copy adjustment, you can avoid misunderstandings and upgrade your product experience.⠀ ⠀ This is a real-life example from the voice messaging app [Yac](https://www.yac.com/).⠀ ⠀ I literally spend 30' wondering if the app will auto-post my voice message in the channel or allow me to hear and edit it first.⠀ ⠀ In the end, I recorded it on my phone and hit the "Record" button with the recorded message ⠀ A tiny detail can introduce so much friction!⠀

ux
cta

Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract