Jangan Pernah Menyebut Diri Anda Seorang Desainer UI: UI adalah UX

Diterbitkan: 2022-03-11

UI dan UX adalah dua istilah desain yang sangat umum; namun, istilah-istilah ini sering dilontarkan dalam konteks yang salah.

Sementara itu, jabatan tradisional seperti "perancang situs web" dan "perancang aplikasi" jauh lebih jarang saat ini, meskipun merupakan deskripsi sempurna dari layanan desain yang mungkin ditawarkan oleh seorang desainer. Apa daya tarik kata "UI" ini? Dan mengapa beberapa desainer menyebut diri mereka "desainer UI" atau "desainer UX/UI"?

Bukankah UI adalah bagian dari UX?

Mengapa "UI" menjadi kata kunci seperti itu?

UX vs. UI

Kami, sebagai desainer (dan sebagai manusia), terobsesi dengan bagaimana segala sesuatunya terlihat. Kami tahu bahwa "apa yang ada di dalam yang diperhitungkan", tetapi kami masih berparade di depan cermin setiap pagi, berusaha terlihat baik untuk orang asing yang tidak akan pernah kami lihat lagi.

Desain UI tidak berbeda. Kami ingin antarmuka pengguna kami menjadi estetis, dan apakah kami mengakuinya atau tidak, kami ingin pekerjaan kami dikagumi dan divalidasi. Karena hal-hal yang menarik secara visual lebih menarik perhatian, ini dapat menyebabkan beberapa desainer mendedikasikan lebih banyak waktu untuk tampilan antarmuka, daripada cara kerjanya. Perbedaan utama antara UI dan UX adalah bahwa UI adalah tampilannya , dan UX adalah cara kerjanya .

Menurut definisi dari Nielsen Norman Group, "'Pengalaman pengguna' mencakup semua aspek interaksi pengguna akhir dengan perusahaan, layanannya, dan produknya."

Menyebut diri Anda seorang desainer UI hampir sama dengan mengatakan, "Saya lebih fokus pada tampilannya." Pada kenyataannya, antarmuka pengguna hanya satu kontribusi untuk pengalaman pengguna. Ada banyak faktor lain di luar UI yang berkontribusi pada pengalaman pengguna secara keseluruhan.

Untuk menyebutkan beberapa:

  • Apakah alur pengguna membantu pengguna mencapai tujuannya dengan cepat?
  • Dapatkah setiap pengguna, tanpa memandang usia atau kemampuan fisik, mengakses UI?
  • Apakah kegunaannya cukup baik sehingga pengguna dapat menggunakan situs web dengan mudah?
  • Apakah keputusan desain didorong oleh data yang solid dan riset pengguna?
  • Apakah aplikasi cukup intuitif untuk menebak apa yang diinginkan pengguna?

Desain visual tetap penting. Warna tetap penting, pencitraan merek tetap penting, dan cara UI bergerak saat pengguna berinteraksi dengannya tetap penting, tetapi saat kami mulai membuat keputusan desain berdasarkan tampilan sesuatu, kami tidak lagi mendesain untuk pengguna .

Bahkan, kami bahkan tidak mendesain. Kami membuat seni.

gambar yang membandingkan ui vs. ux
Pengalaman pengguna vs. antarmuka pengguna. (Ilustrasi oleh Shane Rounce)

Sebagai aturan, UI adalah cara Anda berinteraksi dengan produk (misalnya, klik, ketukan, dan interaksi suara) dan UX adalah pendapat/emosi yang dihasilkan oleh pengguna (misalnya, cepat/lambat, intuitif/membingungkan, dan /atau membuat pengguna merasa senang/frustrasi).

Mengapa Anda Tidak Harus “Mendesain untuk Suka”

Media sosial membuat ketagihan. Mengapa itu membuat ketagihan adalah cerita lain — intinya, memang demikian. Orang-orang membagikan sesuatu di media sosial untuk "suka" karena, singkatnya, itu mengaktifkan sistem penghargaan di otak kita. Kami mencari validasi dari orang lain dalam bentuk suka dan pengikut sebanyak kami mencari seks atau makanan — rasanya enak, dan ketika perasaan itu mulai memudar, kami dengan cepat mencarinya lagi untuk memenuhi keinginan kami. Rata-rata orang menghabiskan hampir dua jam per hari di media sosial.

Masukkan Dribbble, atau lebih tepatnya, apa yang dikenal sebagai "efek Dribbble."

Dribbble dimulai sebagai situs web "tunjukkan dan beri tahu" untuk para desainer, tetapi dengan cepat menjadi dikenal sebagai cara untuk memamerkan karya desain untuk disukai daripada umpan balik yang membangun. Hal ini menyebabkan desainer mengunggah karya khusus untuk disukai, dan mode ini tidak berakhir di situ.

