Top 5 UI Trends 2020

24 January 2020

A new year and a fresh look at what’s coming in 2020. It’s always exciting to look ahead at what kind of new technology we can expect and what kind of design concepts are coming through with it.

#1. AR design

Yes, this was already on the prediction list of last year. But it’s still in development and will again make a big impact this year. Big companies recognise this trend as well and have developed software to make it easier to implement it into an app. (Think Apple AR Kit and Google ARCore)

For UI design, the challenge is going to be to all-round design and not only screen focused. The interaction with AR mostly takes place in the real world so the blending of the the physical and digital world is going to be more and more.

#2. Dynamic UI Color Scheme and dark modedesign

Not only phones and computer interfaces use Dark mode now as we see this trend being used more and more on other digital products. Dynamic UI Color Scheme now offers the user a more unique experience as the design can be dependant on environment (Time, Weather and Location) and also user behaviour (Activity, Scrolling and Clicking). But be careful, the readability in dark mode can be difficult due to it not being as easy as turning white to black and visa versa.

Good example Dynamic Color Scheme of microinteractions.
Design by: Matthieu Souteyrand

#3. Microinteractions

A lot of the times you don’t even notice, micro interactions. But if you remove them from your app or website you’ll immediately feel that there is something missing. Imagine a loading symbol that is not moving or a drag-to-refresh that doesn’t bounce back. This tiny detail gives you feedback and also provides that rich design feeling of your product. This level of attention to the details can make the difference between an amazing website or a boring one.

#4. 3D graphics

From flat design to 3D design. We are going to see it a lot more in 2020! 3D graphics offer a realistic view and feel of a product, image or an idea. In the case of a product, the 3D graphic can give a 360 degree presentation, which helps the user to get a realistic view of the image and give a real world experience.

#5. Inclusive design

Make sure that your content is available for everybody! Designing for accessibility, as not everybody is the same. To reach everybody you’ll need to make some adjustments; think of contrast, how people use it (only keyboard for example) and make use of sounds. Small adjustments can give everybody the same User Experience.