Contoh desain UX yang bagus | Panduan UX pamungkas #16

Diterbitkan: 2022-08-12

Dari mana mendapatkan inspirasi dalam karya seorang desainer UX? Bagaimana membedakan desain UX yang baik dari yang buruk? Hari ini, kami akan menangani ini dan banyak pertanyaan lain mengenai desain UX yang baik, serta menunjukkan beberapa antarmuka yang menghadirkan level tinggi di area UX. Semoga, Anda akan menemukan inspirasi dari contoh-contoh yang kami tampilkan.

Contoh desain UX yang bagus – daftar isi:

  1. Dari mana mendapatkan inspirasi desain?
  2. Bagaimana mengenali desain UX yang bagus
  3. Contoh desain UX yang bagus – Google
  4. Contoh desain UX yang bagus – Apple
  5. Contoh desain UX yang bagus – Airbnb

Dari mana mendapatkan inspirasi desain?

Industri UX saat ini merupakan industri yang berkembang pesat dan berubah secara dinamis. Salah satu tanggung jawab desainer UX yang baik adalah mengikuti tren saat ini, mengikuti perkembangan teknologi, dan mencari inspirasi dari para pemimpin industri. Seorang desainer yang menghindari aktivitas-aktivitas ini – sama sekali tidak berkembang. Industri UX membutuhkan minat yang konstan, penyelidikan, mencari inspirasi dan metode penelitian atau desain baru, membandingkan, serta menerapkan inovasi.

Bagaimana cara mendapatkan inspirasi? Banyak orang akan merekomendasikan portal terkenal untuk desainer seperti Dribble atau Behance. Ada satu hal yang harus diperhatikan di sana. Di portal ini, Anda akan menemukan sejumlah besar studi kasus proyek dari berbagai industri, yang dibuat oleh desainer dari seluruh dunia. Anda akan melihat berbagai sudut pandang, tetapi ingat bahwa siapa pun yang membuat akun di sana, dapat memposting proyek mereka. Banyak dari mereka adalah proyek non-komersial, dibuat " untuk laci " sebagai bagian dari kursus UX atau secara mandiri oleh orang-orang yang tidak bekerja sebagai desainer UX – dan, misalnya, baru belajar.

Dalam proyek semacam itu, fokusnya sering kali pada bagian visual – UI, dan UX itu sendiri tertinggal. Ada kurangnya penelitian, kebutuhan bisnis, definisi masalah, tujuan dari keseluruhan proses, atau kebutuhan pengguna, yang membuat proyek mungkin menarik secara visual, tetapi tidak harus dipikirkan dengan baik dan didukung oleh penelitian dan data. Jadi sulit untuk membicarakan inspirasi bagus untuk seorang desainer UX di sini. Kami dapat menemukan konten yang jauh lebih berharga dalam hal studi dari agensi UX terkenal atau bahkan di situs web perusahaan yang dianggap terdepan dalam pengalaman pengguna. Kami akan melihat lebih dekat beberapa di antaranya di bawah ini.

Bagaimana mengenali desain UX yang bagus