Seperti halnya semua kecanduan, desainer mulai menemukan lebih banyak cara untuk memberinya makan, termasuk membuat klien palsu dan konsep aplikasi hanya untuk memiliki sesuatu yang bisa “disukai” oleh Dribbbler.

Berlangganan ke blog desain Toptal dan terima eBook kami

Apa yang salah dengan itu?

Desain adalah tentang memecahkan masalah yang dihadapi pengguna. Jika kita tidak mendesain dengan mempertimbangkan pengguna, maka tidak ada masalah yang harus diselesaikan. Jika tidak ada masalah , maka kami hanya memvisualisasikan UI untuk itu. Kita tidak hanya akan berakhir dengan sesuatu yang tidak praktis, tetapi mendesain untuk cita-cita imajiner tidak akan membantu kita berkembang sebagai seorang desainer.

Mari kita lihat beberapa bencana desain di Dribbble.

Meskipun contoh pertama ini tidak membentuk ringkasan/klien desain yang sebenarnya, dan latar belakang over-the-top agak menghilangkan desain itu sendiri, apa yang membuatnya lebih tidak realistis adalah bahwa elemen visual melampaui viewport, seperti a semacam efek dinding "melanggar keempat". Meskipun desain bertujuan untuk menjadi "cantik", itu bukan desain yang berfungsi .

tren desain vs. desain yang bermakna
Dalam contoh ini, desain mengorbankan makna dan nilai untuk visual yang tidak praktis.


mendesain untuk pengguna nyata dengan perangkat nyata
Dalam contoh ini, UI dirancang untuk perangkat yang bahkan tidak ada.


ui 3d dari masa depan
Contoh ini terlihat menakjubkan sebagai karya seni, tetapi saat ini tidak ada perangkat yang memungkinkan kita melihat UI dengan cara ini.


desain situs web yang disajikan dengan indah
Contoh ini jauh lebih baik karena menampilkan desain yang nyata dan layak tanpa lonceng dan peluit.

Dari Mana Obsesi Desain Visual Ini Berasal?

Mendesain untuk disukai sering kali berasal dari kecintaan terhadap tren desain tertentu yang menjadi arus utama; misalnya, penggunaan desain datar dan minimalis oleh Apple yang secara efektif mengakhiri skeuomorphism. Meskipun tentu saja tidak ada yang salah dengan salah satu dari estetika visual tersebut, merancang sesuatu yang murni untuk menerapkan batas tren pada deskripsi pekerjaan seorang seniman, bukan seorang desainer, dan tentu saja tidak mencakup UX.

Sebagai gantinya, pertama dan terpenting, desainer UX harus mencari cara untuk meningkatkan pengalaman pengguna, dan jika tren desain visual terjadi untuk mengisi kekosongan itu, maka, dan baru setelah itu kita harus menggunakannya.

Seperti yang disebutkan sebelumnya, mengumpulkan "suka" mengaktifkan sistem penghargaan di otak kita. Lebih tepatnya, penghargaan meningkatkan kadar dopamin dalam tubuh kita, dan dopamin bertindak sebagai neurotransmitter, mengirimkan pesan ke otak saat kita memberi penghargaan pada diri sendiri. Otak, sangat bersyukur, membuat kita merasa baik sebagai imbalan atas tindakan kita.

Hal ini menyebabkan “desainer” yang malas menghindar dari mendesain untuk pengguna dan malah menerapkan tren yang akan menghasilkan jumlah suka yang tinggi. Hal ini menyebabkan kesalahpahaman tentang apa desain sebenarnya, yang menyebabkan klien berpikiran sama. Ini adalah kerugian besar bagi industri desain UX dan rekan desainer UX yang ingin mendesain produk terbaik.

Prinsip Desain UX

Tidak mungkin untuk menjelaskan banyak konsep UX sekaligus, tetapi berikut adalah faktor mendasar yang berkontribusi pada pengalaman pengguna yang efektif, singkatnya:

  • Kecepatan
    • Apakah aplikasi atau situs web lambat (atau terasa lambat)?
    • Apakah pengguna diharuskan untuk mengklik/menggulir/berinteraksi lebih dari yang diperlukan?
    • Apakah ada terlalu banyak gangguan dan/atau keputusan yang harus dibuat?
    • Apakah ada gesekan yang menghentikan/menunda pengguna mendapatkan apa yang mereka inginkan?
  • Intuisi
    • Apakah jelas bagi pengguna apa yang harus mereka lakukan selanjutnya?
    • Bisakah kami menentukan apa yang diinginkan pengguna dan menampilkan konten yang sesuai?
  • Aksesibilitas
    • Dapatkah pengguna mengakses UI, tanpa memandang usia atau kecacatan mereka?
    • Pernahkah kita memikirkan berbagai jenis buta warna?
  • Kegunaan
    • Pada perangkat seluler, apakah tap menargetkan ukuran yang sesuai?
    • Apakah target mudah diakses oleh ibu jari?
    • Apakah desainnya responsif? Apakah itu beradaptasi dengan semua perangkat?

