A stylised graphic illustration depicting a designer surrounded by ideas and creative tools

UX/UI design trends in 2023

David Bailey
Magnetic Notes

--

We designers are a curious bunch — tirelessly seeking and sharing ideas that inspire us and the things we make. UX design trends remain an evergreen topic for design teams. And until we’re all delivered unto the promised metaverse, we will continue to interact with humble web UIs on a daily basis. Here are some of the ways we’re seeing it evolve.

Hover craft

Rather than just highlighting additional functionality, the simple hover state is now exploited in ways that excite and entice users. Hovers can capture our attention by revealing hidden information while getting us to click on that all-important call to action. However you choose to use a hover state — be it to tease a new product, aid navigation, or showcase your brand expression — it should provide a benefit to the user.

An animated gif screen recording of  the Simply Chocolate homepage with  a dynamic hover state and reveal of it’s hero product — the Crispy Carrie chocolate bar.
Image: Simply Chocolate

The power of play

Gamifying content increases engagement and is a great way to educate the user. Businesses are waking up to this. For example, many financial services are now using game-like features to make their content more accessible and increase the financial literacy of their customers. This must be done responsibly, as playful engagement with stocks, shares and cryptocurrencies could result in consumers investing above and beyond their means.

Image: Za Bank

It’s good to talk

Voice controlled devices are everywhere. They sit poised to respond to our every request. The more human they sound, the less self-conscious we feel speaking to them. Indeed for many, the voice message is replacing the text message. A voice recording is quick and easy to create and provides actual tone of voice which helps reduce misunderstandings. Voice UIs also remove the need to navigate a website or app. So it’s no surprise that voice-enabled shopping assistants are becoming more prevalent in the e-commerce space. We expect to see more and more retailers taking advantage of these conveniant, invisible interfaces.

A photo-realistic render of a voice controlled home device surrounded by soundwave graphics

A good read

Typeface legibility is increasingly important as we consume more written content on small screens. Many organisations including The Guardian, BBC, Apple and Amazon have responded to this by introducing their own digitally optimised fonts. They improve our reading experience by solving accessibility issues caused by fonts that were designed for print, not screen. Plus they convey their own distinctive personality which helps embed their product brand.

The word ‘Broadcasting’ set in the regular weight of the BBC Reith typeface, with annotated descriptions of each character’s accessibly designed reading features.
Image: BBC Reith typeface

We’re moved by motion

Motion design is a great way of enhancing a user’s experience. It can provide a 1-to-1 relationship with your product through charm alone. But there’s more to it than that. Elements that transition in a seamless and liquid fashion create a sense of control that helps orientate the user. In 2023, powerful new Javascript APIs will enable brands to introduce more interactive 3D and AR animations on their websites.

Image: Anton Tkachev for UI8 (source: Dribbble)

Dimming the lights

There’s nothing new about dark mode, per se, but users are adopting it more and more. It’s not just a style choice. A darker screen is easier on the eyes, reducing strain on those who spend long hours gazing into backlit content. It also conserves battery life which provides ecological benefits. Since users now expect a choice of light and dark viewing environments in their apps, we anticipate the same functionality being rolled-out onto more websites in 2023.

A looping animated gif showing a typical UI toggle switch sliding from light mode to dark mode

From minimal to maximal

As Gen Z enter the workforce, they are being targeted more obviously than ever before. Catching the attention of a user whose thumb was born-to-scroll requires design that can stop them in their tracks. Ordered minimal UIs are being replaced with bright, bold imagery and typography that fills every corner of a homepage. Yet such site designs can negatively impact accessibility. Legible typefaces and the ability to pause or mute media playback are essential. Not everyone likes being shouted at.

A composite of four website homepages, each featuring  bold and complex visual design — images and typography
Image: (clockwise) Luaka Bop, Cleo, Le Mecs Au Camion, HHHa Online

Take a breather

Endless scrolling garners more engagement with content, but it also breeds addictive behaviours. Smart messaging is a great way of short circuiting this. Encouraging the user to pause their consumption demonstrates a kindness that benefits both them and the brand. In 2023, we expect to see a greater focus on personalisation to solidify the relationship between user and product. Good UX writing will help ensure that relationship is a healthy one.

An Apple iPhone displaying the Instagram interface with the green check mark and “You’re all caught up” message.
Image: Instagram

Whether it’s more playful, more dark, more maximal or more accessible, in 2023 we will continue to see digital products evolve in exciting ways, powered by increasingly more intelligent technology. As designers, we must build these products responsibly and ethically to ensure they are in-service of a better future, for everyone.

Thanks for reading this article. If you enjoyed it please Like and Follow my Medium page for more. Cheers 👍
@davidkiosk

--

--

David Bailey
Magnetic Notes

Design Leader | Public Speaker | Educator — Creative Director at Frontiers. [Formerly Magnetic, BBC, Kiosk, The Designers Republic]