Flat 2.0 & Bagaimana Ia Menyelesaikan Masalah Penggunaan Reka Bentuk Flat

Reka bentuk rata telah wujud semenjak tahun 1950-an ketika Style Typographic Antarabangsa dibangunkan. Pada kebelakangan ini ia telah mendapat populariti yang luas sejak pelancaran baru Microsoft reka bentuk Metro yang geometri dan tipografi bahasa, pada mulanya di Windows Phone baru pada tahun 2010, kemudian pada Windows 8 pada tahun 2012.

Reka bentuk rata dicirikan oleh kekurangan kesan tiga dimensi dan elemen visual berkilat untuk mencapai kebersihan, minimalism, dan kejelasan. Ia bertentangan dengan gaya reka bentuk terdahulu yang terdahulu, skeuomorphism yang menggunakan butang berkilat dan ilustrasi meniru objek 3D kehidupan sebenar.

Reka bentuk rata pada dasarnya bertujuan untuk menyelaraskan laman web, meningkatkan fokus pada kandungan, menawarkan interaksi yang lebih intuitif, dan memberikan pengalaman pengguna yang lebih cepat dan lebih berfungsi. Ia juga mudah untuk menggunakan unsur-unsur seperti kotak yang mudah, dan susun atur grid untuk reka bentuk responsif.

Masalah Kebolehgunaan Reka Bentuk Rata

Walaupun reka bentuk rata memberi kami bantuan yang luar biasa dan toolkit yang hebat untuk menyediakan pengguna kami dengan laman web yang tidak pantas dan bebas, ia boleh menyebabkan masalah kegunaan tertentu, terutamanya apabila ia terlalu digunakan.

Tiada penanda visual yang boleh dikesan

Sekiranya kita menggunakan kesan tiga dimensi, secara semulajadi ia memberikan ilusi yang mendalam kepada reka bentuk kita. Ini membantu pengguna dengan cepat mencari elemen interaktif, yang sama ada boleh diklik (seperti butang dan ikon), atau diisi (seperti medan borang). Salah satu kebimbangan utama mengenai reka bentuk rata ialah menjadikannya sukar bagi pengguna mengiktiraf elemen yang boleh diklik.

Sebelum era yang rata, pereka web biasanya menunjukkan keboleh klik dengan menggunakan penyelesaian visual seperti gradien, tekstur, tepi yang dibangkitkan, atau bayang-bayang drop untuk membuat butang dan objek diklik yang lain kelihatan seperti mereka boleh ditekan.

Reka bentuk rata tidak mempunyai penanda visual, dan harus menyelesaikan tugas yang sama dengan toolset yang jauh lebih kecil: warna, bentuk, kedekatan, dan elemen kontekstual.

Kenapa masalah ini? Mari cuba percubaan.

Lihat skrin ini di bawah. Cuba untuk meneka elemen yang boleh diklik berdasarkan screenshot ini. Bukan orang yang anda fikirkan dahulu. Kita boleh mencari banyak masalah kegunaan serupa yang lain di seluruh web.

Kesan Kurang Alih Kerana Kerana Tiada Z-Paksi

Orang dalam kehidupan sebenar mencari objek dan bergerak bersama dalam tiga dimensi: x-, y-, dan paksi-z. Apabila mereka melangkah ke laman web yang rata-rata yang direka secara minimalis tanpa kesan 3D, mereka mendapat pengalaman yang berbeza daripada apa yang mereka gunakan, apa yang mereka paling umum.

Ini bermakna mereka perlu gunakan lebih banyak usaha untuk menemui hubungan antara objek, dan memahami hierarki visual dari laman web ini. Contohnya, kita perlu meluangkan lebih banyak masa di laman utama Rangkaian Pembangun Microsoft untuk mendekodkan maklumat secara visual, dan tujuan unsur-unsur berbeza di laman web ini.

Peraturan praktikal dalam reka bentuk UX adalah untuk sentiasa cuba meminimumkan beban kognitif pada pengguna untuk memaksimalkan kebolehgunaan. Seperti yang dapat kita lihat dalam banyak kes, ini tidak selalu berlaku dengan reka bentuk rata.

