Prinsip-prinsip desain
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Desain pengalaman media di Wear OS dengan menerapkan prinsip inti yang memprioritaskan kontrol dan efisiensi pengguna.
Konsisten dan dapat diprediksi
Pastikan pengguna tidak perlu mempelajari ulang dasar-dasar interaksi dari satu UI media ke UI media lainnya sehingga pengguna dapat mengontrol media di berbagai konteks.
Sejajarkan pola UI dan hindari pembuatan UI baru untuk interaksi umum.
Dapat dilihat sekilas dan penting
Membantu pengguna menyelesaikan tugas dengan cepat dengan menaikkan kontrol penting dan menampilkan status yang benar.
Tampilkan kontrol dan konten penting dalam hierarki informasi yang jelas sehingga pengguna dapat mengontrol penjelajahan dan pemutaran media di smartwatch mereka.
Mencerminkan status dinamis, seperti volume perangkat saat ini atau perangkat output yang terhubung.
Cepat dan konsisten
Memastikan pengguna dapat mengontrol media dengan cepat di pergelangan tangan.
Hindari gestur tersembunyi atau pola interaksi yang memerlukan pengenalan dan
kapasitas memori spasial. Berikan afordans visual sebaris yang memandu pengguna dengan jelas ke fungsi tambahan.
Verifikasi perjalanan pengguna yang melibatkan integrasi UI sistem dan aplikasi dengan lancar untuk
menghindari layar duplikat yang harus dijelajahi pengguna di berbagai platform dalam
konteks yang berbeda.
Pola desain umum
Bagian berikut menjelaskan pola desain umum untuk pengalaman media di Wear OS.
Gunakan tombol menu tambahan untuk menyediakan navigasi yang konsisten dan lebih banyak fungsi.
Jangan
Mengandalkan gestur tersembunyi yang mengharuskan pengguna menghafal navigasi.
Lakukan
Menyediakan tombol overflow yang terlihat untuk memandu pengguna mengakses fungsi tambahan.
Akses yang konsisten ke opsi media
Memberikan akses yang konsisten ke fungsi di seluruh platform dan konteks media.
Jangan
Pola kontrol media yang tidak konsisten di seluruh platform dan konteks media menyebabkan kebingungan dan beban kognitif bagi pengguna.
Lakukan
Menyediakan pola yang konsisten di seluruh platform dan konteks media.
Kontrol volume
Gunakan interaksi kontrol volume utama seperti afordans ketuk, kolom volume, dan kontrol hardware untuk memastikan tugas volume penting dapat dilakukan.
Jangan
Pengguna akan bingung jika tidak dapat mengontrol volume dengan hardware.
Lakukan
Mengizinkan pengguna mengontrol volume dengan kenop hardware.
Perangkat output
Gunakan ikon yang dengan jelas menunjukkan kepada pengguna perangkat yang mereka gunakan untuk mendengarkan pemutaran media.
Jangan
Ikon tidak mencerminkan dari mana suara akan berasal dan tempat untuk mengontrol volume
Lakukan
Mencerminkan status perangkat output dengan indikasi kontrol volume
Memperluas di seluruh perangkat
Pertimbangkan konsistensi lintas perangkat dan gunakan pola yang ada untuk pengalaman pengguna yang lebih dapat diprediksi dan konsisten.
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,["# 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."]]
