Select Language

User Hate Surprises

Back to List

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

‹ Display Useful Shortcuts

Prioritize UX ›

More to explore

Prioritize UX

Instagram recently launched Shop. The decision to place it at the position of the Activity tab is not random...

Prioritize UX

Instagram recently launched Shop. The decision to place it at the position of the Activity tab is not random...

Prioritize UX

Instagram recently launched Shop. The decision to place it at the position of the Activity tab is not random...

Hack Visual Hierarchy

Hack visual hierarchy with these simple hacks: • Reduce the opacity of secondary info • Use bold font-weight to emphasize • Scale your title's size by a fixed ratio (eg x1.25) • Arrange elements to the left side (for LTR users) • Group together relevant elements

Hack Visual Hierarchy

Visually Separate Elements

Prefer to visually separate menu sections with whitespace. Whitespace makes the UI look cleaner and request less cognitive effort from the user.

Visually Separate Elements

Prefer to visually separate menu sections with whitespace. Whitespace makes the UI look cleaner and request less cognitive effort from the user.

Visually Separate Elements

Prefer to visually separate menu sections with whitespace. Whitespace makes the UI look cleaner and request less cognitive effort from the user.