Product Design Commentary #1: New technologies changing UX/UI and product design
As technology evolves, design processes are being transformed by advancements like Voice User Interfaces (VUI), Augmented Reality (AR), Virtual Reality (VR), Modular Design Systems, and AI tools. These innovations are helping designers automate repetitive tasks, enhance user experiences, and ensure consistency across products. In this article, we explore how these tools are shaping the future of UX, UI, and product design, making interactions more intuitive and efficient.
Voice user interface (VUI)
Voice User Interfaces (VUI) are growing rapidly with widespread integration into devices like smart speakers, mobile phones, and automobiles. Services such as Siri, Alexa, and Google Assistant are leading the way, and many more products are expected to follow in the near future.
The future of VUI
By 2026, nearly 50% of the U.S. population is expected to be using voice-activated devices. This trend encourages businesses and UX designers to consider effective ways of incorporating VUI into their products to meet user demands.
Products leading VUI trends
Vietnam:
- FPT AI: 10 Tips for Creating the Best Chatbot Script
- Zalo AI: Kiki - Zalo AI
Global Products:
- Google Assistant: Google Assistant
- Amazon Alexa: Amazon Alexa Smart Home
Augmented reality (AR) and virtual reality (VR)
AR and VR are quickly becoming standards in multiple industries, enhancing both user experience and product interaction.
Growth forecast
The number of AR users is expected to increase from 0.44 billion in 2019 to 1.73 billion by 2024, with the AR/VR market projected to reach $40 billion in revenue by 2027.
Practical applications in UX
- E-commerce: AR allows users to preview products in real-world environments, such as trying on shoes virtually, placing furniture in a room, or trying on clothing.
- Example: L’Oreal AR Skincare
- Example: Warby Parker AR Glasses Try-On
- Education and Training: VR is being utilized to provide immersive, direct-learning environments, where learners can practice skills in a safe, virtual setting.
Products leading AR/VR trends
Vietnam:
- VinFast AR/VR: VinFast Showroom with AR/VR
- Viettel x VR360: Viettel Collaboration with VR360
Global Products:
- Meta Horizon Worlds: Meta Horizon World
Modular design systems
Modular Design Systems allow teams to build reusable components that create consistency across products. Elements like buttons, navigation bars, fonts, and more are organized into a system, making it easy for teams to maintain a unified user experience across different platforms.
Benefits
Modular systems are designed once and can be reused across various products, saving development time and ensuring a cohesive user experience.
Examples
- Ant Design: Ant Design System
- Tailwind CSS: Tailwinds Flowbite
- Shadcn UI: Shadcn UI Design System
All these systems are available as Figma libraries as well as for development, making it easy to ensure design and implementation are well-aligned.
Application in design & development
- For Designers: Designers use the design system as the primary source for creating components in Figma. All designs strictly adhere to the principles of the system library, limiting customization.
- For Developers: Developers also have access to the pre-built component libraries that follow the design system. This ensures that the web version closely mirrors the design mockups.
One significant advantage is responsiveness across devices. By using a single web design, it can adapt to tablet and mobile formats easily.
Example: Flowbite Component Example
AI tools for UX, UI, and product designers
AI is transforming the design industry by automating repetitive tasks, streamlining the research process, and optimizing UI/UX design.
For UX & research
AI plays a crucial role in UX research, helping designers better understand user behavior and needs by analyzing data and automating research processes. These tools provide data-driven insights that optimize the user experience from the early stages.
- ChatGPT: ChatGPT
- Maze: Maze AI Testing
- Claude AI: Claude AI
For UI design
AI also plays an important role in automating UI design processes such as layout adjustment, color selection, and image processing. This helps UI designers save time while ensuring that the user interface always meets the highest standards of aesthetics and functionality.
- Uizard: Uizard
- Galileo AI: Galileo AI
- Creatie AI: Creatie AI
Conclusion
The integration of VUI, AR/VR, Modular Design Systems, and AI is transforming modern design by enhancing user experience and streamlining workflows. To stay competitive, designers must leverage these tools effectively, focusing on user feedback, privacy, personalization, and cross-platform performance. Embracing these technologies will enable teams to create innovative, user-centered products that stand out in the market.