Smart Glasses interaction Design
Designed intuitive software-hardware interaction logic, improving usability, efficiency, and user adaptability to ensure a seamless pre-launch experience.
Overview
Designed a smart device aimed for commercial launch, focusing on improving core interaction experiences. The design process emphasized user research, interaction refinement, and adaptive interface solutions to address usability gaps. By translating user insights into practical design features—such as intelligent gesture control and customizable display settings—the design not only enhanced usability but also supported a smooth handoff into development, contributing to the product’s successful launch.
✅ Result
Testers reported improved usability and seamless integration, which positioned the product more competitively. The enhancements attracted a broader user base and elevated the overall experience of interacting with smart glasses.
🎯 Objective
Enhance touch responsiveness, software–hardware integration, and energy efficiency to ensure a seamless user experience. The goal was to make the device more intuitive, versatile, and appealing to a broader audience through improved customization and adaptive settings.
⚠️ Challenge
Users struggled with interaction complexity, inconsistent gesture recognition, display adjustments, and power management issues, all of which reduced overall efficiency and usability.
What is Smart Glasses?
Smart Glasses - ASUS AirVision M1 is a 100-inch wearable display, offering vivid visuals, seamless connectivity, and ultimate portability for work and gaming.
It's about your pocket-sized IMAX that transforms any space into a personal theater or battle station, blending stunning visuals, seamless multitasking, and unmatched portability!
🚀 Let's now delve into the detailed process of execution
Scenario Analysis
Scenario Analysis
We conducted a usage scenario analysis to ensure Smart Glasses seamlessly adapts to diverse work environments, optimizing productivity, mobility, and user experience across different scenarios and work trends through "Day in the Life" videos, including remote, hybrid, and digital nomad setups. This research led to the following key conclusions:
Competitive Analysis
Our User Experience team conducted a detailed competitive analysis to compare the Smart Glasses to similar products, they hold a strong presence and market share in the AR glasses industry, like:
Technology-Driven Brands: Focus on high-quality displays, immersive virtual screens, and strong device integration (e.g., XREAL, VITURE).
Lifestyle & Brand-Oriented Products: Emphasize stylish design, social media use, and voice assistant features for everyday wear (e.g., Ray-Ban Meta).
Multi-Modal Interaction Devices: Combine voice, gesture, and visual input with AI for lightweight, app-connected AR experiences (e.g., Rokid, Oppo).
Key Takeaways:
Interaction Models: Multi-modal interaction (gesture, voice, eye tracking, and touch) is becoming standard. However, voice and wrist-based control offer the most natural and scalable user experience.
User Comfort & Privacy: Devices with minimal physical burden and support for discreet control (e.g., eye or wrist gestures) perform better in everyday environments.
Ecosystem Dependency: Many competitive products still rely heavily on external modules or mobile devices for full functionality, presenting an opportunity for more seamless native integration.
Competitive Analysis
Our User Experience team conducted a detailed competitive analysis to compare the Smart Glasses to similar products, they hold a strong presence and market share in the AR glasses industry, like:
Technology-Driven Brands: Focus on high-quality displays, immersive virtual screens, and strong device integration (e.g., XREAL, VITURE).
Lifestyle & Brand-Oriented Products: Emphasize stylish design, social media use, and voice assistant features for everyday wear (e.g., Ray-Ban Meta).
Multi-Modal Interaction Devices: Combine voice, gesture, and visual input with AI for lightweight, app-connected AR experiences (e.g., Rokid, Oppo).
Key Takeaways:
Interaction Models: Multi-modal interaction (gesture, voice, eye tracking, and touch) is becoming standard. However, voice and wrist-based control offer the most natural and scalable user experience.
User Comfort & Privacy: Devices with minimal physical burden and support for discreet control (e.g., eye or wrist gestures) perform better in everyday environments.
Ecosystem Dependency: Many competitive products still rely heavily on external modules or mobile devices for full functionality, presenting an opportunity for more seamless native integration.
Competitive Analysis
Our User Experience team conducted a detailed competitive analysis to compare the Smart Glasses to similar products, they hold a strong presence and market share in the AR glasses industry, like:
Technology-Driven Brands: Focus on high-quality displays, immersive virtual screens, and strong device integration (e.g., XREAL, VITURE).
Lifestyle & Brand-Oriented Products: Emphasize stylish design, social media use, and voice assistant features for everyday wear (e.g., Ray-Ban Meta).
Multi-Modal Interaction Devices: Combine voice, gesture, and visual input with AI for lightweight, app-connected AR experiences (e.g., Rokid, Oppo).
Key Takeaways:
Interaction Models: Multi-modal interaction (gesture, voice, eye tracking, and touch) is becoming standard. However, voice and wrist-based control offer the most natural and scalable user experience.
User Comfort & Privacy: Devices with minimal physical burden and support for discreet control (e.g., eye or wrist gestures) perform better in everyday environments.
Ecosystem Dependency: Many competitive products still rely heavily on external modules or mobile devices for full functionality, presenting an opportunity for more seamless native integration.
Design Process and Iterations
After extensive research, investigation, and analysis, User Flow was strategically planned.
Project Task I
Should users retain a physical main screen?
Problem
Users have different display needs: strategy and multiplayer online battle arena gamers require a second screen for in-game stats, while RPG players prefer full immersion, creating a challenge in balancing multi-screen adaptability with personalized user preferences.
Solution
A configurable display mode, allowing users to enable or disable the physical screen based on their preferences. Adjustments can be made via the Switch in each mode.
Project Task I
Should users retain a physical main screen?
Problem
Users have different display needs: strategy and multiplayer online battle arena gamers require a second screen for in-game stats, while RPG players prefer full immersion, creating a challenge in balancing multi-screen adaptability with personalized user preferences.
Solution
A configurable display mode, allowing users to enable or disable the physical screen based on their preferences. Adjustments can be made via the Switch in each mode.
Project Task I
Should users retain a physical main screen?
Problem
Users have different display needs: strategy and multiplayer online battle arena gamers require a second screen for in-game stats, while RPG players prefer full immersion, creating a challenge in balancing multi-screen adaptability with personalized user preferences.
Solution
A configurable display mode, allowing users to enable or disable the physical screen based on their preferences. Adjustments can be made via the Switch in each mode.
Project Task 2
Design Effective Onboarding Tutorial for Smart Glasses
Problem
Users found it difficult to navigate and understand the functions during initial use, particularly when adjusting screen layout, setting up gestures, or customizing IPD. The absence of contextual guidance led to errors and a steep learning curve.
Solution
We introduced tooltips and visual aids to provide contextual explanations directly within the UI. In addition, we designed a progressive, interactive tutorial that includes visual demonstrations, guided practice, and real-time feedback to ensure users can confidently complete setup.
Design Evolution
Version 1 – Issues Identified
The initial version relied heavily on text explanations, lacking step-by-step guidance and sufficient visual support. As a result, users were not effectively guided through the learning process, causing confusion and low retention.
Version 2 – Improvements Implemented
To address these shortcomings, Version 2 was restructured with the following enhancements:
Step-by-step flow: Broke down the learning into clear, manageable stages to support progressive understanding.
Balanced text and visuals: Incorporated icons and diagrams to simplify technical language and improve readability.
Interactive elements: Added video demos and real-time instructions to actively engage users and reinforce learning.
Project Task 2
Design Effective Onboarding Tutorial for Smart Glasses
Problem
Users found it difficult to navigate and understand the functions during initial use, particularly when adjusting screen layout, setting up gestures, or customizing IPD. The absence of contextual guidance led to errors and a steep learning curve.
Solution
We introduced tooltips and visual aids to provide contextual explanations directly within the UI. In addition, we designed a progressive, interactive tutorial that includes visual demonstrations, guided practice, and real-time feedback to ensure users can confidently complete setup.
Design Evolution
Version 1 – Issues Identified
The initial version relied heavily on text explanations, lacking step-by-step guidance and sufficient visual support. As a result, users were not effectively guided through the learning process, causing confusion and low retention.
Version 2 – Improvements Implemented
To address these shortcomings, Version 2 was restructured with the following enhancements:
Step-by-step flow: Broke down the learning into clear, manageable stages to support progressive understanding.
Balanced text and visuals: Incorporated icons and diagrams to simplify technical language and improve readability.
Interactive elements: Added video demos and real-time instructions to actively engage users and reinforce learning.
Project Task 2
Design Effective Onboarding Tutorial for Smart Glasses
Problem
Users found it difficult to navigate and understand the functions during initial use, particularly when adjusting screen layout, setting up gestures, or customizing IPD. The absence of contextual guidance led to errors and a steep learning curve.
Solution
We introduced tooltips and visual aids to provide contextual explanations directly within the UI. In addition, we designed a progressive, interactive tutorial that includes visual demonstrations, guided practice, and real-time feedback to ensure users can confidently complete setup.
Design Evolution
Version 1 – Issues Identified
The initial version relied heavily on text explanations, lacking step-by-step guidance and sufficient visual support. As a result, users were not effectively guided through the learning process, causing confusion and low retention.
Version 2 – Improvements Implemented
To address these shortcomings, Version 2 was restructured with the following enhancements:
Step-by-step flow: Broke down the learning into clear, manageable stages to support progressive understanding.
Balanced text and visuals: Incorporated icons and diagrams to simplify technical language and improve readability.
Interactive elements: Added video demos and real-time instructions to actively engage users and reinforce learning.
Project Task 3
Performance Issues in Low-End Devices
Problem
Low-end devices struggled with GPU performance and compatibility, affecting usability and responsiveness. Users needed an optimized experience without sacrificing efficiency.
Solution
Implemented an Energy-Saving Mode to enhance GPU performance, conducted multi-device compatibility tests, and added quick-toggle UX options for user control.
Project Task 4
Touchpad Setting & Misactivation Issue
Problem
During testing, users frequently triggered the touchpad unintentionally while adjusting or handling the device. This led to accidental interactions and user frustration.
Solution
Collaborating with the R&D team, we developed an Intelligent Activation Mechanism using proximity sensors to ensure the touchpad only activates when the device is worn. Also introduced customizable sensitivity settings to further fine-tune the experience.
Through extensive A/B testing, we successfully reduced misactivation incidents by 30%, resulting in a smoother and more reliable user interaction.
Project Task 3
Performance Issues in Low-End Devices
Problem
Low-end devices struggled with GPU performance and compatibility, affecting usability and responsiveness. Users needed an optimized experience without sacrificing efficiency.
Solution
Implemented an Energy-Saving Mode to enhance GPU performance, conducted multi-device compatibility tests, and added quick-toggle UX options for user control.
Project Task 4
Touchpad Setting & Misactivation Issue
Problem
During testing, users frequently triggered the touchpad unintentionally while adjusting or handling the device. This led to accidental interactions and user frustration.
Solution
Collaborating with the R&D team, we developed an Intelligent Activation Mechanism using proximity sensors to ensure the touchpad only activates when the device is worn. Also introduced customizable sensitivity settings to further fine-tune the experience.
Through extensive A/B testing, we successfully reduced misactivation incidents by 30%, resulting in a smoother and more reliable user interaction.
Project Task 3
Performance Issues in Low-End Devices
Problem
Low-end devices struggled with GPU performance and compatibility, affecting usability and responsiveness. Users needed an optimized experience without sacrificing efficiency.
Solution
Implemented an Energy-Saving Mode to enhance GPU performance, conducted multi-device compatibility tests, and added quick-toggle UX options for user control.
Project Task 4
Touchpad Setting & Misactivation Issue
Problem
During testing, users frequently triggered the touchpad unintentionally while adjusting or handling the device. This led to accidental interactions and user frustration.
Solution
Collaborating with the R&D team, we developed an Intelligent Activation Mechanism using proximity sensors to ensure the touchpad only activates when the device is worn. Also introduced customizable sensitivity settings to further fine-tune the experience.
Through extensive A/B testing, we successfully reduced misactivation incidents by 30%, resulting in a smoother and more reliable user interaction.
Wireframe
The final wireframe, refined through RD collaboration, optimizes navigation, interaction, ensuring seamless UI delivery and enhanced user experience.
Impact & Outcome
Increased diagnostic efficiency – Intuitive UX enhancements allow technicians to detect anomalies faster.
Reduced troubleshooting time – Simplified workflows and improved UI elements help users pinpoint issues quickly.
Optimized equipment pairing process – Automation and batch operations significantly speed up sensor deployment.
Improved system visibility – Real-time monitoring and enhanced data visualization support better maintenance decision-making.
Key Takeaways
User-Centered Design Matters – Understanding different roles helped tailor UX solutions for more efficient workflows.
Data Visualization is Critical – Clear, real-time dashboards improve anomaly detection and decision-making.
Process Automation Drives Efficiency – Automated pairing and issue detection reduce manual intervention and errors.
Scalability is Key – A flexible, well-structured UX ensures adaptability to future system upgrades.
Wireframe
The final wireframe, refined through RD collaboration, optimizes navigation, interaction, ensuring seamless UI delivery and enhanced user experience.
Impact & Outcome
Increased diagnostic efficiency – Intuitive UX enhancements allow technicians to detect anomalies faster.
Reduced troubleshooting time – Simplified workflows and improved UI elements help users pinpoint issues quickly.
Optimized equipment pairing process – Automation and batch operations significantly speed up sensor deployment.
Improved system visibility – Real-time monitoring and enhanced data visualization support better maintenance decision-making.
Key Takeaways
User-Centered Design Matters – Understanding different roles helped tailor UX solutions for more efficient workflows.
Data Visualization is Critical – Clear, real-time dashboards improve anomaly detection and decision-making.
Process Automation Drives Efficiency – Automated pairing and issue detection reduce manual intervention and errors.
Scalability is Key – A flexible, well-structured UX ensures adaptability to future system upgrades.
Wireframe
The final wireframe, refined through RD collaboration, optimizes navigation, interaction, ensuring seamless UI delivery and enhanced user experience.
Impact & Outcome
Increased diagnostic efficiency – Intuitive UX enhancements allow technicians to detect anomalies faster.
Reduced troubleshooting time – Simplified workflows and improved UI elements help users pinpoint issues quickly.
Optimized equipment pairing process – Automation and batch operations significantly speed up sensor deployment.
Improved system visibility – Real-time monitoring and enhanced data visualization support better maintenance decision-making.
Key Takeaways
User-Centered Design Matters – Understanding different roles helped tailor UX solutions for more efficient workflows.
Data Visualization is Critical – Clear, real-time dashboards improve anomaly detection and decision-making.
Process Automation Drives Efficiency – Automated pairing and issue detection reduce manual intervention and errors.
Scalability is Key – A flexible, well-structured UX ensures adaptability to future system upgrades.