Apakah adil untuk mengatakan wireframe adalah cetak biru desain UX sementara mockup lebih seperti desain UI? Atau apakah ada perbedaan nyata antara UI dan UX?


Jawaban 1:

Apakah adil untuk mengatakan wireframe adalah cetak biru desain UX sementara mockup lebih seperti desain UI? Atau apakah ada perbedaan nyata antara UI dan UX?

Saya rasa saya tahu apa yang Anda maksud. Mari kita coba membedah pertanyaan terlebih dahulu karena saya pikir itu sebenarnya mengandung beberapa pertanyaan:

  1. Apakah ada perbedaan antara UI dan UX? Apakah perbedaan ini diwakili oleh perbedaan antara gambar rangka dan mockup?

Jawaban singkatnya adalah: ya, tidak. Inilah jawaban yang lebih panjang:

UI mengacu pada antarmuka pengguna: cara orang itu berinteraksi dengan produk digital. UX mengacu pada pengalaman pengguna: bagaimana perasaan orang tersebut sepanjang interaksi.

Anda dapat mempertimbangkan rangka gambar sebagai cetak biru dari antarmuka pengguna. Bingkai gambar biasanya menunjukkan tata letak layar dan kontrol dengan cara yang skematis. Dengan kata lain, itu menggambarkan UI yang diusulkan. Jadi tidak, wireframe bukan cetak biru UX, itu cetak biru UI.

Maket menambahkan warna, detail, dan sering kali interaksi ke gambar rangka. Ini lebih merupakan model kerja dari produk yang diusulkan. Jadi mockup lebih merupakan model UX daripada UI - kebalikan dari bagaimana Anda menanyakannya.

Mari kita lihat sedikit lebih dekat di UX.

Berinteraksi dengan produk digital, seperti situs web atau aplikasi, mengarah ke pengalaman pengguna. Pengalaman ini berasal dari beberapa faktor. Salah satunya adalah UI produk. Tetapi faktor-faktor lain memengaruhi pengalaman. Misalnya, bayangkan Anda menarik uang dari ATM. Bagian dari pengalaman Anda berasal dari seberapa baik ATM dirancang dan betapa mudahnya bagi Anda untuk menggunakannya. Tetapi pengalaman Anda juga dipengaruhi oleh faktor-faktor seperti seberapa aman Anda merasa, seberapa lelah Anda, mengapa Anda mendapatkan uang, apa yang Anda rencanakan untuk dilakukan selanjutnya. Semua faktor ini dan lainnya, berpotensi memengaruhi pengalaman pengguna Anda.

Karena UX terdiri dari banyak faktor, merancang UI yang baik tidak cukup. Anda harus mempertimbangkan konteks penggunaan. Ini sering dimodelkan sebagai "perjalanan pengguna" yang menjabarkan semua langkah yang dilakukan pengguna sebelumnya, dan setelah mereka menggunakan produk digital.

Singkatnya:

Antarmuka pengguna (UI) adalah karakteristik dari produk digital. Bingkai gambar dapat dilihat sebagai cetak biru UI.

Pengalaman pengguna (UX) adalah hasil dari serangkaian interaksi yang mencakup produk digital, konteks penggunaannya, dan tugas yang ingin dicapai oleh pengguna. Maket bisa sangat membantu di sini.

Charlie


Jawaban 2:

Nah ... pernyataan itu melewatkan esensinya. Anda dapat menganggap UX sebagai spektrum yang lebih besar dari UI, dalam arti bahwa itu adalah segalanya dan segala sesuatu yang berkontribusi pada desain, penelitian, pemahaman, dll dari pengalaman pengguna. Masalahnya adalah .., orang ingin meletakkan barang-barang di dalam kotak-kotak kecil dan mengabaikan kenyataan mencolok bahwa 99% dari spektrum itu adalah pengalaman pengguna menjadi produk dari antarmuka pengguna. Sebagian besar, ini adalah dua sisi dari koin yang sama.

Jika Anda adalah "perancang" antarmuka pengguna, coba tebak? Anda ... tunggu, siap? ... Anda sedang "merancang" antarmuka, untuk "pengguna". Untuk siapa??? Untuk pengguna? … Ya ampun, kalau begitu. Anda tidak merancang antarmuka untuk gajah di kebun binatang, tidak, tetapi untuk pengguna Anda. Dengan "mendesain" Anda membuat keputusan yang didorong oleh penelitian dan pemahaman pengguna. Anehnya mirip dengan apa yang masuk ke peran desainer pengalaman pengguna.

Wireframes adalah realisasi dari upaya yang dilakukan untuk merancang pengalaman pengguna. Wireframes bukan cetak biru untuk UX. Dan "mockup" memiliki interpretasi variabel yang bervariasi dari kesempurnaan kesetiaan yang tinggi untuk tongkat angka dan kotak kecil.


Jawaban 3:

Nah ... pernyataan itu melewatkan esensinya. Anda dapat menganggap UX sebagai spektrum yang lebih besar dari UI, dalam arti bahwa itu adalah segalanya dan segala sesuatu yang berkontribusi pada desain, penelitian, pemahaman, dll dari pengalaman pengguna. Masalahnya adalah .., orang ingin meletakkan barang-barang di dalam kotak-kotak kecil dan mengabaikan kenyataan mencolok bahwa 99% dari spektrum itu adalah pengalaman pengguna menjadi produk dari antarmuka pengguna. Sebagian besar, ini adalah dua sisi dari koin yang sama.

Jika Anda adalah "perancang" antarmuka pengguna, coba tebak? Anda ... tunggu, siap? ... Anda sedang "merancang" antarmuka, untuk "pengguna". Untuk siapa??? Untuk pengguna? … Ya ampun, kalau begitu. Anda tidak merancang antarmuka untuk gajah di kebun binatang, tidak, tetapi untuk pengguna Anda. Dengan "mendesain" Anda membuat keputusan yang didorong oleh penelitian dan pemahaman pengguna. Anehnya mirip dengan apa yang masuk ke peran desainer pengalaman pengguna.

Wireframes adalah realisasi dari upaya yang dilakukan untuk merancang pengalaman pengguna. Wireframes bukan cetak biru untuk UX. Dan "mockup" memiliki interpretasi variabel yang bervariasi dari kesempurnaan kesetiaan yang tinggi untuk tongkat angka dan kotak kecil.