Ketumpatan Maklumat Rendah

Reka bentuk rata juga telah dikritik kerana mempertingkat ketumpatan maklumat yang rendah oleh pakar UX, Nielsen-Norman Group.

Dalam kritikan mereka terhadap kegunaan Windows 8, mereka menggunakan contoh aplikasi Windows Store, dan laman web Los Angeles Times untuk menunjukkan isu-isu yang ketumpatan maklumat yang rendah (mempunyai beberapa cerita di skrin awal, tajuk utama tanpa ringkasan, pengelompokan yang tidak dapat dikenali, dan sebagainya) boleh menyebabkan dari sudut pandangan kebolehgunaan.

Dari aspek lain, kurang maklumat juga dapat dilihat sebagai menghilangkan gangguan, membolehkan pengguna memfokuskan hanya pada perkara-perkara penting, tetapi jika minimalism berlebihan, ia dapat dengan mudah mengorbankan tujuan utama tapak, yaitu mengubah maklumat kepada penonton.

The Rise of Flat 2.0

Oleh kerana lebih banyak pereka mengiktiraf kecacatan kegunaan reka bentuk rata, versi baru yang lebih matang telah muncul, yang dipanggil “Flat 2.0” atau “Hampir rata” reka bentuk. Walaupun perubahan dari skeuomorfisme menjadi rata adalah radikal, evolusi reka bentuk rata adalah lebih sukar difahami.

Gaya baru masih rata, tetapi ia menambah tiga dimensi semula kepada reka bentuk dalam bentuk bayang-bayang yang halus, sorotan, dan lapisan. Flat 2.0 - jika digunakan dengan baik - boleh menyelesaikan masalah kebolehgunaan yang dinyatakan di atas dengan membawa kembali realisme sedikit (skeuomorphism), dan menambah beberapa kedalaman dan butiran, sambil mengekalkan kelebihan minimalism seperti laman web yang diselaraskan, kejelasan, dan masa memuat halaman yang lebih cepat.

Reka Bentuk Bahan

Bahasa reka bentuk Google yang baru, yang dikenali sebagai Reka Bentuk Bahan mungkin merupakan contoh paling menarik dari gaya Flat 2.0. Google mengeluarkan Reka Bentuk Bahan dengan Android L pada tahun 2014. Walaupun Reka Bentuk Bahan mengekalkan ciri-ciri utama reka bentuk rata, ia menggunakan metafora tertentu dari fizik untuk membantu pengguna dengan cepat mencari analogi antara dunia sebenar dan dunia digital.

Reka bentuk Bahan menggunakan paksi z, memberikan kedalaman halus untuk reka bentuk, dan dengan bijak menggunakan lapisan oleh memisahkan mereka dengan bayang-bayang drop dan animasi. Google mempunyai penerangan super mengenai cara ia berfungsi, dan ia benar-benar bernilai membacanya untuk memahami prinsip dan peraturan utamanya.

Kesimpulannya

Sebagai pereka yang baik sentiasa berusaha untuk meningkatkan pengalaman pengguna mereka, industri reka bentuk web sentiasa berubah. Reka bentuk rata telah menggantikan skeuomorphisme dengan cepat, mengakibatkan grid berasaskan grid, susun atur minimalis dan elemen mudah yang baru-baru ini telah mengatasi web (ini telah menghasilkan beberapa perbualan tentang reka bentuk web yang menjadi membosankan atau bahkan mati, tetapi ia tidak dapat lebih jauh dari kebenaran).

Flat 2.0 memberikan jawapan kepada masalah yang dirasakan oleh reka bentuk rata. Ia adalah kompromi pintar antara fungsi, estetika, dan kebolehgunaan. Sudah tentu, kita tidak perlu menggunakan kit Bahan UI dimana - mana, tetapi memahami falsafah di sebalik ia boleh memberi kita latar belakang yang kukuh bagaimana untuk membangunkan gaya kita sendiri selaras dengan penemuan terkini dalam reka bentuk pengalaman pengguna.