8 Examples of great mobile modals, Color Hunt, Kerntype, 2 design tips, 5 Ways For A UI Designer To Come Up With Ideas

Edition 019 of Design Insight

Hello and welcome back to the newsletter 👋

Thank you all for your continued support and interest in the newsletter. If you have any feedback for me or any questions, leave a comment below or send me a DM on Twitter.

This week I’ve been working hard on my upcoming eBook ahead of its launch in a couple of weeks. I’ve mostly been focusing on marketing + promotional material which is all completely new to me.

Just a reminder you can still pre-order it at the early bird price before it changes on the 17th Sep: Design Faster, Design Better

Let's get started.

🗃 3 Design Resources

📃 Article - 8 examples of great mobile modals that will delight and engage your app users

Author: Katryna Balboni

Source: Appcues.com

Here's what I learned from reading this article:

  1. Mobile modals (aka modal windows, overlays, pop-ups) are UI elements that sit on top of an app's main window. There is a dark but transparent background around the modal to grab the user's attention.

  2. Due to their nature, modals disrupt the user experience as they interrupt the current flow of the user through the app.

  3. There are 3 types of modals: pop-ups, partial overlays, full screen overlays.

Link To Article: 8 examples of great mobile modals that will delight and engage your app users

🔨 Color Hunt

🔨 Kerntype

🎨 2 Design Tips

Avoid using pure black and white

Pure black = # 000000 Pure white = # FFFFFF

Pure black text on a white background can cause eye strain over time.

This is due to the amount of contrast between the two colors.

Instead of black, use dark grey. Instead of white, use off-white.

Error messages should be polite in tone

Error Messages Should Be Polite In Tone

Don't blame the user.

From their perspective, your app didn’t behave as they expected which resulted in the error message.

📃 1 New Article I Wrote

5 Ways For A UI Designer To Come Up With Ideas

As a UI Designer, you are essentially paid for your ideas. They are your greatest source of value.

Because of this, your job is dependent on always creating more value. This type of tension can result in burnout if you don’t acknowledge that your creativity comes in waves.

It’s not always possible to come up with amazing ideas on the spot. But, if you realize this, you can leverage your creative moments of brilliance and store great ideas for when you need them.

I wrote this article to share with you how a UI designer can generate great ideas.

Don't worry if you're not a UI designer, there's plenty of valuable insight here you can apply if you're an aspiring designer, a content creator, or just want to learn.

5 Ways For A UI Designer To Come Up With Ideas

If you have something helpful you'd like included in the newsletter, DM me over on Twitter.

If you would like to support my creative work you can do so over on Buy Me A Coffee. Let me know if you’d also like a shout out on the newsletter 🥳

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

Til next week 👋