Zasady projektowania
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Projektuj funkcje multimedialne na Wear OS, stosując podstawowe zasady, które stawiają na pierwszym miejscu kontrolę użytkownika i wydajność.
Spójne i przewidywalne
Sprawdź, czy użytkownicy nie muszą uczyć się od nowa podstaw interakcji w różnych interfejsach multimediów, aby mogli sterować multimediami w różnych kontekstach.
Ujednolicaj wzorce interfejsu i unikaj tworzenia nowych interfejsów dla typowych interakcji.
Szybki podgląd najważniejszych informacji
Ułatwianie użytkownikom szybkiego wykonywania zadań przez wyróżnianie najważniejszych elementów sterujących i wyświetlanie prawidłowego stanu.
Wyświetlaj najważniejsze elementy sterujące i treści w przejrzystej hierarchii informacji, aby użytkownicy mogli sterować przeglądaniem i odtwarzaniem multimediów na zegarku.
odzwierciedlać dynamiczny stan, np. bieżącą głośność urządzenia lub podłączone urządzenie wyjściowe;
Szybkie i spójne
Sprawdź, czy użytkownicy mogą szybko sterować multimediami na nadgarstku.
Unikaj ukrytych gestów lub wzorców interakcji, które wymagają wprowadzenia i pamięci przestrzennej. Zapewnij w tekście wizualne wskazówki, które wyraźnie kierują użytkowników do dodatkowych funkcji.
Sprawdź, czy ścieżki użytkownika obejmujące interfejs systemu i aplikacji są płynnie zintegrowane, aby uniknąć duplikowania ekranów, po których użytkownicy muszą się poruszać w różnych kontekstach.
Typowe wzorce projektowe
W kolejnych sekcjach opisujemy typowe wzorce projektowe dotyczące multimediów na Wear OS.
Użyj przycisku akcji, aby zapewnić spójną nawigację i więcej funkcji.
Nie
opierać się na ukrytych gestach, które wymagają od użytkowników zapamiętania sposobu nawigacji;
OK
Udostępnij widoczny przycisk akcji, aby umożliwić użytkownikom dostęp do dodatkowych funkcji.
Spójny dostęp do opcji multimediów
Zapewnij spójny dostęp do funkcji na różnych platformach i w różnych kontekstach.
Nie
Niespójne wzorce elementów sterujących multimediami na różnych platformach i w różnych kontekstach powodują dezorientację użytkowników i zwiększają obciążenie poznawcze.
OK
Zapewniaj spójne wzorce na różnych platformach i w różnych kontekstach.
Sterowanie głośnością
Użyj interakcji sterowania głośnością, takich jak element dotykowy, pasek głośności i elementy sterujące sprzętu, aby mieć pewność, że można wykonać najważniejsze zadania związane z głośnością.
Nie
Jeśli użytkownicy nie mogą sterować głośnością za pomocą sprzętu, może to być dla nich mylące.
OK
Umożliwia użytkownikom sterowanie głośnością za pomocą pokrętła.
Urządzenie wyjściowe
Używaj ikony, która wyraźnie pokazuje użytkownikom, na jakim urządzeniu odtwarzają multimedia.
Nie
Ikona nie wskazuje, skąd będzie pochodzić dźwięk ani gdzie można sterować głośnością
OK
Odzwierciedlanie stanu urządzenia wyjściowego za pomocą wskaźnika regulacji głośności
Rozszerzanie na inne urządzenia
Zadbaj o spójność na różnych urządzeniach i korzystaj z dotychczasowych wzorców, aby zapewnić użytkownikom bardziej przewidywalne i spójne wrażenia.
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-27 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2025-07-27 UTC."],[],[],null,["# Design principles\n\nDesign media experiences on Wear OS by applying core principles that prioritize\nuser control and efficiency.\n\nConsistent and predictable\n--------------------------\n\nVerify that users don't need to relearn interaction basics from one media UI to another so that users can control media across different contexts.\n\n\u003cbr /\u003e\n\nAlign UI patterns and avoid creating new UIs for common interactions.\n\n\u003cbr /\u003e\n\nGlanceable and critical\n-----------------------\n\nHelp users complete tasks quickly by elevating critical controls and showing correct status.\n\n\u003cbr /\u003e\n\nDisplay critical controls and content in a clear information hierarchy so that\nusers can control media browsing and playback on their watch.\n\nReflect the dynamic status, such as the current device volume or the connected\noutput device.\n\n\u003cbr /\u003e\n\n### Quick and consistent\n\nVerify that users can quickly control media on the wrist.\n\n\u003cbr /\u003e\n\nAvoid hidden gestures or interaction patterns that require onboarding and\nspatial memory capacity. Provide visual affordances inline that clearly guide\nusers to additional functionality.\n\nVerify user journeys that involve system and app UI integrate seamlessly to\navoid duplicative screens for users to navigate between surfaces across\ncontexts.\n\n\u003cbr /\u003e\n\nCommon design patterns\n----------------------\n\nThe following sections describe common design patterns for media experiences on\nWear OS.\n\n### Overflow button\n\nUse the overflow button to provide consistent navigation and more\nfunctionalities. \n\n\u003cbr /\u003e\n\n**Don't**\n\nRely on hidden gestures that require users to memorize the navigation.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide visible overflow button to guide users to access additional\nfunctionality.\n\n\u003cbr /\u003e\n\n### Consistent access to media options\n\nProvide consistent access to functionality across media surfaces and contexts. \n\n\u003cbr /\u003e\n\n**Don't**\n\nInconsistent patterns for media controls across media surfaces and contexts\ncause user confusion and cognitive load.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide consistent patterns across media surfaces and contexts.\n\n\u003cbr /\u003e\n\n### Volume control\n\nUse the key volume control interaction such as tap affordance, volume bar, and\nhardware controls to make sure critical volume tasks can be done. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIt's confusing when users can't control volume with the hardware.\n\n\u003cbr /\u003e\n\n**Do**\n\nLet users control the volume with the hardware crown.\n\n\u003cbr /\u003e\n\n### Output device\n\nUse an icon that clearly shows users which device they're using to listen to\nmedia playback. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIcon doesn't reflect where will the sound come from and where to control volume\n\n\u003cbr /\u003e\n\n**Do**\n\nReflect the output device status with the indication of volume controls\n\n\u003cbr /\u003e\n\nExtend across devices\n---------------------\n\nConsider cross-device consistency and use existing patterns for more predictable\nand consistent user experience."]]
