Design Insight

Share this post
How To Write Effective Error Messages
designinsight.substack.com

How To Write Effective Error Messages

Edition 032 of Design Insight

Michelle
Dec 10, 2021
1
Share this post
How To Write Effective Error Messages
designinsight.substack.com

Hello and welcome back to Design Insight 👋

If you're new here, welcome to our growing community of designers! I appreciate you and truly hope you find lots of value here 🤗

After last week's edition, I decided to open up a form for you to submit your questions for me. If you have any design or productivity related questions you'd like to ask, now's your chance. I may even feature the answer to your question in a future edition.

Here's the link: Ask A Designer

Also, just a heads up, this will be the second last edition of the year. After next week's edition, I will be taking some time off to enjoy the holidays 🎄

Let's get started.


🗃 3 Design Resources

📃 Article - Designing for Long Waits and Interruptions

Source: NNGroup.com

Here's what I learned from reading this article:

  1. Users don't like to wait for things. If they have to wait even a fraction of a second without adequate feedback from the system they will become frustrated and even leave without completing their task.

  2. If the wait time for a process is long enough, users are likely to step away or work on something else until it's completed. This can cause them to forget what they were doing before they stepped away. Good progress indicators should account for this.

  3. Allow a long process to run in the background. This allows users to work on other tasks.

Link To Article: Designing for Long Waits and Interruptions

🔨 Tool - Smooth Shadow

  • Source: @funkensturm

  • A comprehensive tool for creating smooth shadows.

  • Smooth Shadow

🔨 Resource - UX Collective

  • Source: @uxdesigncc

  • An excellent resource with curated stories on user experience, usability, and product design.

  • UX Collective


🎨 2 Design Tips

Password Masking - Show Hide Fields

For show/hide password fields, should you use an eye icon or the words show and hide?

There are pros and cons to each so as long as you're consistent with your choice it doesn't matter.

Design Tip - Password Masking - Show Hide Fields

Pay attention to the text color on a button during hover

Keep an eye on the text color of buttons when you hover over them.

Sometimes hovering over a button can cause the text to change to a color that matches the button color for instance.

Hover over your buttons and make sure you can still read them!

Design Tip - Pay attention to the text color on a button during hover

📃 1 Article I Wrote

UI Design Patterns - How To Write Effective Error Messages

Any well-designed application should have good error messages.

A good error message will tell the user what happened, why it happened, and how the user can fix it.

Errors will always happen no matter how well you build something. This is because you can’t account for how every single user will interact with your app.

Not every user will follow the happy path. There will be mistakes along the way that are caused either by the user or your app.

That’s why it’s important to consider error handling and how to provide a better experience for your users.

In this article, I would like to share with you the best practices I have learned for writing effective error messages. The article is broken up into a list of guidelines to follow, with each section discussing a particular guideline.

Read The Article


🐦 Top Tweet Of The Week

Twitter avatar for @JensLennartssonJens 🧲 Lennartsson @JensLennartsson
How to use Twitter to validate your content ideas. What do you think?
Image

October 1st 2020

5 Retweets68 Likes

In case you missed it, here are last week's most popular links:

  1. UI Cheat Sheet: Dropdown Field

  2. Design Insight Tools + Resources


Want to help support this newsletter? Buy Me A Coffee. Let me know if you’d also like a shout out on the newsletter 🥳

Found the tools and resources in this week's issue helpful? I've packaged all the tools and resources I've mentioned across all editions of Design Insight in one place: Design Insight Tools + Resources

You’ve reached the end of this week’s edition of Design Insight. Thank you for reading, I truly hope you found value in the design insights I shared today.

Til next week 👋

Michelle


Share this post
How To Write Effective Error Messages
designinsight.substack.com
Comments

Create your profile

0 subscriptions will be displayed on your profile (edit)

Skip for now

Only paid subscribers can comment on this post

Already a paid subscriber? Sign in

Check your email

For your security, we need to re-authenticate you.

Click the link we sent to , or click here to sign in.

TopNewCommunity

No posts

Ready for more?

© 2022 Michelle
Privacy ∙ Terms ∙ Collection notice
Publish on Substack Get the app
Substack is the home for great writing