Deprecated: uasort(): Returning bool from comparison function is deprecated, return an integer less than, equal to, or greater than zero in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/google-site-kit/includes/Core/Modules/Modules.php on line 245
Ini Dia 5 Contoh Desain UX yang Luar Biasa | indonesia mendesain
Tuesday, October 26, 2021
HomeVisual DesignIni Dia 5 Contoh Desain UX yang Luar Biasa

Ini Dia 5 Contoh Desain UX yang Luar Biasa

Merancang pengalaman pengguna adalah tentang mengantisipasi dan memenuhi kebutuhan pengguna dengan cara yang memungkinkan mereka berinteraksi secara intuitif dengan situs web, aplikasi atau perangkat. UX yang baik bekerja sangat mulus sehingga banyak pengguna bahkan tidak akan menyadarinya. Tetapi apakah pengguna memperhatikannya atau tidak, UX yang baik adalah dasar untuk setiap pengalaman interaksi positif. Anda dapat mendandani produk dalam grafik yang indah dan menggunakan kode terbaru untuk membuatnya berfungsi, tetapi jika UX membingungkan atau berlawanan dengan intuisi, pengguna pasti merasa frustrasi dan kesal. 

UX dapat melibatkan banyak hal, dari navigasi yang cerdas hingga pengaturan informasi yang jelas dan dari komunikasi yang responsif hingga memunculkan pilihan yang relevan. Mari kita lihat beberapa contoh desain UX yang brilian. Dalam masing-masing ini, saya akan fokus pada bagian-bagian dari interaksi yang dilakukan dengan sangat baik dan apa yang dapat Anda pelajari darinya. 

Berikut adalah contoh yang akan kita jelajahi:

  1. Disney + landing page
  2. Putar video quibi
  3. Apple membandingkan item
  4. Tambahkan pengalaman item tanpa thread
  5. Pengalaman zoom

Ayo mulai!

Cuplikan layar halaman arahan Disney +, menampilkan pilihan untuk Disney, Pixar, Marvel, Star Wars, dan National Geographic
(Kredit gambar: Cynthia Vinney, Disney + landing page)

1. Disney + landing page

Kadang-kadang, pengalaman pengguna dapat ditingkatkan dengan membuat satu perubahan sederhana ke desain yang tidak asing lagi. Layanan streaming Disney-centric Disney +, yang merakit semua film dan acara TV dari katalog besar perusahaan di satu tempat, melakukan hal itu. Setelah masuk, pengguna disajikan dengan halaman arahan yang akan terlihat akrab bagi siapa saja yang pernah menggunakan Netflix. Ini mencakup area fitur besar di baris atas dan horizontal opsi video yang disusun berdasarkan genre atau kriteria rekomendasi lainnya di bawah ini. 

Namun di antara dua elemen yang akrab itu adalah serangkaian logo yang mewakili lima merek Disney. Karena masing-masing merek ini sangat populer dan sudah memiliki identitasnya masing-masing, setiap logo segera mengomunikasikan apa yang dapat diharapkan pengguna jika mereka memilih salah satu dari mereka. 

Mendambakan film superhero? Pergi ke bagian Marvel. Dalam mood untuk film dokumenter alam? Lihat National Geographic. Ingin bepergian ke galaksi yang sangat jauh? Pilih Star Wars. Dengan mengenali konten yang tersedia di Disney + dapat dikategorikan dengan cara unik yang mengkomunikasikan sesuatu yang berharga kepada pengguna, streamer menyediakan cara baru bagi pengguna untuk dengan cepat mengakses film dan menunjukkan yang mereka cari. 

Yang Dapat Kita Pelajari Dari Disney +

Selalu pertimbangkan cara baru untuk membagi informasi, bahkan untuk desain UX yang didasarkan pada pola interaksi yang sudah ada. Meskipun Anda mungkin tidak ingin terlalu banyak mengubah pengalaman pengguna klasik, jika ada cara yang inovatif dan mudah dipahami untuk mengomunikasikan kategori informasi dan membantu pengguna menavigasi ke konten yang mereka inginkan, pengguna akan menghargai keterlibatannya dalam desain.


(Kredit gambar: Emerson Schroeter, halaman arahan Quibi)

2. Putar video quibi

