16 Leading Trends in UX/UI Design You Should Know in 2022
Tags: design, webdesign, trends
Published: 2022-03-14 14:12:34

---
title: 16 Leading Trends in UX/UI Design You Should Know in 2022
published: true
description: 
tags: design, webdesign, trends
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g86ny36pwvgyiduf0oba.jpg
canonical_url: https://www.codica.com/blog/latest-ui-ux-design-trends/
---
The article was initially published on [Codica Blog](https://www.codica.com/blog/latest-ui-ux-design-trends/).

Design in 2022 is about taking care of customers, their exclusiveness, and renouncing the “ideal visual”.

Let’s briefly consider new design trends in this article.
UI design trends 

**1. Vintage**

They say that everything new is well forgotten old. The features of the vintage style are organically integrated into website design in 2022. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vjjnlkfugtdf1b0rdmfd.jpg)

The furniture brand [Sol’ace](https://solace-store.com/) is a very cool example of the implementation of the vintage style.


**2. 3D**

3D is used in many fields, such as e-commerce, the fashion industry, education, culture, and more. For instance, Apple uses 3D models of its products to show their best sides to future customers.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ikayggwbq31fgvihq82d.jpg)

[The Originals Museum Renault](https://theoriginals.renault.com/en/r12-gordini) uses 3D animations to show the automobile from different angles.

**3. Not-perfect illustrations**

These can be hand-drawn pictures with natural textures and varying line widths. 

The brand [How many plants](https://howmanyplants.com/) has successfully realized this trend.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfkfay3u4to0dn81cryr.jpg)

Another trend is depicting people of different nationalities with different skin colors and body types, to highlight that everyone has their own beauty.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7poefunksizb25c1csp0.jpg)

The website [Listen to Girls](http://listentogirls.wagggs.org/en/) is a great example of the implementation of this trend. 

**4. Neo-brutalism**
 
Brutalism is a style that breaks the rules, with hard fonts, big titles, and a combination of bright or neon colors. It does not seek to be convenient and comfortable. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/onl0dorxy6gxunb3grfs.jpg)

Below you can see an example of this style implemented by the [MSG](http://madewithmsg.com/) brand.

**5. Dissymmetry**

Asymmetry is not an emerging trend in graphic design and UI, but it still is up-to-date in 2022. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/771mwx4djwmq950iqsfg.jpg)

The [Revolt](https://www.rvlt.net/) website is an example of how the asymmetry style can look harmonious and clear as a whole.  


**6. Live photos**

In 2022 real and live photos are one of the keys to attracting leads to your website and enhancing users' confidence. It's important for customers to be acquainted with the team that stays behind the product and to feel the atmosphere of their workspace. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b7stnnmzr3kkmo70tpcy.jpg)

[Figma](https://www.figma.com/careers/) is a great example of how to use live photos in website design.

**7. Minimalistic approach**

The more simple and understandable the interface is, the more pleasing it is for the users. 

Minimalism in 2022 expands the boundaries and becomes bright. Now, it is not only about monochrome. However, this direction is still the overall concept of convenience and simplicity.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a5lupwah3szd6awnuoyi.jpg)

The [Neuro](https://getneuro.com/) website is a great example of striking minimalism.

**8. Scrolling stories**

Now, you can tell about your product, or company using scrolling. You can create a website where the basic idea is explained stage-by-stage when the user scrolls the page.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/krwns6sou1nro6melie6.jpg)

[The Blue Marine Foundation](https://www.bluemarinefoundation.com/the-sea-we-breathe/) has effectively used scrollytelling to tell visitors about the ocean problem.

**UX design trends** 

**1. Inclusivity**

Inclusivity is all about the individual characteristics of people. For instance, physical disabilities, different races, cultural backgrounds, age, gender, etc. So, all these issues must be considered when making a design.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tdmwbgh77xszjitnxgwt.jpg)

The [WolmartPetRx](https://www.walmartpetrx.com/#uaw) website is a good example of an inclusiveness trend. It is plugged in a widget that makes the design inclusive. So, visitors have the opportunity to customize the website according to their preferences.

**2. VR and AR** 
Augmented Reality (AR) and Virtual Reality (VR) connect reality with the digital world. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2opp80k0jr6s6flywawm.jpg)

The popularity of virtual reality was nourished by the news of Metaverse, a new Facebook project. [Metaverse](https://www.wsj.com/articles/mark-zuckerberg-sets-facebook-on-long-costly-path-to-metaverse-reality-11635252726) is a three-dimensional world’s projection in which a user can make the 3D version of themselves and meet 3D models of other users online.

**3. Super applications**

In simple words, a super application is an app in which many services are integrated. For instance, messenger, social network, electronic payments, delivery, and others. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/knixsycjowslkw762kry.jpg)

Super applications are widespread in Asia. The most popular super apps are AliPay and WeChat.

**4. Audio-first applications**
Using audio-only apps is a good opportunity to listen to people on the topic you need, without logging in. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bcw5n82z3tqsqxqz0ljc.jpg)

Many enterprises have adopted these apps. For instance, [Spotify](https://www.spotify.com/us/greenroom/) launches the live audio app Greenroom.


**5. Design libraries and systems**

Such tools as Adobe XD, Figma, and Sketch allow designers to develop uniform components for all pages of an application or site. Moreover, they can collect these elements into a single library, which is accessible to all members of the team. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tz5eua7nj243zxtfv3pi.jpg)

So, it is a great way for designers to work on the common project, even being far from each other. 


**6. Customizing**
Customization enables users to select some design elements themselves. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pkg9y6kdzz3byx5l68nm.jpg)

For example, the user settings of Telegram can be cited. Users can change the color theme, scale, wallpaper, language, and more.  

**7. Prioritization of page speed**
One of the reasons why visitors leave the website is the slow page loading speed. Therefore, optimizing web pages to speed up their loading is essential.

A designer needs to develop an interface so as not to hinder the optimization. For example, it is better to use not many fonts and compress images without losing quality.

**8. Mobile-first approach**

With the growing number of mobile device users, the [mobile-first approach](https://www.codica.com/blog/progressive-web-app-design-7-tips-for-great-ux-and-ui/) in design has become a necessity for developing websites and will remain at the top in the current year.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/edjcl16swc72upyygach.jpg)

Here you can see an example of mobile-first design by [Airbnb](https://airbnb.com).