Menyeimbangkan gaya dan konsistensi

Catatan: Artikel ini adalah draf awal untuk Windows 10 RS2. Nama fitur, terminologi, dan fungsionalitas belum final.

Ketika Anda merancang produk, Anda adalah advokat untuk pelanggan. Kita semua berusaha untuk menciptakan desain terbaik yang sesuai dan sesuai dengan niat kita. Artikel ini mengeksplorasi keseimbangan antara konvensi berikut untuk menciptakan pengalaman pengguna yang konsisten versus membuat fitur dan pengalaman unik yang membedakan aplikasi Anda.

Pentingnya konsistensi

Mengapa konsistensi penting? Konsistensi dapat membuat aplikasi lebih mudah digunakan. Bagian utama dari desain yang baik adalah kemampuan belajar; memiliki desain yang konsisten di seluruh aplikasi mengurangi berapa kali pengguna akhir harus "mempelajari kembali" cara menggunakannya. Lihat contoh dunia nyata: pedal gas selalu di sebelah kanan, kenop pintu selalu berputar berlawanan arah jarum jam untuk membuka, rambu berhenti selalu merah.

Membuat aplikasi konsisten tidak berarti membuat semua aplikasi terlihat dan bertingkah identik satu sama lain. Kembali ke contoh dunia nyata, ada sejumlah desain kursi yang hampir tak terbatas, namun sangat sedikit dari mereka yang membutuhkan belajar kembali cara duduk. Itu karena elemen penting --permukaan duduk--cukup konsisten bagi pengguna untuk memahaminya.

Salah satu tantangan dalam membuat desain aplikasi yang baik adalah memahami di mana penting untuk konsisten, dan di mana penting untuk menjadi unik.

Spektrum konsistensi

Sangat membantu untuk menganggap konsistensi sebagai spektrum dengan dua ujung yang berlawanan:

Elemen pengalaman yang familier meliputi:

• Paradigma UI yang ditetapkan (perilaku pada klik mouse, menekan dan menahan elemen, ikon yang terlihat mirip)
• Elemen merek yang ingin Anda terapkan di seluruh produk (tipografi, warna)

Pembeda meliputi:

• Elemen yang membentuk "jiwa" unik dari produk
• Elemen yang membantu Anda menyesuaikan pengalaman dengan faktor bentuk yang diinginkan

Mari kita buat model desain dengan mengambil spektrum ini dan menerapkannya ke elemen utama aplikasi.

Dalam model ini, lapisan dasar memberikan fondasi konsistensi yang dicoba dan diuji sementara lapisan atas berfokus pada fleksibilitas dan kustomisasi.

1. Dasar-dasar aplikasi membentuk lapisan pertama model kami: kisi tata letak, palet warna, konvensi tipografi, dan gaya ikon. Fitur dasar-dasar ini harus diterapkan secara konsisten.

2. Untuk lapisan kedua, UWP menyediakan serangkaian kontrol umum inti yang menyeimbangkan efisiensi dengan fleksibilitas. Kami juga telah membuat panduan untuk membantu membangun suara dan nada yang konsisten, menggunakan kata-kata yang sama untuk menggambarkan dan memandu orang melalui pengalaman aplikasi. Kami membuat serangkaian pola yang dapat digunakan aplikasi untuk desainnya, untuk memastikan desain kami dapat menskalakan di berbagai perangkat ukuran dan input.

3. Lapisan tiga adalah tempat Anda menyesuaikan navigasi ke perangkat dan konteks yang berbeda. Misalnya, cara Anda menavigasi dengan sentuhan pada ponsel kemungkinan akan berbeda dari pada monitor 32" dengan keyboard dan mouse atau hololen dengan gerakan dan 100 titik sentuhan pada permukaan 84".

4. Lapisan empat adalah tempat Anda menentukan kepribadian merek Anda. Elemen desain tanda tangan apa yang memperkuat merek Anda dan membedakannya dari persaingan? Ini juga tempat Anda menyesuaikan aplikasi untuk pengguna akhir yang berbeda. Apakah aplikasi Anda untuk gamer, untuk pekerja informasi, atau siswa atau pendidik K-12. Apa kebutuhan unik untuk pelanggan yang berbeda ini dan dapatkah kita membuat desain bekerja lebih baik untuk mereka? Jangan hanya membuatnya sama, terus lihat menciptakan nilai lebih untuk pelanggan Anda yang berbeda.

Prinsip desain

Untuk menggunakan model ini secara efektif, kita memerlukan serangkaian prinsip desain yang membantu kita melakukan tradeoff yang tepat. Berikut adalah prinsip konsistensi desain kerja kami:

Jika terlihat sama, buatlah berfungsi sama

• Ketika pengguna melihat kotak teks, atau kontrol hamburger, mereka kemungkinan besar akan mengharapkan bahwa itu akan bertingkah sama pada perangkat yang berbeda. Jika Anda memiliki alasan yang baik untuk menyimpang dari perilaku yang mapan, tetapkan harapan pengguna dengan membuatnya tampak berbeda juga.

Jika elemen terlihat sangat mirip dengan elemen atau konvensi yang ada, pertimbangkan untuk membuatnya sama

• Anda memerlukan ikon "dokumen baru". Mengapa merancang yang baru yang hanya sedikit berbeda, ketika Anda dapat menggunakan yang sudah dikenali oleh pengguna.

Kemudahan penggunaan lebih penting daripada konsistensi

• Lebih baik digunakan daripada konsisten. Dalam beberapa kasus, Anda mungkin perlu mengembangkan kontrol atau perilaku baru untuk membantu kegunaan. Menggunakan telepon dengan satu tangan memiliki tantangan unik. Bekerja dengan layar 80" juga demikian. Desain yang baik membuat pengguna merasa ahli.

Keterlibatan penting

• Jangan membuatnya membosankan. Jika semuanya datar dan berwarna sama serta berbentuk kotak, apakah pelanggan kami ingin mengambil dan menggunakannya? Buat kelegaan. Perkenalkan elemen baru yang mengejutkan tanpa melanggar kemampuan belajar.

Perilaku berkembang

• Ini adalah yang sulit: saat industri berkembang konvensi baru didirikan. Ada kemungkinan bahwa perilaku saat ini akan memudar, dan perilaku konsisten kita banyak yang perlu mengadopsi standar baru. Lihat gerakan mencubit dan memperbesar Dulu merupakan kebiasaan umum untuk memperbesar/memperkecil dengan UI +/-, namun di UI modern diharapkan menggunakan gerakan mencubit untuk memperbesar dan memperkecil. Lihatlah paradigma pengalaman baru, dan berevolusi.