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
![](https://developer.android.google.cn/static/wear/images/tiles/Singletask-do.png?authuser=1&hl=pl)
Tak
![](https://developer.android.google.cn/static/wear/images/tiles/Singletask-dont.png?authuser=1&hl=pl)
Nie wolno
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ą.
Pokazuj czytelne przedstawienie wykresów
![](https://developer.android.google.cn/static/wear/images/tiles/Glanceablegraph-do.png?authuser=1&hl=pl)
Tak
![](https://developer.android.google.cn/static/wear/images/tiles/Glanceablegraph-dont.png?authuser=1&hl=pl)
Nie wolno
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.
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
.
![](https://developer.android.google.cn/static/wear/images/tiles/empty-state-error-01.png?authuser=1&hl=pl)
Błędy lub uprawnienia
Poinformuj użytkownika, że musi zaktualizować swoje ustawienia z poziomu kafelka.
![](https://developer.android.google.cn/static/wear/images/tiles/empty-state-error-02.png?authuser=1&hl=pl)
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ń.
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.
![]() |
Wymagania Dane podstawowe
Etykieta
|
Ruch na kafelkach
Podczas dodawania animacji do kafelków pamiętaj o tych kwestiach:
Pomaganie użytkownikom w zrozumieniu zmian
![](https://developer.android.google.cn/static/wear/images/tiles/understandchanges-do.gif?authuser=1&hl=pl)
Tak
![](https://developer.android.google.cn/static/wear/images/tiles/understandchanges-dont.gif?authuser=1&hl=pl)
Nie wolno
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
|
![]() |
![]() |
Podgląd kafelków wyświetlany w menedżerze kart na zegarku. | Podgląd kafelków wyświetlany w menedżerze kart na telefonie. |
![](https://developer.android.google.cn/static/wear/images/tiles/tilepreview-do.png?authuser=1&hl=pl)
Tak
![](https://developer.android.google.cn/static/wear/images/tiles/tilepreview-dont.png?authuser=1&hl=pl)
Nie wolno
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 |