Bagaimanapun, kekayaan Internet memungkinkan Anda untuk menarik inspirasi dari banyak sumber (termasuk Dribble atau Behance – kami tidak meniadakannya sepenuhnya). Seperti yang telah kami tulis lebih dari sekali – karakteristik dasar seorang desainer yang baik adalah kemampuan untuk melakukan penelitian dan menarik kesimpulan. Hal ini juga dapat diterjemahkan ke dalam kemampuan mencari inspirasi desain. Tetapi apa yang seharusnya ada pada proyek yang dapat diklasifikasikan sebagai baik dalam hal pengalaman pengguna?

  1. Pertama dan terpenting, itu harus mencakup studi kasus, yang akan menyajikan data dari penelitian, masalah pengguna, tujuan bisnis, dan KPI - metrik yang akan memungkinkan memeriksa apakah proyek, setelah diimplementasikan, mencapai " sukses " yang diasumsikan.
  2. Contoh : Mari kita ambil sebuah toko elektronik. Masalahnya adalah tingginya jumlah pengabaian keranjang oleh pengguna. Tujuan dari proyek ini adalah untuk mengetahui penyebab perilaku ini dan memecahkan masalah ini.

    Setelah menganalisis data dari Google Analytics dan hotjar, serta melakukan survei dengan pengguna, ternyata masalah terbesar mereka adalah kurangnya ketersediaan barang yang dipilih – yang mereka temukan hanya di keranjang belanja, ingin menyelesaikan pesanan produk. Proyek ini, tentu saja, membutuhkan analisis yang lebih luas, penelitian bersama dengan perubahan fungsionalitas antarmuka. Mudah untuk menyimpulkan bahwa di sini faktor yang mengukur keberhasilan setelah penerapan adalah penurunan jumlah pengabaian keranjang belanja dan peningkatan konversi di situs (orang yang mengunjungi situs vs. orang yang melakukan pembelian).

    Di sini, kami memiliki masalah yang jelas – baik dari perspektif bisnis dan pengguna, kami memiliki tujuan dan ukuran keberhasilan yang ditetapkan.

  3. Melakukan penelitian dengan cara yang benar saja tidak cukup, tentu saja – analisis dan hasil mereka harus diterjemahkan ke dalam desain antarmuka akhir. Oleh karena itu, selama studi kasus, kami sangat memperhatikan apakah desain memenuhi kebutuhan pengguna dan memecahkan masalah desain.
  4. Sebuah desain yang bagus dari segi UX juga tentunya akan memenuhi persyaratan yang ditetapkan oleh usability heuristics Nielsen. Kami telah menjelaskannya secara rinci di artikel terpisah. Heuristik adalah prinsip universal yang merupakan teknik dasar untuk menganalisis antarmuka untuk kegunaan. Dengan mengikuti, perancang akan sepenuhnya mengoptimalkan tampilan dan kinerja situs.

Tentu saja, melakukan penelitian yang komprehensif, serta memelihara dan mengembangkan UX ke tingkat tinggi, membutuhkan banyak uang dan waktu, serta tim yang berpengalaman dari spesialis, pengembang, analis, dan eksekutif UX dan UI. Tidak mengherankan, UX yang sangat bagus dapat dibanggakan oleh perusahaan teknologi internasional yang besar – seperti Google dan Apple.

Contoh desain UX yang bagus – Google

Google, yang telah ada di pasaran sejak tahun 1998, tentu saja merupakan contoh yang bagus tentang seperti apa tampilan UX yang baik. Mesin pencari Google adalah salah satu alat paling sederhana yang tersedia di web. Pengoperasiannya intuitif dan tidak menimbulkan masalah bagi rata-rata pengguna Internet. Ini memenuhi persyaratan yang diturunkan dari heuristik Nielsen – sederhana, bersih, jelas, dan estetis. Itu tidak mengandung tautan, tombol, atau spanduk yang tidak perlu. Ini langsung jelas bagaimana menemukan jalan sekitar Anda. Terlebih lagi, Anda dapat melihat sekilas untuk apa – cari.

Google - Examples of good UX design

Selain itu, mesin pencari menunjukkan istilah yang baru-baru ini dicari, menyarankan pencarian terkait dan mengoreksi kami jika ada kesalahan ketik dalam frasa yang kami ketik secara salah. Dengan demikian, ini menanggapi kebutuhan pengguna dan membuat seluruh proses pencarian semudah mungkin bagi mereka.

Google - Examples of good UX design

Contoh desain UX yang bagus – Apple

Situs web Apple tidak hanya memiliki desain yang indah tetapi juga UX yang dikembangkan dengan cermat. Situs ini memiliki navigasi yang sangat mudah dan intuitif. Bilah navigasi tidak hanya berisi nama kategori tetapi juga gambar kecil produk, yang memungkinkan Anda menavigasi situs dengan cepat. Bahasa yang digunakan di situs ini sederhana namun kreatif. Tanpa deskripsi yang tidak perlu, ini menyajikan nilai spesifik dari produk yang diberikan kepada pengguna.

