UI vs UX: Apa Perbedaan Dari Sudut Pandang Praktis

UI vs UX: Apa Perbedaan Dari Sudut Pandang Praktis

UI vs UX: Apa Perbedaan Dari Sudut Pandang Praktis
СОДЕРЖАНИЕ
02 июня 2020

Istilah UI dan UX (desain) sangat sering digunakan secara bergantian. Bahkan sampai pada titik di mana banyak orang / desainer / klien menyebutnya sebagai "Desain UI / UX" – Semacam combo all-in-one.


Ini tidak sempurna, dan terutama jika Anda mencoba mencari tahu teka-teki UX untuk bisnis dan produk Anda untuk pertama kalinya. Masalah UX dan UI sangat penting, tidak peduli apakah Anda menjual plugin / tema di ruang WordPress, membuat aplikasi, perangkat lunak, atau bahkan menjual produk fisik.

Hal pertama yang perlu kita luruskan, meskipun terdengar agak jelas dan dapat diprediksi, adalah itu UI dan UX tidak sama.

Memang, mereka tidak sama sekali berbeda begitu kita sampai pada esensi, tetapi mereka tentu tidak sama!

UI vs UX

Dalam posting ini, kita akan berbicara tentang beberapa perbedaan inti antara UI vs UX, apa artinya dalam praktiknya, bagaimana membangun UI yang baik dan membuat UX yang tepat, dan banyak lagi.

Tapi pertama-tama:

UI vs UX: apa bedanya sebenarnya?

Ini adalah pertanyaan yang paling mendesak.

Hal termudah untuk dilakukan di pihak saya adalah dengan hanya mengarahkan Anda ke beberapa definisi dan membiarkan Anda menguraikannya sendiri, tetapi ini tidak akan benar-benar membuat keadilan topik.

Mari kita mulai dengan dasar-dasarnya, meskipun Anda mungkin sudah mengetahuinya sekarang:

  • UI adalah singkatan dari User Interface ��
  • UX adalah singkatan dari User eXperience ��

Itu semua bagus dan bagus, tetapi apa arti kedua istilah itu dalam praktik?

  • UI adalah apa yang dapat Anda lihat di depan Anda – antarmuka yang Anda gunakan untuk berinteraksi dengan sesuatu (produk / aplikasi / mobil).
  • UX menjelaskan seluruh pengalaman Anda dapatkan sebagai akibat dari berinteraksi dengan sesuatu.

Sebagai contoh, UI mobil Anda adalah setir, pedal, shifter, itu adalah setiap elemen mobil yang dapat Anda berinteraksi. UX adalah pengalaman yang Anda dapatkan saat mengemudi.

Untuk menunjukkan hubungan antara UI vs UX, kita dapat menganggapnya seperti ini:

UI vs UX

Peran UI penting, tetapi masih salah satu elemen UX.

Kunci untuk berpikir UX: The "G" kata

Itu "G" kata seperti dalam Sasaran ��.

Sulit – atau lebih seperti tidak mungkin – untuk memikirkan UX ketika Anda tidak tahu apa yang benar-benar ingin Anda capai.

Di sinilah tujuan bermain.

Tujuan datang dalam dua rasa:

  • �� tujuan Anda – tujuan bisnis
  • �� tujuan pengguna – apa yang ingin dicapai pengguna dengan alat + alasan

Memahami bagaimana kedua area ini berpotongan merupakan kunci dari desain UX yang baik.

Pertama, bekerja pada antarmuka pengguna, interaksi yang dimiliki seseorang dengan alat Anda, atau bahkan fitur persis yang ingin Anda sampaikan hanya dapat dilakukan setelah Anda memutuskan pengguna seperti apa yang ingin Anda jangkau di tempat pertama.

"Anda harus memilih target Anda" mungkin terdengar seperti hal klise pemasaran untuk mengatakan, tetapi benar-benar tidak ada cara lain untuk mulai merancang UX produk Anda.

UX selalu melacak kembali ke pengguna dan hal * yang ingin mereka capai dengan alat yang diberikan. Ini tentang jenis pengalaman yang * mereka * miliki dalam perjalanan * tujuan * mereka. Tetapi tanpa mengetahui apa tujuan itu sebenarnya, Anda tidak akan dapat membuat keputusan UX yang baik untuk membawa pengguna ke sana.

Jadi, mulailah dengan mendefinisikan pengguna target ideal Anda, karakteristik mereka, masalah apa yang mereka ingin selesaikan – yang dapat dipecahkan oleh alat Anda untuk mereka, dan seterusnya. ��

