Booklet

author

Hack University

IT & Software

5 Ways To Design Better Error Messages

5 WAYS TO DESIGN BETTER ERROR MESSAGES

An 𝗲𝗿𝗿𝗼𝗿 𝗺𝗲𝘀𝘀𝗮𝗴𝗲 is information that's displayed when on unexpected problem occurs.

Here are 𝟱 𝘄𝗮𝘆𝘀 to improve your Error messages

𝟭. 𝗕𝗲 𝗰𝗹𝗲𝗮𝗿
𝗗𝗼𝗻'𝘁 - It's not clear what failed and why it failed.

𝗗𝗼 - It's clear that the login failed and why it failed.

𝟮. 𝗔𝘃𝗼𝗶𝗱 𝘁𝗲𝗰𝗵 𝗷𝗮𝗿𝗴𝗼𝗻

𝗗𝗼𝗻'𝘁 - The average person won't know what these words mean.

𝗗𝗼 - This better communicates what issue occurred.

𝟯. 𝗔𝘃𝗼𝗶𝗱 𝘂𝗽𝗽𝗲𝗿𝗰𝗮𝘀𝗶𝗻𝗴

𝗗𝗼𝗻'𝘁 - This is hard to read and everything is screaming for attention.

𝗗𝗼 - Much easier to digest and understand.

𝟰. 𝗗𝗼𝗻'𝘁 𝗯𝗹𝗮𝗺𝗲 𝘂𝘀𝗲𝗿𝘀

𝗗𝗼𝗻'𝘁 - People may feel bad or insulted from this message.

𝗗𝗼 - People are informed in a humbling way of what the problem is.

𝟱. 𝗕𝗲 𝗮𝗰𝘁𝗶𝗼𝗻𝗮𝗯𝗹𝗲

𝗗𝗼𝗻'𝘁 - This leaves people stranded with no action on how to proceed.

𝗗𝗼 - Giving people directions and an action on the screen helps move them forward.

𝗦𝘂𝗺𝗺𝗮𝗿𝘆

1. Be clear

2. Avoid technical jargon

3. Avoid uppercase text

4. Don't blame users

5. Be actionable

More booklets by Hack University

More IT & Software booklets

Your recently viewed booklets

  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
See all booklets