Apple - Examples of good UX design

Situs ini juga memungkinkan Anda untuk membandingkan produk dalam kategori untuk memilih salah satu yang sesuai dengan kebutuhan Anda dengan cermat. Apple banyak menekankan pada UI yang inovatif namun minimalis – yaitu, tampilan dan estetika situs – yang, seperti yang kita ingat, juga merupakan salah satu heuristik Nielsen, yang memengaruhi persepsi pengguna terhadap situs dan pengalaman mereka dengan produk .

Menariknya, Apple membagikan praktik terbaik desain di situsnya dan menyediakan mockup yang dapat diunduh, materi pendidikan, serta Panduan Antarmuka Manusia.

Apple - Examples of good UX design

Contoh desain UX yang bagus – Airbnb

Sejak didirikan pada tahun 2008, Airbnb (platform untuk menyewa akomodasi dari perorangan) telah sangat populer di kalangan pengguna – salah satu alasan utamanya adalah, tentu saja, UX yang dirancang dengan baik.

Halaman rumah rapi dan jelas. Di tengah Anda dapat melihat kotak pencarian – asli untuk semua orang, jika hanya dari pencarian Google. Jadi penggunaan pola yang baik, sudah akrab bagi pengguna, yang membuat situs intuitif dan tidak ada yang akan merasa tersesat. Karakteristik lain dari praktik UX yang baik di Airbnb adalah tampilan peta dengan harga yang terlihat di sebelah daftar tempat yang dicari. Airbnb memungkinkan Anda mendapatkan semua informasi penting di satu tempat – lokasi rumah di peta, harga, foto-foto beserta namanya.

Airbnb - Examples of good UX design

Situs ini juga mengambil pendekatan yang bagus untuk konten – penulisan UX berada pada tingkat yang sangat tinggi dan menyampaikan informasi penting dengan cara yang sederhana. Contohnya adalah teks “ Anda belum akan dikenakan biaya ” pada saat pemesanan awal – pengguna mendapat pesan yang jelas bahwa pembayaran tidak akan dikenakan biaya hingga pemesanan dikonfirmasi.

Airbnb, seperti Apple, membagikan praktik terbaik, studi kasus menarik, dan berita dari dunia desain di situs webnya.

Airbnb - Examples of good UX design

Jika Anda menyukai konten kami, bergabunglah dengan komunitas lebah sibuk kami di Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Examples of good UX design | The ultimate UX Guide #16 klaudia brozyna avatar 1background

Pengarang: Klaudia Kowalczyk

Seorang desainer grafis & UX yang menyampaikan ke dalam desain apa yang tidak dapat disampaikan dengan kata-kata. Baginya, setiap warna, garis, atau font yang digunakan memiliki makna. Bergairah dalam desain grafis dan web.

Panduan UX terbaik:

  1. Apa itu UX – dan apa itu BUKAN
  2. UX dan UI – apakah mereka sebanding?
  3. 7 faktor (luar biasa) Pengalaman Pengguna
  4. Tahukah Anda apa yang dimaksud dengan Desain UX?
  5. Apakah Anda merancang pengalaman pengguna? Jaga hal-hal ini!
  6. 10 heuristik kegunaan untuk desain UX yang perlu Anda ketahui
  7. Proses desain UX dalam 5 langkah mudah dan sederhana
  8. Desain yang berpusat pada pengguna dan prinsip utamanya
  9. Tahapan proses Desain yang Berpusat pada Pengguna
  10. Apa itu Pengalaman Pelanggan?
  11. Pengalaman Pengguna vs Pengalaman Pelanggan. Penjelasan sederhana tentang hubungan mereka
  12. Apa itu Pengalaman Merek?
  13. Apa itu Interaksi Manusia-Komputer (HCI)?
  14. Mengapa UX itu penting?
  15. Kegunaan vs fungsionalitas di UX
  16. Contoh desain UX yang bagus