Wytyczne dotyczące projektowania kafelków

Kafelki to jedna z najbardziej dostępnych platform na Wear OS.

Kafelki zapewniają szybki dostęp do informacji i działań, które użytkownicy potrzebują do wykonania określonych czynności. Przesuwając palcem po tarczy zegarka, użytkownik może zobaczyć postępy w drodze do celów fitnessowych, sprawdzić pogodę i nie tylko. Możesz uruchamiać aplikacje lub szybko wykonywać ważne zadania z poziomu kafelków.

Użytkownicy mogą wybrać kafelki, które chcą widzieć na zegarku. Wear OS pozwala użytkownikom zarządzać kafelkami zarówno na zegarku, jak i w aplikacji towarzyszącej.

zasady UX

W tabeli poniżej opisano zasady UX Tile.

Natychmiast

Przewidywalne

Jest odpowiedni
Karty mają pomóc użytkownikom w szybkim wykonywaniu częstych zadań. Kluczowe treści powinny być wyświetlane w przejrzystej hierarchii informacji, tak aby była zrozumiała dla użytkowników. Zawartość każdego kafelka powinna zawsze skupiać się na zadaniu użytkownika. Dzięki temu użytkownicy mogą przewidzieć, jakie informacje będą mogli zobaczyć na kafelku, i poprawi czułość. Użytkownicy zabierają zegarek, gdziekolwiek są. Zastanów się, jak zawartość kafelka pasuje do kontekstu użytkownika.

Wskazówki

Podczas tworzenia kafelków pamiętaj o tych wytycznych.

Skup się na jednym zadaniu

Tak

Skoncentruj każdy kafelek na jednym zadaniu, np. uruchom uruchomienie.

Nie wolno

Obsługa zbyt wielu różnych zadań na jednym kafelku.

Utwórz osobne kafelki dla każdego zadania

Jeśli aplikacja obsługuje wiele zadań, rozważ utworzenie wielu kafelków dla każdego zadania, które obsługuje. Na przykład aplikacja do fitnessu może mieć zarówno kafelek z celami, jak i kafelek z aktywnością treningową.

Karty

Pokazuj czytelne przedstawienie wykresów

Tak

Pokazuj w szybki i łatwy sposób informacje liczbowe lub statystyczne i umożliwiaj użytkownikowi jego kliknięcie, aby zobaczyć więcej w aplikacji.

Nie wolno

Pokaż szczegółowe dane liczbowe lub statystyki dotyczące kafelka.

Wskazywanie najnowszych aktualizacji danych

Upewnij się, że użytkownik wie, jakie są najnowsze dane wyświetlane na jego zegarku. Wyświetlaj w pamięci podręcznej dane z informacją o tym, kiedy zostały one ostatnio zaktualizowane, jeśli są istotne dla użytkownika.

Karty

Stosowanie odpowiedniej częstotliwości odświeżania danych

Wybierz odpowiednią częstotliwość aktualizacji dla kafelków, biorąc pod uwagę wpływ na żywotność baterii urządzenia. Jeśli używasz źródeł danych platformy, takich jak tętno czy liczba kroków, Wear OS kontroluje za Ciebie częstotliwość aktualizacji.

Puste stany

Kafelki mają 2 rodzaje pustych stanów. W obu przypadkach zalecamy korzystanie z PrimaryLayout.

Błędy lub uprawnienia

Poinformuj użytkownika, że musi zaktualizować swoje ustawienia z poziomu kafelka.

Zaloguj się

Umieść wyraźne wezwanie do działania na kafelku logowania.

Przykłady okien

Używaj stanów okien dla błędów, uprawnień i ustawień.

Karty

Pokaż trwające działania

Gdy aplikacja wykonuje długotrwałe działanie – np. śledzi treningi lub odtwarza muzykę – powinna pokazywać postęp tego trwałego działania w jednym z innych kafelków.

Jeśli Twoja aplikacja obsługuje też kafelki, które umożliwiają użytkownikom rozpoczynanie takich działań, wykonaj te czynności, aby nie dezorientować użytkowników:

  • Wskaż, że trwająca aktywność jest już w toku.
  • Jeśli użytkownik kliknie taki kafelek, uruchom aplikację i pokaż trwające działanie. Nie uruchamiaj nowego wystąpienia trwającej aktywności.

Karty

Wymagania

Dane podstawowe
Główne informacje o aktywności.

Etykieta
Wyświetla stan działania.

Ruch na kafelkach

Podczas dodawania animacji do kafelków pamiętaj o tych kwestiach:

Pomaganie użytkownikom w zrozumieniu zmian

Tak

Wyróżnij, jeśli aktualizujesz informacje na kafelku, na przykład postęp na wykresie liczby kroków.

Nie wolno

Nieoczekiwanie przełączaj się między wartościami.

Wersje przedpremierowe,

Dodaj podgląd kafelków, aby pomóc użytkownikowi zobaczyć, jakie treści są wyświetlane w menedżerze kafelków na zegarku i telefonie. Każdy kafelek może mieć 1 reprezentatywny obraz podglądu. Powinno ono spełniać te wymagania.

Wymagania

  • Eksportuj zasoby o wymiarach 400 x 400 pikseli.
  • Prześlij okrągły obraz podglądu.
  • Użyj jednolitego czarnego tła.
  • Zapisz jako PNG lub JPEG.
  • Dodaj zasoby zlokalizowane na popularne języki aplikacji.
Podgląd kafelków wyświetlany w menedżerze kart na zegarku. Podgląd kafelków wyświetlany w menedżerze kart na telefonie.

Tak

Pokaż podgląd, na którym kafelek jest wypełniony zawartością.

Nie wolno

Pokaż pusty stan, wyświetl ikonę kafelka w interfejsie podziału na strony lub zaznacz obszar wokół kafelka.

Przykładowe układy

Poniżej znajdziesz kilka typowych przypadków użycia kafelków z wykorzystaniem naszych sprawdzonych metod projektowania. Więcej informacji znajdziesz w sekcji Karty.

Śledzenie celów

Rozpocznij trening

Rozpocznij trening

Rozpocznij trening

Podsumowanie treningu

Włącz minutnik

Obecne tętno

Tętno

Następny alarm

Medytacja

Medytacja

News

Pogoda

Następne zdarzenie

Społeczności

Odtwarzanie multimediów