Beranda » UI / UX » Flat 2.0 & Bagaimana Mengatasi Masalah Kegunaan Desain Flat

    Flat 2.0 & Bagaimana Mengatasi Masalah Kegunaan Desain Flat

    Desain datar telah ada sejak awal 1950-an ketika Gaya Tipografi Internasional dikembangkan. Dalam beberapa kali ini telah memperoleh popularitas yang luas sejak peluncuran baru Microsoft desain Metro yang berfokus pada geometri dan tipografi bahasa, pada awalnya di Windows Phone baru pada 2010, kemudian pada Windows 8 pada 2012.

    Desain datar ditandai dengan kurangnya efek tiga dimensi dan elemen visual yang mengkilap untuk mencapai kebersihan, minimalis, dan kejelasan. Ini bertentangan dengan gaya desain yang sebelumnya dominan, skeuomorphism yang memanfaatkan tombol mengkilap dan ilustrasi yang meniru objek 3D kehidupan nyata.

    Desain flat pada dasarnya bertujuan untuk merampingkan situs web, meningkatkan fokus pada konten, menawarkan interaksi yang lebih intuitif, dan memberikan pengalaman pengguna yang lebih cepat dan lebih fungsional. Ini juga mudah untuk menggunakan elemen sederhana seperti kotak, dan tata letak berbasis grid untuk desain responsif.

    Masalah Kegunaan Desain Flat

    Sementara desain datar memberi kami bantuan luar biasa dan toolkit yang hebat untuk menyediakan kepada pengguna kami situs web yang cepat dan bebas dari kekacauan, ini dapat menyebabkan masalah kegunaan tertentu, terutama ketika digunakan secara berlebihan..

    Tidak Ada Signifiers Visual dari Clickability

    Jika kita menggunakan efek tiga dimensi, itu secara alami memberi ilusi kedalaman pada desain kita. Ini membantu pengguna dengan cepat temukan elemen interaktif, yang bisa diklik (seperti tombol dan ikon), atau diisi (seperti bidang formulir). Salah satu masalah utama tentang desain datar adalah bahwa hal itu menyulitkan pengguna kenali elemen yang dapat diklik.

    Sebelum era datar, desainer web biasanya menunjukkan clickability dengan menggunakan solusi visual seperti gradien, tekstur, tepi terangkat, atau jatuhkan bayangan untuk membuat tombol dan objek yang dapat diklik lainnya terlihat seperti mereka dapat ditekan.

    Desain datar tidak memiliki penanda visual ini, dan harus menyelesaikan tugas yang sama dengan perangkat yang jauh lebih kecil: warna, bentuk, kedekatan, dan elemen kontekstual.

    Mengapa ini menjadi masalah? Mari kita coba eksperimen.

    Lihat screenshot ini di bawah ini. Coba tebak elemen mana yang dapat diklik berdasarkan tangkapan layar ini. Bukan yang pertama kali Anda pikirkan. Kami dapat menemukan banyak masalah kegunaan serupa lainnya di seluruh web.

    Mengurangi Kemampuan Menemukan Karena Tidak Ada Z-Axis

    Orang-orang dalam kehidupan nyata menemukan objek dan bergerak dalam tiga dimensi: sumbu x, y, dan z. Ketika mereka menemukan situs web datar yang dirancang secara minimalis tanpa efek 3D, mereka mendapatkan pengalaman yang berbeda dari apa yang biasa mereka lakukan, apa yang mereka kenal secara umum..

    Ini berarti mereka perlu melakukannya gunakan lebih banyak upaya untuk menemukan hubungan antar objek, dan memahami hierarki visual dari situs. Sebagai contoh, kita perlu menghabiskan lebih banyak waktu di halaman beranda Jaringan Pengembang Microsoft untuk memecahkan kode informasi secara visual, dan tujuan berbagai elemen di situs.

    Aturan praktis dalam desain UX adalah untuk selalu berusaha meminimalkan beban kognitif pada pengguna untuk memaksimalkan kegunaan. Seperti yang dapat kita lihat dalam banyak kasus, ini tidak selalu terjadi dengan desain datar.

    Kepadatan Informasi Rendah

    Desain datar juga telah dikritik karena mempertaruhkan kepadatan informasi yang rendah oleh pakar UX Nielsen-Norman Group.

    Dalam kritik mereka terhadap kegunaan Windows 8, mereka menggunakan contoh aplikasi Windows Store, dan situs web Los Angeles Times untuk menunjukkan masalah yang kepadatan informasi yang rendah (memiliki beberapa cerita di layar awal, tajuk utama tanpa ringkasan, pengelompokan yang sulit dikenali, dll.) dapat menyebabkan dari sudut pandang kegunaan.

    Dari aspek lain, lebih sedikit informasi juga dapat dilihat sebagai menghilangkan gangguan, memungkinkan pengguna untuk fokus hanya pada hal-hal penting, tetapi jika minimalisme berlebihan dapat dengan mudah mengorbankan tujuan utama sebuah situs, yaitu mengubah informasi menjadi pemirsa..

    The Rise of Flat 2.0

    Karena semakin banyak desainer mengenali kelemahan kegunaan dari desain datar, versi baru yang lebih matang bermunculan, yang disebut “Flat 2.0” atau “Hampir Flat” Desain. Sementara perubahan dari skeuomorphism ke flat adalah radikal, evolusi desain flat jauh lebih sulit dipahami.

    Gaya baru masih datar, tetapi itu menambahkan sedikit tiga dimensi kembali ke desain dalam bentuk bayangan halus, highlight, dan lapisan. Flat 2.0 - jika digunakan dengan baik - dapat memperbaiki masalah kegunaan yang disebutkan di atas dengan membawa kembali sedikit realisme (skeuomorphism), dan menambahkan beberapa kedalaman dan detail, sambil menjaga keunggulan minimalis seperti situs web yang disederhanakan, kejelasan, dan waktu pemuatan halaman yang lebih cepat.

    IMAGE: Gentlemen necis

    Desain Bahan

    Bahasa desain baru Google, yang disebut Material Design mungkin adalah contoh paling terkenal dari gaya Flat 2.0. Google merilis Material Design dengan Android L pada 2014. Sementara Material Design mempertahankan karakteristik utama desain datar, ia menggunakan metafora tertentu dari fisika untuk membantu pengguna dengan cepat menemukan analogi antara dunia nyata dan dunia digital..

    Desain Material menggunakan sumbu z, memberi kedalaman halus untuk desain, dan dengan cerdas memanfaatkan lapisan oleh memisahkan mereka dengan drop shadow dan animasi. Google memiliki deskripsi supercool tentang cara kerjanya, dan sangat layak untuk membacanya untuk memahami prinsip dan aturan utamanya.

    Kesimpulan

    Sebagai desainer yang baik selalu bertujuan untuk meningkatkan pengalaman penggunanya, industri desain web terus berubah. Desain datar telah menggantikan skuomorfisme dengan cepat, menghasilkan berbasis grid, tata letak minimalis dan elemen sederhana yang akhir-akhir ini telah menyerbu web (ini telah membuat pembicaraan tentang desain web menjadi membosankan atau bahkan sekarat, tetapi itu tidak bisa lebih jauh dari kebenaran).

    Flat 2.0 memberikan jawaban untuk masalah yang dirasakan dari desain datar. Ini kompromi cerdas antara fungsionalitas, estetika, dan kegunaan. Tentu saja, kita tidak perlu menggunakan kit Material UI dimana mana, tetapi memahami filosofi di baliknya dapat memberi kita latar belakang yang kuat bagaimana mengembangkan gaya kita sendiri sesuai dengan temuan terbaru dalam desain pengalaman pengguna.