Jika Anda pernah bertanya-tanya apa aspek kerajinan desain yang paling diabaikan, tidak terlihat lagi – itu adalah antarmuka pengguna. Baik atau buruk, antarmuka pengguna ada di mana-mana: di situs web, di ponsel, perangkat televisi, jam tangan, pesawat terbang, dan mesin cuci.

Foto: zastavki

Setiap kali ada pengguna , ada antarmuka pengguna . Demikian juga, setiap kali ada pengguna yang frustrasi, biasanya ada kasus antarmuka pengguna yang buruk.

Sebagai desainer grafis dan web, pekerjaan kami tidak hanya menciptakan hal-hal yang terlihat bagus – itu juga untuk menciptakan hal-hal yang sebenarnya mudah digunakan dan menciptakan gesekan antarmuka pengguna minimum. Dengan kata lain, kita perlu memikirkan bagaimana orang benar-benar akan menggunakan situs web atau aplikasi kita dan melakukan yang terbaik untuk membuat hidup mereka lebih mudah.

Jika Anda pikir itu masih melibatkan beberapa tombol dan tautan yang ditempatkan dengan benar, pikirkan lagi – beberapa proyek dengan bayaran tertinggi pada desain hanya memerlukan desain antarmuka pengguna, untuk aplikasi web atau seluler. Ini adalah seni dan sains, dengan sangat sedikit bintang di arena (Apple menjadi salah satu dari mereka).

Untuk memulai, mari kita lihat tren saat ini dalam desain antarmuka pengguna.

1. Minimalisme

Setelah bertahun-tahun lonceng dan peluit, desain antarmuka pengguna akan kembali ke dasar – setidaknya menurut beberapa perusahaan besar, termasuk Google dan Microsoft. Ikon glossy digantikan oleh versi satu warna yang lebih sederhana atau tombol berbasis teks, gradien kaya dengan kombinasi warna solid sederhana.

Situs web: Windows 8 (atas), Pinterest (bawah)

Bagi sebagian besar pengguna, ketiadaan detail visual ini bekerja dengan sangat baik – antarmuka mudah dicerna dan elemen-elemennya tidak menghalangi tugas yang mereka coba selesaikan.

Kapan harus menggunakannya: minimalisme adalah cara yang bagus untuk merancang aplikasi web yang berfokus pada konten yang dibuat pengguna – jika dilakukan dengan benar, pengguna jarang akan mengeluh tentang hal itu. Namun, perlu diingat bahwa banyak klien akan menganggap pendekatan ini terlalu sederhana untuk selera mereka, jadi Anda mungkin ingin memeriksa preferensi mereka sebelum memulai proyek Anda.

2. Skeuomorfisme

Desain antarmuka pengguna skeuomorfik pertama kali dipopulerkan oleh Apple, dan kemudian diadopsi oleh banyak perusahaan lain. Pada dasarnya, pendekatan desain ini bergantung pada meniru tampilan dan fungsionalitas benda-benda tradisional dan akrab untuk membuat antarmuka lebih intuitif. Misalnya, menggunakan rak buku kayu dengan sampul buku untuk mewakili konten digital adalah contoh utama skeuomorfisme di tempat kerja.

Situs web: iBooks

Ada pertempuran yang terjadi di komunitas desain antarmuka pengguna apakah desain yang sangat skeuomorphic itu dibenarkan atau tidak. Beberapa mengatakan itu benar-benar buruk untuk pengalaman pengguna karena meniru objek dunia nyata selalu berarti meniru keterbatasan yang menyertainya, sementara yang lain mengatakan ini adalah pertukaran yang baik untuk keramahan dan keakraban yang datang dengan desain skuomorfik.

Kapan menggunakannya: ketika merancang aplikasi seluler, desain skeuomorfik sangat populer dan diterima dengan baik di kalangan masyarakat. Sebagian, karena sifat layar sentuh dari perangkat ini yang memberi kesan menyentuh objek dunia nyata. Untuk aplikasi dan proyek web, desain skeuomorfik biasanya bukan jalan terbaik untuk diambil, meskipun beberapa elemen dapat digunakan untuk meningkatkan bagian antarmuka.

3. Fokus laser

Antarmuka pengguna yang berfokus pada laser menempatkan fokus visual pada satu tugas yang jelas untuk dilakukan setelah pengguna membuka aplikasi web, alih-alih memberikan beberapa opsi yang sama pentingnya. Manfaat utama dari pendekatan ini adalah kesederhanaan – pengguna langsung tahu apa aplikasi itu dan apa tindakan yang disarankan.

Situs web: Beranda Google (atas), Air B’n’B (bawah)

Kapan harus menggunakannya: Pemfokusan laser adalah pendekatan hebat untuk aplikasi web dan proyek yang memiliki fungsi tunggal yang paling penting untuk dipromosikan. Dalam kebanyakan kasus, ini akan menjadi semacam fungsi pencarian atau jelajah tetapi pastikan untuk mendiskusikan hal ini dengan klien.

4. Navigasi sensitif konteks