Dengan itu, tetapkan tujuan bisnis Anda di atas sasaran pengguna. Bagaimana menyelesaikan tujuan pengguna Anda dapat membawa Anda ke tujuan Anda sendiri? Bagaimana Anda dapat menghasilkan pendapatan sambil memberikan alat terbaik yang dapat Anda lakukan kepada pengguna? Dan seterusnya.

Setelah jawaban ini disortir, Anda mulai mendapatkan gagasan tentang arah desain UX Anda harus mengikuti. Dan ini, sebagai gantinya, membuat membangun UI Anda lebih mudah dan melibatkan pekerjaan menebak yang jauh lebih sedikit.

Ini "kembali ke tujuan" model juga merupakan sesuatu yang dapat dilihat di Don Norman dan Jakob Nielsen publikasi asli pada UX dan topik UI vs UX:

"Penting untuk membedakan pengalaman pengguna total dari antarmuka pengguna (UI), meskipun UI jelas merupakan bagian yang sangat penting dari desain. Sebagai contoh, pertimbangkan situs web dengan ulasan film. Bahkan jika UI untuk menemukan film adalah sempurna, UX akan menjadi buruk untuk pengguna yang menginginkan informasi tentang rilis independen kecil jika database yang mendasarinya hanya berisi film dari studio utama."

Juga, lihatlah studi kasus ini dari desain ulang aplikasi New York Times. Ini melampaui hanya sekedar sederhana, "membuat segalanya terlihat lebih baik" mentalitas. Dimulai dengan mengajukan pertanyaan mendasar seperti, "Bagaimana orang memeriksa berita saat ini?" Ini terlihat pada wawancara pengguna potensial; bahkan menggunakan peta empati. Semua itu dalam upaya untuk membuat UX lebih baik, dan menjadikan UI senjata utama untuk melakukannya.

ny kali

Jika Anda berpikir UX-first atau UI-first?

Ini pertanyaan yang sulit. Ini seperti membandingkan tos dengan .s. Jadi mari kita mulai dari tempat lain:

Salah satu alasan mengapa banyak orang berpikir tentang UX dan UI bersama-sama – bahkan ketika mereka tahu bedanya – adalah karena UI adalah buah yang mudah digantung dan hal yang paling jelas untuk dikerjakan ketika Anda ingin meningkatkan UX produk Anda.

UI, lebih dari segalanya, memiliki pengaruh besar pada UX. Dan karena ini juga yang paling mudah untuk dikerjakan, UI sering diperlakukan sebagai satu-satunya hal yang perlu Anda khawatirkan jika Anda ingin UX yang bagus.

Dan sebenarnya sulit untuk berdebat dengan alasan ini. Lagipula, jika mobil Anda memiliki setir yang hanya berdiameter 2 inci, maka seluruh mobil tidak dapat digunakan, dan seluruh UX menjadi sia-sia – apa pun yang telah dilakukan untuk meningkatkan pengalaman berkendara.

Apakah ini berarti bahwa kesalahan bencana di UI secara efektif membunuh UX. ⚔️ Tidak ada jalan lain untuk itu.

Ketika Anda memikirkannya, kami tidak benar-benar "bekerja di UX." UX adalah jumlah dari banyak bagian yang lebih kecil, sehingga setiap keputusan harus dilihat melalui lensa UX. Tetapi UX itu sendiri bukanlah hal yang dapat dikerjakan atau dapat disemprotkan.

Semua yang terjadi adalah Anda mungkin akan bekerja dengan UI Anda terlebih dahulu. Dan tidak apa-apa, tetapi hal penting untuk diingat adalah bahwa UI selalu menjadi bagian dari gambar UX yang lebih besar dan setiap keputusan UI perlu ditelusuri kembali ke UX.

Ini a studi kasus yang bagus tentang bagaimana Lyft mendesain ulang aplikasi mereka berdasarkan prinsip dan pengambilan keputusan berbasis UX. Sementara sebagian besar dari apa yang kita lihat ada di permukaan – di UI, inti dari perubahan terjadi sebagai hasil memikirkan kembali UX dan mendesain ulang berbagai aspek perjalanan pengguna dengan aplikasi berdasarkan prinsip pertama ditambah bisnis utama dan tujuan pengguna . Perubahan UI, ketika kita melihatnya dalam ruang hampa, bahkan tidak terlalu signifikan, tetapi mereka membantu pengguna mencapai tujuan mereka dengan lebih efektif, setidaknya menurut Lyft.

studi lft

Kesalahpahaman umum dengan UI vs UX

Mari kita atasi beberapa kesalahpahaman umum tentang dunia UI vs UX dan mencoba mencari cara yang lebih baik untuk memikirkan hal-hal ini.

"Apakah UI vs UX bahkan hal di masa lalu?"

