UX Trends in 2021
Tags: webdev, ux, programming, productivity
Published: 2021-12-12 06:29:35

_2021_ was a wild year. We had **Facebook** being renamed to **Meta**, we also witnessed insane hype around the **Web3** and the **Metaverse**.

Let's focus on the world of **UX** and take a look at some of the trends that happened in this year, the _new-comers_ to the space, the _ones that are still relevant_ and the ones that existed for a long time, but had a _sudden boom_!

# Dark Mode

![dark-mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ghrez19e5e0skp191e8z.jpg)

**Dark mode** had been around for quite some time. More and more websites are using it, even **Google** and **GitHub** introduced **Dark Mode** on their websites.

**Dark mode** involves using a _dark background_ and a _contrasting lighter text color_ and is very easy to implement. Check out [this article](https://dev.to/ruppysuppy/dark-mode-using-css-variables-1m3) if you want to know how to implement it on your website.

# 3d Websites

Although **3D websites** are not that common, due to the steep learning curve, they are still very popular. More and more technologies are being introduced to ease **3D websites** creation.

One of the best **3D websites** I have ever seen is [Bruno Simon's Portfolio](https://bruno-simon.com/). It was made with **three.js** and **WebGL**. He also created a [course](https://threejs-journey.com/) introducing the **three.js** library and its features.

Since **3D websites** have _gamified the user interaction_, it results in _high engagement_ resulting in **huge potential** in the sphere of _marketing_ and _generating sales_, which is the _ultimate goal of any company_.

![3d-website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/syf58qjakpsy2axqeo8g.png)

# Minimal UI

Who doesn't love using applications with sleek and polished **UI**? The **Minimal UI** has become very commonplace in the world of **UX** and is considered a pillar of modern **UX**.

These days, with the low attention span of users, the **Minimal UI** is one of the _easiest ways to get users hooked_. If you decide to go with the _old clunky designs_, rest assured that _users with refrain from using your application_, no matter how useful it is, so quite evidently it too is on the rise.

![minimal-ui](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/coxrxgvdfq55nhmbj1jt.png)

# Micro interactions

As mentioned in the previous section, with the dwindling attention span among humans, developers are constantly battling to drive up _user engagement_. **Micro-interactions** and **captivating animations** are a crucial tool to grab _user's attention_.

The use of **Micro-interactions** had been on a steady rise for a couple of years! Developers use them as often as possible to retain the _user's attention_ and keep them coming back for a _smooth application experience_.

![interaction](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p1t9h89tom3wc6s8k1ug.gif)

# The various morphisms

The various morphisms such as **glassmorphism** and **neomorphism** have lost some steam in the popularity game.

These _morphic designs are still relevant_, but since we don't have companies using them in their products, they might end up as a _passing fad_ 😢

I personally find these new design styles quite appealing and would love to see them being more widely adopted, but I doubt if that will be the case, especially with **Google** pushing **Material Design** on all platforms with **Flutter**.

![morphism](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1rmlmubdr20cvtpmyhf2.png)

Finding **personal finance** too intimidating? Checkout my **Instagram** to become a [**Dollar Ninja**](https://www.instagram.com/the.dollar.ninja/)

# Thanks for reading

Need a **Top Rated Front-End Development Freelancer** to chop away your development woes? Contact me on [Upwork](https://www.upwork.com/o/profiles/users/~01c12e516ee1d35044/)

Want to see what I am working on? Check out my [GitHub](https://github.com/ruppysuppy)

I am a freelancer who will start off as a **Digital Nomad** in mid-2022. Want to catch the journey? Follow me on [Instagram](https://www.instagram.com/tapajyotib/)

Follow my blogs for **Weekly new Tidbits** on [Dev](https://dev.to/ruppysuppy)

**FAQ**

These are a few commonly asked questions I get. So, I hope this **FAQ** section solves your issues.

1. **I am a beginner, how should I learn Front-End Web Dev?**
   Look into the following articles:

    1. [Front End Development Roadmap](https://dev.to/ruppysuppy/front-end-developer-roadmap-zero-to-hero-4pkf)
    2. [Front End Project Ideas](https://dev.to/ruppysuppy/5-projects-to-master-front-end-development-57p)

2. **Would you mentor me?**
   Sorry, I am already under a lot of workload and would not have the time to mentor anyone.

3. **Would you like to collaborate on our site?**
   As mentioned in the _previous question_, I am in a time crunch, so I would have to pass on such opportunities.

**Connect to me on**

-   [LinkedIn](https://www.linkedin.com/in/tapajyoti-bose/)
-   [Portfolio](https://tapajyoti-bose.vercel.app)
-   [Upwork](https://www.upwork.com/o/profiles/users/~01c12e516ee1d35044/)
-   [GitHub](https://github.com/ruppysuppy)
-   [Instagram](https://www.instagram.com/tapajyotib/)