5 New UX/UI Trends for Apps and Websites
Getting acquainted with the fresh UX/UI trends actively used in popular apps and websites today. These trends not only make interfaces more attractive but also improve user experience. Let’s break them down and consider consider how to use them in your projects.
1. Glowing hover animations
The “glowing border” trend has become a real hit. On many websites and applications, animations create a glowing effect around buttons, blocks, and other interface elements. This effect helps to hold the user’s attention by creating visual accents.
It works especially interestingly in mobile applications, where you can add a parallax effect: tilt your phone, and the elements shift slightly, increasing interactivity.
How to implement it:
- Use Figma for prototyping without additional plugins.
- For websites, use Webflow or ready-made CSS solutions to animate glowing borders.
2. Geolocation design
Geolocation is becoming an increasingly important part of UX. For example, apps adapt the interface to weather conditions, local events or seasons.
An interesting example is Indian shopping apps. There are many weddings in this region in November and December, so special sections dedicated to wedding products are added to the apps.
Such a solution enhances personalisation and allows users to feel that the app meets their current needs.
How to use it:
- Adapt the design to the climate, time of year or local traditions and events.
- Add thematic elements so the interface “adjusts” to the user’s mood.
3. Smooth gradients
Gradients are becoming increasingly popular! Not only do they make the design more attractive, but they create a new interaction experience. For example, apps like Flow and Arc Browser use gradients to accentuate and mark stages of the user experience. They also help create associations with innovations in apps that involve AI.
Example:
- Arc Browser uses gradients to show page loads.
- Gradients also visualise AI features in applications.
4. Gradient-based stroke animations
Gradients can be integrated into the stroke of buttons and other UI elements. Instead of a static line, you get a smooth animation that adds dynamics and interactivity.
How to do it:
- Use CSS Glow Border Animation, a ready-made and straightforward solution.
- Implement the effect in no-code platforms such as Webflow.
5. Built-in Animations
System animations like opening pages or viewing photos are essential to the user experience. For example, in iOS and Android, user transitions look smooth and intuitive: an album opens as a separate window, and the page turns into a thumbnail card when closed. Such solutions make interacting with apps more intuitive. This is especially important for applications where users often move between multiple screens.
These UX/UI trends are not just fashion but also a way to improve user experience. Try implementing them in your projects to make interfaces more modern and user-friendly.
What do you think about these trends? Share your thoughts in the comments and subscribe to my blog to get more ideas for inspiration.