Saya yakin Anda bahwa pengembang perangkat lunak 20 tahun yang lalu tidak menghabiskan terlalu banyak waktu untuk memikirkan UI vs UX. Atau, lebih tepatnya, mereka melakukannya, tetapi mereka tidak menggunakan istilah-istilah itu untuk menggambarkannya.

Xerox memperkenalkan antarmuka pengguna grafis asli di komputer pribadi Alto, yang tanggal kembali ke 1980-an.

Xerox Alto
Workstation Xerox

Anehnya, usianya sudah sangat baik. Anda masih dapat dengan jelas melihat semua elemen, dan tugas utama yang ada tampaknya mudah. Tidak ada gangguan, tidak ada elemen yang tidak perlu. Secara efektif, UI ini adalah bisnis semua!

Memang, tugas-tugas perangkat lunak sebelumnya juga lebih mudah untuk didefinisikan, dan mencari kelompok sasaran lebih intuitif. Misalnya, untuk seseorang yang mengerjakan pengolah kata asli, kelompok sasaran mungkin, "orang kantor dengan tangan."

Mencari tahu tujuan juga tidak terlalu sulit. "Mesin tik yang lebih baik. Di komputer Anda."

Tetapi ketika kita melihat ke dalam proses aktual yang terlibat dalam membangun perangkat lunak, itu tidak jauh berbeda. UX masih merupakan kunci untuk mencari tahu.

Kami juga memiliki pemimpin pasar di luar sana – atau lebih tepatnya pemimpin yang dipikirkan – yang membantu kami memilih arah umum untuk diikuti dan menunjukkan solusi UI yang baik yang kemungkinan akan bekerja dalam skenario lain juga.

Apple, seperti yang Anda harapkan, memiliki peran vital dalam perkembangan dan pentingnya GUI.

Macintosh asli, dirilis pada tahun 1984, memperkenalkan antarmuka berbasis mouse di mana tingkat tertinggi interaksi dengan mesin didasarkan pada memilih aplikasi dengan mouse Anda (titik dan klik) dan kemudian berinteraksi dengan aplikasi itu sendiri dengan cara yang berbeda..

Tak lama setelah itu, mouse komputer menjadi sesuatu. GUI lain mengikuti.

Apple Macintosh Desktop

Dan kita juga tidak perlu melihat jauh untuk contoh-contoh di dunia online, WordPress telah berada di garis depan UI, mendefinisikan bagaimana CMS modern harus memberikan fitur-fitur utamanya dengan cara yang mudah dipahami..

Dashboard WordPress 5.0

"Cara mengatasi UI yang rusak?"

Melihat aplikasi, alat, dan perangkat lunak modern secara umum, kita harus menyimpulkan itu kurang itu lebih.

Atau, lebih tepatnya, itu "kurang itu lebih" sikap bermula dari pemfokusan laser pada pengguna ideal Anda.

Ambil alat email misalnya. Kembali ketika Outlook adalah raja gunung, alat email yang baik harus memiliki semua lonceng dan peluit yang bisa dibayangkan. Semakin banyak fitur, semakin baik alat itu.

Tidak seperti itu lagi.

Alat email terbaik adalah sederhana, berfokus pada sejumlah kecil fitur, dan menargetkan jenis pengguna tertentu.

Tidak masalah jika Anda hanya ingin memiliki alat email sederhana, atau menggunakan alat email Anda sebagai task manager, atau ingin itu membantu Anda dengan produktivitas dan memindahkan email berdasarkan pada agenda harian Anda, maka Anda memiliki aplikasi individual yang akan membantu Anda lakukan itu. Mereka berfokus pada laser. Saat ini tidak ada alasan untuk menggunakan alat email serba bisa karena sebagian besar mengarah ke gangguan.

aplikasi email

Jadi, perlu memecahkan UI yang rusak? Sederhanakan. Kembali ke tujuan utama pengguna Anda dan bagaimana Anda dapat membantu mereka menyelesaikannya. Hapus semua yang tidak membuat tujuan itu lebih mudah untuk dicapai.

"Siapa yang harus melakukan UX di tim Anda?"

Pekerjaan siapa untuk menangani UX?

Apakah itu desainer??

Apakah ini pengembang perangkat lunak?

Atau apakah itu itu "pengembang tumpukan penuh" judul untuk?

Anda tidak akan bahagia, tetapi jawaban yang benar adalah milik semua orang.

Lihatlah grafik yang saya bagikan di awal – elemen UX. Ada terlalu banyak hal di sana untuk ditangani oleh satu orang saja.

Pada saat yang sama, UX bukan tentang melemparkan barang-barang di pagar begitu Anda selesai menggunakannya sehingga orang lain dapat mengambilnya dari sana. Upaya ini perlu lebih saling berhubungan.

