Créez votre application Lunettes IA à l'aide du framework d'interface utilisateur Jetpack Compose Glimmer pour des expériences augmentées fonctionnant sur les Lunettes IA. Jetpack Compose Glimmer est l'un des premiers frameworks d'UI optimisés pour les écrans transparents et le facteur de forme des lunettes d'IA.
1. Définir les parcours utilisateur
Concentrez-vous sur les parcours utilisateur critiques (CUJ) compatibles avec les principes de lecture rapide des lunettes d'IA. Cela peut se faire avec une interface utilisateur minimale ou uniquement avec de l'audio, tout en permettant à l'utilisateur de rester conscient de son environnement. Pour identifier des opportunités, commencez par réfléchir aux points d'entrée de votre application actuelle qui pourraient bénéficier des lunettes.
Par exemple, un utilisateur peut bénéficier d'un guidage vocal détaillé pour se rendre à sa destination.
Le parcours utilisateur choisi doit également tenir compte des principes de sécurité, de confort et de performances. Par exemple, ne choisissez pas de tâches qui nécessiteraient l'utilisation de la caméra de l'utilisateur pendant des périodes inutilement longues ou qui porteraient atteinte à sa confidentialité.
En savoir plus sur les principes fondamentaux
À faire
À éviter
2. Réduire et traduire
Pour l'UI du mode d'affichage, commencez par un CUJ de votre application principale :
Optimiser les mises en page pour la concentration : les mises en page donnent la priorité aux informations essentielles, ce qui réduit le nombre d'actions et d'éléments visuels pour maintenir la concentration des utilisateurs.
Utilisez la profondeur pour la hiérarchie : la profondeur permet de communiquer la priorité des éléments.
Concevez de bas en haut : lorsque vous créez des maquettes, commencez par le bas et disposez les composants vers le haut.
Traduire les composants visuels : pour les lunettes d'IA avec écran, utilisez les composants Jetpack Compose Glimmer et les modèles de mise en page.
En savoir plus sur les composants et la vue de l'application
Composants optimisés
B. Contour et mise en surbrillance : la couleur du contour est optimisée pour le contraste. L'utilisation d'une mise en surbrillance permet une expression visuelle et peut être utilisée pour indiquer certains types d'entrée.
C. Forme : un système de forme plus doux est utilisé pour améliorer la lisibilité en réduisant l'acuité des angles et en améliorant le confort. Couleur "On Surface" : la couleur "On Surface" du contenu est blanche pour maximiser le contraste avec le monde.
D. Typographie : l'échelle typographique de Glimmer utilise un petit ensemble de styles de corps et de titre raffinés qui optimisent l'approche, la taille et l'épaisseur pour une lisibilité optimale.
E. Iconographie : l'utilisation de symboles Material arrondis est cohérente avec l'échelle typographique arrondie.
3. Flux et indications audio
Engagez la conversation avec l'audio. Bien que l'audio doive représenter une grande partie de votre application Lunettes IA sans submerger l'utilisateur, vous devez également tenir compte d'une expérience audio uniquement pour certains appareils. Pour ce faire, créez un organigramme audio uniquement pour décrire cette expérience. Indiquez les interactions et les commentaires à l'aide de signaux audio et de dialogues.
4. Commandes de saisie sur la carte
Veillez à mapper les entrées pour les commandes et les gestes de l'appareil. Vous pouvez commencer par traduire les interactions de base de l'application, comme "appuyer", en "appuyer sur le pavé tactile".
5. Envisager SysUI
Tenez compte des autres interfaces système.
Votre application apparaîtra dans la maison et dans d'autres fonctionnalités système, comme les notifications si elles sont utilisées. Elles peuvent s'afficher dans la barre système.
6. Autres états
Votre application rencontrera différents scénarios sur les lunettes d'IA, tels que des problèmes de connexion ou d'autorisation. Tenez compte de ces différents états à la fois dans votre application principale et dans l'application pour lunettes.
Assurez-vous de demander les autorisations pour les fonctionnalités de l'appareil.
N'oubliez pas que vous devrez les prendre en compte dans l'interface utilisateur visuelle et l'audio. Par exemple, donnez un retour audio pour indiquer à l'utilisateur qu'il doit effectuer un flux d'autorisation sur son appareil mobile ou pour lire les erreurs.