20 heuristik kegunaan
Susan Weinschenk dan Dean Barker (Weinschenk dan Barker 2000) meneliti pedoman kegunaan dan heuristik dari banyak sumber (termasuk Nielsen, Apple, dan Microsoft) dan menghasilkan kumpulan 20 Heuristik Kegunaan ini untuk diperiksa.

Desain Visual Masih Penting

Desain visual memainkan peran besar dalam desain pengalaman pengguna, oleh karena itu alasan mengapa kita tidak boleh membandingkan UI dengan UX—UI adalah bagian dari UX. Menyebut diri Anda seorang desainer UI hanya memberi perhatian pada aspek desain UX yang lebih glamor, sementara kurang memperhatikan UX secara keseluruhan dan bagaimana hal itu dapat digunakan untuk memenuhi tujuan bisnis.

Berikut adalah prinsip-prinsip desain UX seperti yang tercantum di atas, hanya saja kali ini, kami akan menyebutkan bagaimana faktor desain visual menjadi sesuatu:

  • Kecepatan
    • Dapatkah pengguna dengan cepat mengidentifikasi di mana mereka perlu melihat dan berinteraksi, menggunakan kontras , warna , dan spasi sebagai isyarat visual?
    • Apakah UI/konten paruh atas segera dirender, menjelaskan apa yang perlu dilakukan pengguna di layar tersebut, dan memiliki ajakan bertindak yang jelas?
  • Aksesibilitas
    • Apakah pilihan warna menciptakan kontras yang cukup?
    • Apakah UI cukup besar untuk mereka yang kesulitan melihat?
  • Kegunaan
    • Apakah ada hierarki visual yang menggambarkan pentingnya setiap elemen?
    • Apakah kita secara visual menyampaikan kepercayaan dan keamanan saat berlaku?
    • Apakah kami menerapkan interaksi mikro yang terasa alami dan memperjelas tindakan yang diambil oleh pengguna?

Sangat penting untuk menganggap UI sebagai alat yang dapat digunakan untuk meningkatkan UX, daripada lapisan mengkilap yang dapat membuat UX “terlihat lebih baik”. Ambil contoh Amazon: Mereka menghasilkan lebih dari seratus miliar dolar setiap tahun, dan meskipun pengalaman UI dan checkout mereka jelas intuitif, itu tidak menarik secara konvensional dalam hal estetika visual.

amazon
Amazon memperoleh $1,9 miliar selama tiga bulan terakhir tahun 2017, tetapi Anda tidak akan dapat menebaknya dari desain UI-nya.

Desain UX/UI Harus Didorong oleh Data

Desain UX (yang mencakup UI) harus didorong oleh riset pengguna (analisis pelacakan, wawancara pengguna, survei pelanggan), pengujian kegunaan, alur kerja UX yang ramping (yang mencakup pembuatan prototipe, umpan balik internal, dan pengiriman reguler), dan hal lain yang menawarkan data dan wawasan tentang bagaimana pengguna berinteraksi dengan antarmuka (atau bisnis secara keseluruhan).

Jika aplikasi atau situs web tidak berkinerja sesuai standar yang diharapkan, metode penelitian pengguna kualitatif dan kuantitatif ini dapat membantu desainer UX membuat keputusan desain yang lebih efektif, baik itu keputusan yang berkaitan dengan alur pengguna atau hanya warnanya. Pendekatan berbasis data untuk desain inilah yang menjadikan UI dan UX satu hal yang sama.

Kesimpulan

Tidak ada salahnya disebut sebagai web designer atau app designer, atau bahkan voice app designer atau wearable designer. Ini menggambarkan siapa Anda, dan klien akan dapat memahami apa yang Anda lakukan lebih cepat. Klien tidak peduli jika Anda memiliki jabatan yang trendi atau berapa banyak yang menyukai desain di Dribbble. Semua klien ingin tahu adalah bahwa Anda tahu bagaimana memecahkan pengalaman pengguna secara efektif, dengan mempertimbangkan tujuan bisnis perusahaan dan membuat keputusan desain didorong oleh data daripada suka dan tren.

Di sisi lain, istilah “desainer UX” juga tidak banyak salah—yaitu, jika Anda menganggap diri Anda seorang desainer yang mendesain semua jenis antarmuka. Di atas segalanya, penting bahwa sebagai seorang desainer Anda memilih judul pekerjaan yang benar-benar Anda identifikasi.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

  • eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
  • Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
  • Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
  • Prinsip Heuristik untuk Antarmuka Seluler
  • Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib