Rozpocznij

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

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

Skup się na najważniejszych ś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, zacznij od punktów 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, aby łatwiej dotrzeć do celu.

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

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ądanie.
Przeniesienie całej aplikacji na telefon na okulary nie jest możliwe, ponieważ nie można jej dostosować do ich formy.

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, zmniejszają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, układając komponenty w górę.

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

Więcej informacji znajdziesz w sekcjach KomponentyWidok aplikacji.

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

Zoptymalizowane komponenty

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

B. Kontur i wyróżnienie: kolor konturu jest zoptymalizowany pod kątem kontrastu. Użycie wyróżnienia zapewnia wizualne wyrażenie i może służyć 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 komfortu. Kolor powierzchni: kolor treści na powierzchni jest biały, aby zmaksymalizować kontrast z otoczeniem.

D. Typografia: skala typograficzna Glimmer wykorzystuje niewielki zestaw dopracowanych stylów tekstu głównego 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.

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. Zaznaczaj 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 ekranie głównym i w innych funkcjach systemu, np. w powiadomieniach, jeśli będzie używana. 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 dokończyć 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.