[ Web Proxy ]
URL:
Viewing: http://developer.android.com/design/ui/ai-glasses [Back]  [Original]

AI glasses | UI Design  |  AI Glasses  |  Android Developers Skip to main content
Essentials Design & Plan Develop Google Play Blog
Search:
Android Studio
Android Developers [Android Developers]
Stay organized with collections Save and categorize content based on your preferences.
[]
AI Glasses are designed for all-day wear, providing convenient, hands-free access to information. Design intelligent augmented experiences that enhance a users focus and presence in the real world. Extend your app to AI Glasses with design guidance and UI kits.

Get started

Guides
Fundamental concepts and principles to get started designing for AI glasses.
Guides
What are the different design context touchpoints, these can include home, system ui, and your app view.
Guides
Interaction patterns that help your users understand, interact with, and control their experience in your app. Common patterns include audio patterns, gestures, and feedback.
Guides
Learn about Jetpack Compose Glimmer's design language, a simplified theme for optimal visibility on glasses.

Bring augmented experiences to your users

AI glasses extend the reach of Android apps into a new, highly personal form factor. Apps designed for glasses should enrich daily life, providing hands-free utility and discreet access to digital services.
[]
Respond to users real-world context
[]
Provide visuals in context
[]
Give your users superpowers
[]
Users can stay in the moment

Explore AI glasses

[]
Use AI agents for hands-free, natural language interactions, offering proactive and reactive audio guidance for tasks like media control and navigation. Design for concise audio responses and text to speech. On audio glasses, the same app states can trigger different outputs like text-to-speech.
[]
With a display, combine audio with subtle, glanceable visuals. These high-contrast, minimal visuals provide information like navigation or notifications, appearing only when relevant to enhance, not obstruct, the user's view. You can create your app on display AI glasses with unique interactions for the display.

Explore our kits

Explore our Figma-based library kits. Start building your AI Glasses experience with modern components, styles, and layouts.
Figma
Explore our Figma-based library kits. Start building your AI Glasses experience with modern components, styles, and layouts.
After Effects
Introduce users to audio and display glasses with ready-to-use animations with the user education After Effects file.

Develop for AI Glasses

Guides
Use our developer guides and references to build your app design.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]

Web Proxy Viewer  |  New URL  |  Original Page