Aplikasi streaming video mobile-pertama Quibi diluncurkan dengan satu inovasi yang sangat menarik: memutar video. Sementara sebagian besar konten video muncul dalam lanskap, tidak peduli bagaimana Anda mengarahkan perangkat seluler Anda, video Quibi memenuhi layar apakah perangkat Anda berada dalam potret atau lanskap, dan juga memutar secara mulus di antara keduanya. Sementara teknologi untuk membuat karya ini tidak diragukan lagi rumit, gagasan di balik inovasi adalah contoh desain UX yang fantastis. Ia mengenali masalah UX dengan cara kami menonton video di perangkat seluler kami dan menciptakan solusi sederhana dan elegan untuk memperbaikinya — solusi yang tampak sangat jelas, banyak pengguna mungkin bertanya-tanya mengapa itu tidak terjadi lebih cepat.

Yang Dapat Kita Pelajari Dari Quibi

Terkadang solusi yang jelas adalah yang terbaik. Untuk masalah jangka panjang dengan pengalaman interaktif, seperti orientasi video, desainer dan pengguna UX dapat dengan mudah mencapai kesimpulan yang sama tentang cara meningkatkan sesuatu. Dalam hal ini, desainer UX tidak boleh terlalu rumit atau terlalu memikirkan hal-hal; mereka hanya harus memberi pengguna apa yang mereka inginkan.

Cuplikan layar halaman "bandingkan model ponsel" Apple, menampilkan tiga pilihan telepon dengan opsi warna
(Kredit gambar: Cynthia Vinney, Model Ponsel Bandingkan Apple)

3. Apple membandingkan item

Ada banyak bagian dari situs web Apple yang menjadikannya pengalaman pengguna yang sukses, namun, salah satu bagian favorit saya dari situs ini adalah fitur produk perbandingan. Di sana, Anda dapat mengambil hingga tiga item dari kategori produk tertentu dan melihat perbandingan berdampingan, sesuatu yang sangat berguna untuk produk yang spesifikasinya mungkin agak berbeda. 

Cuplikan layar halaman "bandingkan model ponsel" Apple, gulir ke bawah untuk melihat sekilas detail ponsel
(Kredit gambar: Cynthia Vinney, Model Ponsel Bandingkan Apple – Tampilan Cepat)

Bagian atas halaman membandingkan produk didominasi oleh gambar dari produk yang dipilih pengguna dan titik harga mereka. Kemudian, informasi disajikan dalam urutan logis ketika pengguna menggulir ke bawah halaman, dimulai dengan ringkasan umum “Tampilan Cepat” dan semakin teknis. 

Pengguna juga dapat menavigasi untuk membeli produk di bagian atas halaman atau ke halaman untuk mempelajari lebih lanjut di bagian bawah. Sementara itu, nama masing-masing produk tetap di bagian atas halaman saat pengguna menggulir sehingga mereka tidak perlu khawatir kehilangan jejak informasi mana yang mengenai produk mana. 

Pengalaman perbandingan Apple mereplikasi perbandingan belanja di toko sambil meningkatkannya dengan menyediakan format digital yang dibuat khusus untuk tugas ini. Ini menghasilkan alat yang sangat berguna yang membuat belanja lebih mudah. 

Yang Dapat Kita Pelajari Dari Apple

Sementara kita semua sudah terbiasa berbelanja online, sedikit inovasi dan bantuan membuat pengalaman lebih halus dan lebih menyenangkan. Terutama ketika datang ke item tiket besar atau item yang sulit untuk dipilih, apa pun yang membantu pengguna membuat keputusan pembelian mereka lebih mudah akan meningkatkan pengalaman mereka.

Cuplikan layar Threadless, menunjukkan bagaimana pengguna menambahkan item.
(Kredit gambar: Cynthia Vinney, Threadless)

4. Threadless tambahkan pengalaman item

Threadless menjual kaos yang dirancang oleh komunitas seniman berbakat. Perusahaan memiliki getaran tidak sopan yang menyukai kreativitas, dan itu menunjukkan pengalaman yang telah mereka ciptakan untuk menambahkan item ke keranjang pengguna. Pada intinya, pengalaman ini seperti yang terjadi pada banyak aplikasi e-commerce, tetapi dengan menambahkan beberapa sentuhan unik, Threadless membuatnya lebih responsif dan menyenangkan. 