Navigasi sensitif konteks hadir dengan munculnya antarmuka pengguna yang dinamis dan merupakan cara yang bagus untuk menyatakan desain Anda berantakan. Pada dasarnya, Anda perlu bertanya pada diri sendiri pertanyaan sederhana: elemen navigasi mana yang harus ada di layar setiap saat dan apa yang dapat ditampilkan hanya dalam situasi tertentu (tindakan)?

Situs web: Pinterest

Misalnya, Pinterest hanya menampilkan tombol tindakan ketika Anda mengarahkan pin, seperti yang ditunjukkan pada gambar di atas. Gmail menunjukkan tombol tindakan pesan hanya ketika Anda memilih pesan. Dengan cara ini, aplikasi ini secara visual tampak jauh lebih sederhana daripada yang sebenarnya.

Kapan menggunakannya: navigasi sensitif konteks dapat digunakan di hampir semua proyek. Hati-hati menargetkan tombol dan gadget yang dapat disembunyikan hingga pengguna melakukan tindakan tertentu, seperti mengarahkan tautan, memilih entri, dan sebagainya.

5. Konten yang diciutkan

Cara hebat lain untuk menyatakan desain antarmuka pengguna Anda adalah menyembunyikan opsi dan widget yang tidak penting di bawah satu tautan yang akan meluas dan runtuh berdasarkan permintaan pengguna.

Situs web: Google plus (atas), 99designs (bawah)

Anda dapat melakukannya bahkan di situs web sederhana – alih-alih menunjukkan sejumlah besar tautan di tajuk, pertimbangkan untuk memperkenalkan tombol “Lainnya” yang akan menampilkan menu tarik-turun dengan tautan ke halaman yang tidak penting bagi pengguna.

Kapan menggunakannya: seperti halnya dengan navigasi peka konteks, Anda dapat menggunakan teknik ini di hampir semua proyek. Ini sangat membantu dengan halaman yang mengandung banyak elemen antarmuka untuk pengaturan dan opsi – ini terlihat paling menakutkan bagi pengguna akhir, jadi menyembunyikan komponen yang tidak perlu membuat segalanya terlihat lebih sederhana.

6. Konten terpotong

Pemotongan konten adalah teknik penyajian sejumlah besar konten dalam potongan visual yang lebih kecil, sehingga lebih mudah bagi orang untuk membaca dan mencerna mental. Misalnya, memisahkan artikel ini menjadi beberapa bagian dengan judul dan gambar yang menyertainya membuatnya jauh lebih mudah dibaca dibandingkan dengan aliran teks yang panjang dan monoton.

Situs web: Apple

Penting untuk dicatat bahwa chunking konten tidak selalu ada. Itu muncul selama era internet, ketika orang-orang mulai mengkonsumsi sejumlah besar informasi dan membutuhkan cara untuk mencernanya dengan lebih mudah. Di satu sisi, itu adalah fenomena yang berkembang secara spontan.

Kapan menggunakannya: pada akhirnya, penggunaan teknik ini adalah sesuatu yang pada akhirnya tergantung pada klien. Namun, Anda dapat menggunakannya dalam proposal desain Anda untuk menyarankan bagaimana konten harus terlihat di situs web, menjelaskan mengapa bermanfaat untuk menyajikannya dengan cara tertentu.

7. Halaman panjang

Setelah disukai oleh klien dan desainer, halaman panjang yang membutuhkan banyak pengguliran sekarang ada di seluruh web. Salah satu penjelasannya adalah bahwa pengguna sudah terbiasa dengan pengguliran vertikal (dibantu oleh roda mouse) sehingga sebenarnya lebih buruk untuk membagi konten pada halaman yang terpisah – itu membutuhkan lebih banyak upaya dari pengguna untuk menemukannya dan meraihnya.

Situs web: Crazy Egg

Ini secara mengejutkan bekerja dengan baik ketika dikombinasikan dengan teknik chunking konten sebelumnya – pengguna dapat dengan cepat menelusuri konten dan menemukan bidang yang diminati. Beberapa perusahaan yang cukup sukses dan terkenal – termasuk Apple – menggunakan halaman yang sangat panjang untuk mempresentasikan produk mereka, dengan tingkat keberhasilan yang tinggi.

Kapan menggunakannya: Halaman panjang berfungsi dengan sangat baik ketika Anda menghadirkan fitur dan manfaat produk atau konten serupa lainnya. Jika konten tidak terkait langsung (yaitu daftar resep), Anda harus membaginya pada halaman terpisah.

Kesimpulan

Saat mendesain halaman dan aplikasi web atau mobile, desain antarmuka pengguna yang baik adalah sangat penting – kadang-kadang, itulah inti dari proyek ini.

7 tren yang dijelaskan di atas akan membantu Anda memulai, tetapi Anda juga harus menginvestasikan waktu dan membaca blog antarmuka pengguna yang sangat baik seperti Gerakan UX dan Majalah UX . Dengan menjadi perancang antarmuka pengguna yang hebat, Anda menempatkan diri di perusahaan desain yang agak elit – tidak ada banyak perancang antarmuka pengguna berbakat di luar sana.

sumber:99designs.com