Rozpocznij

Twórz aplikacje na okulary AI za pomocą platformy interfejsu Glimmer Jetpack Compose, aby tworzyć rozszerzone doświadczenia, które działają na różnych okularach AI. Jetpack Compose Glimmer to jedna z pierwszych platform interfejsu, która została zoptymalizowana pod kątem przezroczystych wyświetlaczy i okularów z AI.

1. Określanie ścieżek użytkowników

Skup się na głównych ścieżkach użytkownika (CUJ), które są zgodne z zasadami szybkiego przeglądania informacji w przypadku okularów z AI. Może to być wyrażone za pomocą minimalnego interfejsu lub tylko dźwięku, co pozwoli użytkownikowi zachować świadomość otoczenia. Aby znaleźć możliwości, rozważ punkty wejścia w bieżącej aplikacji, które mogłyby skorzystać z okularów.

Na przykład użytkownik może skorzystać z instrukcji dojazdu pieszo krok po kroku, które są odczytywane na głos, aby łatwiej dotrzeć do celu.

Wybrana ścieżka użytkownika powinna też uwzględniać zasady bezpieczeństwa, wygody i wydajności. Nie wybieraj na przykład zadań, które wymagają używania kamery użytkownika przez niepotrzebnie długi czas lub naruszają jego prywatność.

Dowiedz się więcej o zasadach podstawowych.

Wyodrębnij z aplikacji mobilnej funkcje, które mogą być przydatne w przypadku okularów. Na przykład szybkie podglądy.
Przeniesienie całej aplikacji na telefon na okulary, ponieważ nie skaluje się ona do ich rozmiaru.

2. Minimalizowanie i tłumaczenie

W przypadku interfejsu trybu wyświetlania zacznij od CUJ z głównej aplikacji:

  • Optymalizacja układów pod kątem skupienia uwagi: układy priorytetowo traktują najważniejsze informacje, ograniczając liczbę działań i elementów wizualnych, aby utrzymać uwagę użytkownika.

  • Używaj głębi do określania hierarchii: głębia służy do określania priorytetu elementu.

  • Projektuj od dołu: podczas tworzenia makiet zacznij od dołu, rozmieszczając komponenty w górę.

  • Tłumaczenie komponentów wizualnych: w przypadku okularów AI z wyświetlaczem używaj komponentów Jetpack Compose Glimmer i wzorców układu.

Więcej informacji znajdziesz w sekcjach KomponentyWidok aplikacji.

Aplikacja listy zakupów ogranicza widok listy do minimum i potrzebuje tylko interfejsu opinii.
Rysunek 1. Aplikacja z listą zakupów przetłumaczona na elementy okularów Display AI. Paski systemowe są wizualnie odróżnialne, a okulary AI są zwykle puste. W tym przypadku pasek aplikacji może zostać przekształcony w element z tytułem, a elementy listy Material – w listę Glimmer w Jetpack Compose.

Zoptymalizowane komponenty

A. Kolor powierzchni: kolor powierzchni komponentów jest czarny, aby zmaksymalizować kontrast z treścią karty.

B. Kontur i wyróżnienie: kolor konturu jest zoptymalizowany pod kątem kontrastu. Wyróżnienie zapewnia wizualne wyrażenie i może być używane do wskazywania niektórych typów danych wejściowych.

C. Kształt: zastosowano bardziej miękki system kształtów, aby poprawić czytelność przez zmniejszenie ostrości rogów i zwiększenie wygody. Kolor powierzchni: kolor treści na powierzchni jest biały, aby zmaksymalizować kontrast z otoczeniem.

D. Typografia: skala typografii Glimmer wykorzystuje niewielki zestaw dopracowanych stylów tekstu i tytułu, które optymalizują kerning, rozmiar i grubość, aby zapewnić optymalną czytelność.

E. Ikony: zaokrąglone symbole Material Design pasują do zaokrąglonej skali typograficznej.

Komponenty Glimmer są zoptymalizowane pod kątem przezroczystego wyświetlania.
Rysunek 2. Miejsce na podpis.

3. Przepływ dźwięku i wskazówki

Rozmawiaj z osobą, która nagrała dźwięk. Dźwięk powinien stanowić dużą część aplikacji na okulary AI, ale nie może przytłaczać użytkownika. Musisz też uwzględnić możliwość korzystania z aplikacji tylko za pomocą dźwięku na niektórych urządzeniach. Możesz to zrobić, tworząc mapę ścieżki tylko z dźwiękiem, aby opisać to doświadczenie. Zapisuj interakcje i opinie za pomocą wskazówek dźwiękowych i dialogów.

Utwórz mapę przepływu tylko z dźwiękiem, aby zaplanować interakcje konwersacyjne, które nie przytłoczą użytkownika.

4. Elementy sterujące mapą

Pamiętaj, aby przypisać wejścia do elementów sterujących urządzenia i gestów. Możesz zacząć od przetłumaczenia podstawowych interakcji z aplikacją, takich jak kliknięcie, na kliknięcie trackpada.

Przejdź do danych wejściowych

Aplikacja zoptymalizowana pod kątem XR ma interfejs użytkownika zaprojektowany specjalnie z myślą o XR i zawiera funkcje dostępne tylko na urządzeniach XR.

5. Rozważ interfejs systemu

Konto dla innych interfejsów systemowych.

Aplikacja będzie wyświetlana na stronie głównej i w innych funkcjach systemu, np. w powiadomieniach, jeśli są używane. Mogą się one pojawiać na pasku systemowym.

Więcej informacji o interfejsie systemu

Utwórz mapę przepływu tylko z dźwiękiem, aby zaplanować interakcje konwersacyjne, które nie przytłoczą użytkownika.

6. Dodatkowe stany

Aplikacja może napotkać różne problemy na okularach z AI, np. z połączeniem lub uprawnieniami. Uwzględnij te różne stany zarówno w aplikacji głównej, jak i w aplikacji na okulary.

Poproś o uprawnienia do funkcji urządzenia.

Pamiętaj, że musisz uwzględnić te elementy w interfejsie wizualnym i dźwięku. Na przykład może przekazywać informacje dźwiękowe, aby poinformować użytkownika, że powinien przejść proces przyznawania uprawnień na urządzeniu mobilnym, lub odczytywać błędy.

Uwzględnij różne stany aplikacji zarówno w aplikacji głównej, jak i w aplikacji na okulary.