Setelah memilih tombol “Tambahkan ke Troli” pada halaman produk, pop-up muncul yang mengakui penambahan ke keranjang belanja pengguna, menunjukkan item yang telah ditambahkan, dan memberikan harga total semua item yang ada di dalam keranjang belanja . Tingkat komunikasi ini tidak hanya meyakinkan pengguna bahwa mereka telah berhasil menambahkan item yang mereka maksudkan, tetapi juga memberi tahu mereka tentang berapa banyak yang mereka belanjakan – terutama berguna jika Anda memiliki anggaran terbatas. 

Plus, kartun kereta di bagian atas pop-up menambah tingkat imajinasi dan kegembiraan untuk pengalaman yang sejalan dengan merek Threadless dan menjadikan pengalaman itu lebih menyenangkan. 

Yang Dapat Kita Pelajari Dari Threadless

Penting untuk berkomunikasi dengan pengguna bahwa mereka berada di jalur yang benar ketika mereka menavigasi melalui pengalaman digital. Dalam pengalaman e-commerce, ini berarti mengakui ketika pengguna telah menambahkan item ke keranjang belanja mereka. Bagaimanapun, tindakan pengguna berarti mereka berniat untuk membeli produk tertentu, sehingga memberi tahu mereka bahwa mereka telah memilih produk yang tepat dan jumlah yang tepat dari produk tersebut meyakinkan mereka dan membuat pengalaman pengguna merasa jauh lebih lancar. Jika saat-saat kecil menyenangkan atau senang dengan cara Anda berkomunikasi informasi itu dapat ditambahkan di sepanjang jalan, jauh lebih baik.

Cuplikan layar Zoom, menampilkan empat opsi sederhana: rapat baru, gabung, jadwalkan, dan bagikan layar.
(Kredit gambar: Cynthia Vinney, Zoom)

5. Pengalaman Zoom

Zoom telah menjadi yang pergi-untuk pertemuan virtual aplikasi-dan itu mudah untuk memahami mengapa. Layar utama Zoom menyaring apa yang tampak seperti upaya rumit menjadi empat opsi sederhana. Anda dapat segera memulai rapat, menjadwalkan rapat baru, bergabung dengan rapat yang dijadwalkan orang lain, atau membagikan layar Anda. Setelah memilih salah satu dari opsi ini, Zoom memandu pengguna ke jendela baru tempat mereka dapat dengan mudah menyelesaikan tugas. Pengalaman itu tidak termasuk banyak lonceng dan peluit tambahan, tetapi itu tidak perlu. Aplikasi ini memunculkan tugas-tugas yang paling mungkin dilakukan pengguna yang ingin menggunakan Zoom untuk menyelesaikan dan membuatnya mudah untuk memulai. 

Yang Dapat Kita Pelajari Dari Zoom 

Zoom menjadikan segala sesuatunya sederhana dengan memfokuskan pilihan tingkat atas pada tugas yang paling mungkin dilakukan pengguna untuk aplikasi ini. Desainer UX harus selalu memiliki gagasan yang baik tentang tugas yang ingin diselesaikan pengguna pada produk yang mereka desain. Begitu mereka memahami apa yang ingin dilakukan pengguna dengan suatu produk, perancang UX harus memunculkan langkah pertama dalam tugas yang paling penting sedini mungkin dalam pengalaman pengguna. 

Menemukan Lebih Banyak Contoh Desain UX Brilliant

Ini hanya beberapa contoh desain UX yang brilian, tetapi ada banyak lagi. Salah satu cara untuk menemukannya adalah mulai memperhatikan situs, aplikasi, dan produk digital lainnya yang Anda gunakan setiap hari. Pertimbangkan apa yang Anda sukai dari mereka dan apa yang mereka lakukan secara berbeda dari produk lain yang telah Anda gunakan. Berikan perhatian khusus pada interaksi yang menyenangkan Anda atau yang Anda sukai. Dengan begitu, kapan pun Anda menyentuh komputer atau perangkat seluler, Anda dapat mempelajari sesuatu yang baru tentang desain UX. 

sumber: careerfoundry.com

RELATED ARTICLES
- Advertisment -

Most Popular

Recent Comments