Summary of UX/UI Design Trends Going Into 2024

  • medium.com
  • Article
  • Summarized Content

    Bento Boxes: Modular Design with Organization

    Bento boxes, inspired by Japanese lunch boxes, have become a popular design trend for their organized and clean layout. This "modular" design style started with dashboards and has evolved into a mainstream trend, embraced by companies like Apple for their product presentations and landing pages.

    • Bento boxes allow for presenting more information in a structured and visually appealing manner.
    • They are versatile and can be used for product demos, mixed layouts, and even stylized with other visual design concepts.
    • Websites like bentogrids.com offer inspiration and resources for creating Bento grid designs.

    Spatial Design: Entering the Third Dimension

    With the launch of Apple's Vision Pro and the growing accessibility of tools like Spline and Vectary, spatial design and 3D graphics are becoming more prevalent in website design, ux design, and ui design. This trend is driven by the demand for realistic and relatable designs, as well as the availability of user-friendly 3D design tools.

    • Designers are exploring isometric visuals, 3D characters, and animations to create immersive experiences.
    • Tools like Bezi, similar to Figma and Spline, allow designers to create interactive spatial experiences and enter the realm of spatial design.
    • Companies like RayBan are introducing smart wearables with augmented reality capabilities, further pushing the boundaries of spatial design and accessibility.

    Animation for All: Democratizing Motion Design

    With the increasing popularity of tools like LottieFiles and its Figma plugin, animation has become more accessible to designers. This trend is driven by the need for engaging and storytelling experiences on websites and apps.

    • LottieFiles allows designers to easily add animations to their UI designs without the complexity of tools like After Effects.
    • Scroll animations, enticing interactions, and animated buttons are becoming more prevalent on landing pages and websites.
    • No-code tools like Webflow and Framer are making animation capabilities more accessible to designers without requiring extensive coding knowledge.

    The Rise of AI Design Tools: Friends or Foes?

    Artificial intelligence has become a buzzword in the design industry, with many tools advertising themselves as "AI-powered." However, most of these features are still gimmicky, with limited practical applications. Relume AI stands out as a powerful wire-framing and site-mapping tool for Webflow, demonstrating the potential of AI in design workflows.

    • AI design tools promise to assist designers by randomly generating UI designs, shuffling assets, and providing basic solutions.
    • Relume AI's wire-framing and site-mapping capabilities showcase a practical application of AI in the design process.
    • As AI technology advances, designers must balance the potential benefits with concerns about creativity and over-reliance on AI tools.

    Accessibility and Personalization: Designing for Everyone

    Accessible design has become an essential requirement in the industry, with designers focusing on creating inclusive experiences for users of all ages and abilities. This trend is driven by the increasing demand for digital accessibility and the need to cater to diverse demographics.

    • Accessibility techniques include ensuring color contrast, readable fonts, recognizable action elements, and designing for differently-abled users.
    • Courses and bootcamps are preparing students to incorporate accessible design principles into their workflows.
    • Personalization is another key aspect of modern ux design, with companies like YouTube using data to provide tailored recommendations and experiences.

    The End of Flat Design: Embracing Depth and Realism

    There is a growing trend towards moving away from flat design and embracing more pseudo-realistic visual styles, such as 3D graphics, depth effects, neumorphism, and skeuomorphism. This shift is fueled by the demand for realistic and relatable designs, as well as the introduction of easy-to-use web-based 3D tools.

    • Companies like Airbnb are embracing 3D visuals and animations in their app designs and promotional materials.
    • Tools like Spline and Vectary have made incorporating 3D assets into web and app designs more accessible.
    • Logos and branding are also being updated with this new 3D design trend, reflecting the industry's shift towards depth and realism.

    Careful and Empathetic UX Design

    Designers are increasingly focusing on usability over visual design, prioritizing simplicity and accessibility. This approach aims to create designs that work for users, rather than reinventing the wheel with each iteration.

    • Accessible design principles, such as color contrast, readable fonts, and recognizable action elements, are becoming industry standards.
    • Personalization is a key aspect of modern ux design, with companies tailoring experiences based on user data and preferences.
    • Shadowing and observing differently-abled users is being used to identify accessibility issues and inform design decisions.

    Ask anything...

    Sign Up Free to ask questions about anything you want to learn.