Sekali lagi, mulailah dengan definisi tujuan bisnis dan pengguna Anda. Bekerja dari sana. Semua orang perlu dilibatkan dan selalu memikirkan hal-hal seperti, "Bagaimana apa yang saya kerjakan sekarang akan memengaruhi pengalaman pengguna?"

"Bagaimana mengukur UX?"

UX sulit untuk diukur atau diukur. Anda hanya dapat mengukur sasaran individual yang telah Anda tetapkan di sisi pengguna dan di sisi bisnis Anda.

Masuk akal jika Anda memukul tanda Anda, dan pengguna memukulnya (dilihat dari pemasangan, jumlah pengguna, atau metrik lain yang telah Anda tetapkan), maka UX Anda juga mengarah ke arah yang benar..

"UX produk saya buruk; Apa yang bisa saya lakukan sekarang?"

Sayangnya, Anda tidak dapat menyemprotkan UX yang lebih baik. Jika Anda tidak mencapai sasaran, produk Anda tidak mendapatkan umpan balik yang baik dari pengguna, dan Anda secara keseluruhan tidak senang dengan hasilnya, maka Anda hanya dapat benar-benar kembali ke papan gambar.

Evaluasi kembali sasaran Anda, sasaran pengguna Anda dan cara Anda menghubungkan keduanya.

Alat yang digunakan saat bekerja pada UX yang lebih baik

Ada tiga alat utama untuk membantu Anda mengevaluasi arah desain UX Anda dan membantu membuat keputusan yang tepat:

  • Tes A / B
  • survei dan jajak pendapat pengguna
  • analitik dan data

Perintah itu tidak disengaja. Tes A / B adalah senjata utama di gudang senjata Anda. Dengan tes A / B, Anda dapat menempatkan dua versi berbeda dari antarmuka Anda satu sama lain dan melihat mana yang memberikan hasil yang lebih baik dalam hal indikator dan tujuan UX penting Anda.

Detail penting dengan tes A / B adalah untuk tetap dengan hanya A dan B – dua variabel – dan tidak berubah di sekitar elemen karena ini mengaburkan hasil dan membuatnya tidak mungkin untuk memilih perubahan individu yang membuat tanda.

Survei dan jajak pendapat pengguna juga bisa memberi tahu Anda banyak. Mengajukan pertanyaan sederhana kepada pengguna dapat menjadi tambang emas informasi. Jika itu adalah aplikasi khusus yang Anda buat kemudian mengumpulkan umpan balik bisa lebih sulit, tetapi di situs web, Anda dapat menggunakan alat pemungutan suara sederhana seperti yang ada tercantum di sini.

Terakhir, data mentah dan analitik memberi Anda sisi kuantitatif koin. Dengan mereka, Anda dapat melihat bagaimana perubahan UX atau UI diterjemahkan ke dalam skenario / konversi penggunaan aktual / apa pun metrik Anda.

Semua alat ini memungkinkan Anda untuk meningkatkan proses Anda secara efektif dan mengevaluasi jika persepsi Anda tentang tujuan telah benar.

Beradaptasi dan ulangi!

�� Ada banyak lagi yang dapat Anda lakukan dalam hal desain UX dan kemudian menguji hasil pekerjaan Anda, tetapi tiga metode di atas adalah yang paling mudah untuk memulai. Untuk mempelajari lebih lanjut tentang pengujian UI vs UX, baca ini:

UI vs UX, endgame

Beberapa desainer menjadi marah ketika topik UI vs UX diangkat. Mereka mengatakan bahwa keduanya sama sekali tidak berhubungan dan bahwa mereka tidak boleh dibahas bersama. Sejujurnya, kami tidak akan menghindari memikirkan satu tanpa yang lain.

UI hanyalah hal pertama yang dapat kami kerjakan sebagai bagian dari desain UX. Ini adalah buah gantung terendah dan elemen termudah untuk dipahami, yang termudah untuk disempurnakan, dan yang termudah untuk mengukur efektivitas.

Jadi mari kita tetap tenang dan melanjutkan. UI dan UX berbeda, tetapi bagian dari cerita yang sama.

Atau mungkin saya salah? Apa pendapat Anda tentang UI vs UX? Bagikan komentar Anda.

Kredit gambar:

Jangan lupa untuk bergabung dengan kursus kilat kami tentang mempercepat situs WordPress Anda. Dengan beberapa perbaikan sederhana, Anda dapat mengurangi waktu loading hingga 50-80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    
    Evolusi Tema WordPress Default (2003 hingga 2019) Desain web
    0 комментариев
    
    10+ Template Wix yang Terlihat Besar vs Tema WordPress Desain web
    0 комментариев
    Adblock
    detector