Pierwsze kroki w projektowaniu na Wear OS
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Materiał Design na Wear OS ułatwia projektowanie atrakcyjnych aplikacji.
Przypadki użycia
Zegarki umożliwiają użytkownikom szybkie uzyskiwanie informacji, np. śledzenie postępów w realizacji celów związanych ze zdrowiem i kondycją fizyczną, a także szybkie działanie, np. odpowiadanie na wiadomości błyskawiczne. Podczas projektowania aplikacji na smartwatche skup się na takich przypadkach użycia.
Interfejs zegarka oferuje unikalne możliwości, których nie ma na urządzeniach mobilnych, w tym:
- Dane wejściowe są rejestrowane przez fizyczne połączenie z urządzeniem (za pomocą czujników i wykrywania ruchu).
- Szybki dostęp do informacji i działań, które można sprawdzić na pierwszy rzut oka, takich jak widżety, powiadomienia i karty.
Zegarek ma też pewne ograniczenia:
- Mniej miejsca na ekranie
- Mniejsza gęstość informacji
- Ograniczona żywotność baterii
Podczas projektowania aplikacji na zegarki weź pod uwagę zarówno możliwości, jak i ograniczenia platformy.
check_circle
Tak
Zaprojektuj rozwiązania, które umożliwiają łatwe wykonywanie zadań za pomocą interfejsu zegarka.
cancel
Nie
Nie twórz skomplikowanych, szczegółowych aplikacji zawierających elementy takie jak arkusze kalkulacyjne, ponieważ trudno je edytować i wyświetlać na zegarku.
Testowanie projektów
Większość urządzeń z Wear OS ma okrągłe ekrany, które mają o 22% mniej miejsca na interfejs niż wyświetlacze kwadratowe. Na okrągłych ekranach tekst musi być też oddzielony większymi marginesami, aby był czytelniejszy.
Materiał Design na Wear OS ułatwia projektowanie atrakcyjnych aplikacji. Poniższe zrzuty ekranu przedstawiają kilka przykładów aplikacji na Wear OS, które przestrzegają zasad opisanych w tym przewodniku.
check_circle
Tak
Najpierw zaprojektuj interfejs na urządzenia okrągłe, aby mieć pewność, że układ będzie działać w ramach ograniczeń dotyczących mniejszych rozmiarów.
cancel
Nie
Osoby noszące zegarki są w ciągłym ruchu, czy to stojąc, gestykulując czy biegnąc na autobus. Przetestuj swoje projekty w sytuacjach, w których użytkownik się porusza, aby mieć pewność, że można je szybko odczytać.
Przykłady aplikacji
Materiał Design na Wear OS ułatwia projektowanie atrakcyjnych aplikacji. Poniższe zrzuty ekranu przedstawiają kilka przykładów aplikacji na Wear OS, które przestrzegają zasad opisanych w tym przewodniku.
Rysunek 1. Przykład aplikacji multimedialnej.
Rysunek 2. Przykład aplikacji do zarządzania zadaniami
Rysunek 3. Przykład aplikacji do przesyłania wiadomości błyskawicznych
Rysunek 4. Przykład aplikacji stoper.
Rysunek 5. Przykład aplikacji do wybierania numerów
Rysunek 6. Przykład aplikacji kalkulatora
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,["# Getting started designing for Wear OS\n\nMaterial Design for Wear OS helps you design engaging app experiences.\n\nUnderstand use cases\n--------------------\n\nWatches allow users to get information at a glance, such as seeing\nprogress towards health and fitness goals, and to act quickly, like responding\nto an instant message. Focus on use cases like these when designing apps for\nsmartwatches.\n\nThe watch interface presents unique opportunities that are not available\non mobile devices, including:\n\n- Input enabled by a physical body connection (through sensors and motion detection).\n- Quick access to glanceable information and actions, such as complications, notifications, and Tiles.\n\nThe watch also comes with limitations:\n\n- Smaller screen space\n- Lower information density\n- Limited battery life\n\nConsider both the capabilities and limitations of the platform when designing\napps for watches. \ncheck_circle\n\n### Do\n\nDesign experiences where tasks can be accomplished easily using the watch interface. \ncancel\n\n### Don't\n\nDon't create complex, detailed apps that include items like spreadsheets, as this is difficult to edit and view on a watch.\n\nTest designs\n------------\n\nThe majority of Wear OS devices have round screens, which have 22% less UI\nspace than square displays. Round screens also need larger margins for text to\nbe more readable.\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide. \ncheck_circle\n\n### Do\n\nDesign for round devices first to make sure your layout works within the smaller size constraints. \ncancel\n\n### Don't\n\nPeople wearing watches are regularly in motion, whether they are standing, gesturing, or running to catch a bus. Test your designs in situations that involve user movement to make sure the design is usable at a glance.\n\nApp examples\n------------\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide.\n\n\n**Figure 1.** An example of a media app.\n\n**Figure 2.** An example of a task management app.\n\n\u003cbr /\u003e\n\n\n**Figure 3.** An example of an instant messaging app.\n\n**Figure 4.** An example of a stopwatch app.\n\n\u003cbr /\u003e\n\n\n**Figure 5.** An example of a dialer app.\n\n**Figure 6.** An example of a calculator app.\n\n\u003cbr /\u003e"]]
