Mulai mendesain untuk Wear OS
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Desain material untuk Wear OS membantu Anda mendesain pengalaman aplikasi yang menarik.
Memahami kasus penggunaan
Dengan smartwatch, pengguna bisa mendapatkan informasi secara sekilas, seperti melihat
progres menuju target kesehatan dan kebugaran, serta bertindak dengan cepat, seperti
merespons pesan instan. Fokus pada kasus penggunaan seperti ini saat mendesain aplikasi untuk
smartwatch.
Berbeda dengan perangkat seluler, antarmuka smartwatch memberikan
peluang yang unik seperti:
- Input yang diaktifkan oleh kontak tubuh (melalui sensor dan deteksi
gerakan).
- Akses cepat ke informasi dan tindakan yang dapat dilihat secara sekilas, seperti detail,
notifikasi, dan Kartu.
Smartwatch juga memiliki batasan:
- Ruang layar yang lebih kecil
- Kepadatan informasi yang lebih rendah
- Masa pakai baterai terbatas
Pertimbangkan kemampuan dan batasan platform saat mendesain
aplikasi untuk smartwatch.
check_circle
Anjuran
Desain pengalaman dengan tugas yang dapat diselesaikan dengan mudah
menggunakan antarmuka smartwatch.
cancel
Larangan
Jangan membuat aplikasi rumit dan terperinci yang menyertakan item seperti
spreadsheet karena akan sulit diedit dan dilihat di smartwatch.
Menguji desain
Sebagian besar perangkat Wear OS memiliki layar bulat yang memiliki ruang UI 22% lebih sedikit
daripada layar persegi. Layar bulat juga membutuhkan margin yang lebih besar agar
teks lebih mudah dibaca.
Desain material untuk Wear OS membantu Anda mendesain pengalaman aplikasi yang menarik. Screenshot
berikut menunjukkan beberapa contoh ilustrasi aplikasi Wear OS yang
mengikuti prinsip-prinsip yang dijelaskan dalam panduan ini.
check_circle
Anjuran
Buat desain untuk perangkat bulat terlebih dahulu guna memastikan tata letak berfungsi
dalam batasan ukuran yang lebih kecil.
cancel
Larangan
Orang yang memakai smartwatch biasanya selalu aktif bergerak, entah itu
berdiri, memberi isyarat, atau mengejar bus. Uji desain Anda dalam situasi yang melibatkan pergerakan pengguna untuk memastikan desain dapat digunakan secara sekilas.
Contoh aplikasi
Desain material untuk Wear OS membantu Anda mendesain pengalaman aplikasi yang menarik. Screenshot
berikut menunjukkan beberapa contoh ilustrasi aplikasi Wear OS yang
mengikuti prinsip-prinsip yang dijelaskan dalam panduan ini.
Gambar 1. Contoh aplikasi media.
Gambar 2. Contoh aplikasi pengelolaan tugas.
Gambar 3. Contoh aplikasi pesan instan.
Gambar 4. Contoh aplikasi stopwatch.
Gambar 5. Contoh aplikasi telepon.
Gambar 6. Contoh aplikasi kalkulator.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 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"]]
