Proses desain UX dimulai dengan memahami tujuan perusahaan dan cara terbaik untuk melayani audiens target. Anda dapat memberikan pengalaman yang baik dan berkesan bagi pengguna dengan mempelajari psikologi pengguna dan menerapkan praktik terbaik UX. Kami telah menyusun sumber daya ini untuk membantu Anda dalam proses desain UX — dari awal hingga akhir.
Tujuan dari proses desain UX adalah agar pengguna memiliki pengalaman online yang lebih baik.
Peran desainer pengalaman pengguna adalah membangun lanskap digital, membimbing pengguna melalui jangkauannya, dan memberi mereka sesuatu yang memengaruhi perasaan mereka. Elemen-elemen yang membentuk sebuah situs web, termasuk konten, desain, struktur, dan navigasi, berfungsi untuk memberikan pengalaman yang tak terlupakan.
Pengguna adalah inti dari desain. Ketika seseorang dapat menemukan informasi yang mereka butuhkan dengan cepat, mereka telah menyelesaikan tujuan mereka dan mungkin tidak melangkah lebih jauh.
- Apa tujuan kunjungan mereka?
- Informasi apa yang mereka cari?
- Dan solusi apa yang mereka cari untuk masalah yang mungkin mereka hadapi?
UX berfokus pada pemikiran pengguna, menciptakan pengalaman yang memberikan apa yang paling mereka inginkan dan secepat mungkin.
Komponen desain, seperti pilihan navigasi, tombol, kombinasi ajakan bertindak/interaksi, dan interaksi lainnya, memandu pengguna melalui desain — dengan konten yang melengkapi substansi. Untuk UX yang sukses, Anda harus tahu apa yang diinginkan pengunjung dan mengapa mereka ada di situs Anda.
Setiap diskusi tentang pengalaman pengguna harus mencakup diskusi tentang desain antarmuka pengguna. Tujuan UI (antarmuka pengguna) adalah untuk menangani desain secara detail, mulai dari jenis huruf yang digunakan hingga tampilan dan nuansa tombol dan interaksi lainnya. Desain UI lebih memperhatikan bagaimana seseorang akan terhubung dan terlibat dalam desain produk, sementara desain UX menarik dari aspek-aspek ini dan berfokus pada bagaimana orang akan berinteraksi dengannya. Desainer UX mempertimbangkan apa yang diinginkan pelanggan dari situs web dan menciptakan pengalaman yang memenuhi kebutuhan tersebut selama proses desain.
Desain UX: yang penting
Untuk membuat desain yang menarik dan sukses, Anda perlu memahami langkah mana yang paling penting.
Pengalaman pengguna dan branding saling terkait
Hubungan antara branding dan pengalaman pengguna adalah simbiosis. Situs web dengan pengalaman pengguna yang buruk dapat merusak reputasi perusahaan terkenal. Di sisi lain, pengalaman konsumen yang sederhana dan efisien dapat membantu perusahaan muda. Dua elemen pemasaran — branding dan pengalaman pengguna — semuanya tentang persepsi, dan keduanya harus konsisten agar perusahaan dapat berkembang.
Desain interaksi
Pada awal proses desain UX dan selama proses pengembangan produk, desainer UX harus mengingat branding perusahaan dan bagaimana hal itu akan disampaikan dalam desain.
Pengalaman pengguna adalah tentang memenuhi tujuan bisnis
Situs web perusahaan harus menjadi bagian dari strategi keseluruhannya. Untuk membuat merek yang mudah diingat, konten dan fungsionalitas harus bekerja sama. Harus ada alasan untuk proses desain UX dan pemahaman tentang mengapa pekerjaan ini diperlukan. Sebuah tim desain dan tim pengembangan tidak hanya harus terbiasa dengan pemikiran desain tetapi juga memahami tujuan pemasaran yang lebih besar dari sebuah perusahaan.
Lihat apa yang berhasil dan perlu perbaikan jika itu adalah desain ulang. Pertimbangkan apa yang kurang dan bagaimana merancang pengalaman pengguna yang lebih baik dapat membantu mengatasi masalah ini.
Identifikasi apa yang Anda ingin orang lakukan di situs web Anda, seperti membeli produk, mendaftar ke layanan, atau menanyakan informasi lebih lanjut. Ini semua tentang apa yang Anda ingin mereka lakukan dengannya!
UX membuat hidup pengguna lebih mudah
Jika antarmuka intuitif, ramah pengguna, dan terorganisir dengan baik secara logis, siapa pun dapat menavigasinya tanpa rintangan. Alih-alih rumit dan merepotkan, UX menciptakan jalur yang memungkinkan aliran lancar.
Berbagai keahlian desain desainer UX memungkinkan mereka untuk membuat arsitektur yang akan diikuti oleh orang-orang nyata. Siapa, apa, dan kapan pengalaman adalah semua faktor yang perlu dipertimbangkan saat mengevaluasi kegunaan. Pengguna adalah siapa, konten adalah apa, dan urutan serta logika dalam mengalami desain visual adalah kapan.
Empati harus mendorong pengalaman pengguna
Perancang pengalaman pengguna harus menempatkan diri mereka pada posisi pengguna akhir sebelum memulai proses pengembangan proyek. Desainer harus memiliki pengetahuan mendalam tentang masalah dan kesulitan klien mereka untuk membantu mereka secara efisien. Desainer harus dapat melihat situs web dari sudut pandang pengguna dan mengantisipasi bagaimana mereka harus menavigasinya. Mereka harus menyatukan ribuan bagian agar masuk akal bagi mereka yang menggunakannya.
Desainer UX memiliki pemahaman yang kuat tentang bagaimana semua halaman di situs web bekerja bersama, tetapi mereka tidak pernah mengabaikan detail kecil di tingkat mikro tentang bagaimana setiap halaman membantu orang mencapai tujuan mereka.
Website layanan berlangganan makanan ini, misalnya, mencerminkan gaya hidup masyarakat yang tertarik dengan pola makan sehat. Gambar makanan mereka, garis sederhana, dan banyak ruang negatif menunjukkan bahwa mereka mengetahui demografi mereka dan apa yang mereka pedulikan. Komponen ini menekankan kualitas masakan mereka, yang merupakan perhatian penting bagi orang-orang yang berpikir untuk mendaftar layanan makanan bulanan.
Memahami audiens memerlukan pengembangan pengalaman yang menurut mereka bermanfaat dan menyenangkan saat menjelajahinya.
Riset pengguna adalah komponen penting dari proses desain pengalaman pengguna
Akan membantu jika Anda memiliki gambaran yang jelas tentang audiens yang ingin Anda tarik. Mereka lebih dari "pengguna". Sangat penting untuk memahami tantangan mereka dan bagaimana mereka berencana untuk mencapai apa yang mereka inginkan. Anggap saja apa yang orang lain inginkan dan butuhkan. Kami mungkin memperoleh pengetahuan yang tergesa-gesa tentang keinginan dan permintaan mereka, tetapi melakukan riset pengguna akan memberi kami pemahaman yang lebih terinformasi tentang minat dan keinginan alami mereka.
Penelitian pengguna dan kategorisasi pengguna memungkinkan proses pengembangan yang lebih terfokus. Alih-alih mengandalkan prasangka, data aktual membantu menentukan bagaimana situs web dibuat dan fitur apa yang harus ditambahkan.
Kami dapat menghilangkan ketidakpastian dan mempelajari masalah dan harapan orang dengan melakukan riset pengguna. Empati yang tulus tidak mungkin terjadi ketika bisnis tidak memahami orang-orang yang ingin mereka jangkau.
Sangat penting untuk melakukan riset pengguna secara teratur
Riset pengguna adalah langkah pertama yang penting dalam proses desain. Hal ini memungkinkan produk dibuat sesuai dengan harapan orang dan menghindari frustrasi dengan pengalaman yang disesuaikan dengan kebutuhan spesifik mereka.
Pengujian dan penelitian tidak pernah berakhir. Mengubah tujuan dari pemangku kepentingan, perilaku konsumen, dan persaingan dapat menyebabkan desain dipersepsikan secara berbeda. Sebuah situs web yang efektif dua tahun lalu mungkin sudah tidak berlaku lagi. Untuk menentukan apakah suatu desain masih relevan bagi penggunanya, diperlukan penelitian pengguna yang berkelanjutan.
Tentukan apa yang ingin Anda pelajari dari riset pengguna
Mengetahui pertanyaan dan informasi apa yang ingin Anda peroleh dari pengguna Anda sangat penting untuk memaksimalkan riset pengguna. Seperti proses lainnya, kesuksesan harus didefinisikan. Riset pengguna bisa lepas kendali dan menjadi semacam scope creep jika tidak ada kendala atau indikator yang ada.
Wawancara dengan orang sungguhan
Apa pendekatan yang lebih baik untuk berinteraksi dengan audiens Anda selain berada di ruang yang sama dengan mereka? Wawancara pengguna umumnya menampung beberapa individu dan meminta mereka menelusuri situs web sementara anggota tim menonton. Menempatkan kelambanan pengguna sangat penting. Melihat bagaimana orang berinteraksi dan menerima umpan balik waktu nyata dapat membantu Anda mengidentifikasi masalah dengan desain Anda dan menginformasikan modifikasi yang diperlukan sebelum ditayangkan.
Wawancara dengan pelanggan dan klien memberikan wawasan tentang elemen yang mungkin Anda abaikan saat meneliti dan mengerjakan proyek selama berminggu-minggu atau berbulan-bulan. Mungkin navigasi tidak sesederhana yang Anda bayangkan, atau orang tidak mengenali CTA. Ketika Anda memiliki sudut pandang luar, Anda akan dapat melihat kesulitan yang mungkin dihadapi pengguna biasa ketika mencoba menyelesaikan aktivitas yang Anda inginkan.
Buat persona pengguna
Persona adalah gambaran kasar tentang siapa pengguna biasa yang mungkin didasarkan pada riset pengguna Anda. Seperti yang dibuat oleh Vimala di Dribbble untuk bisnis perjalanan, persona memberikan banyak informasi tentang siapa pengguna biasa. Dengan melihat profil mereka, kami dapat menemukan siapa mereka dan jenis barang atau layanan perjalanan yang mereka minati.
Saat Anda membangun persona, itu tidak dimaksudkan untuk mewakili rata-rata semua orang. Ini adalah bagian dari audiens target Anda. Persona dapat membantu Anda merancang pengalaman yang memuaskan tentang bagaimana Anda ingin individu atau tim tertentu memahami perusahaan Anda.
Lakukan survei
Survei dan kuesioner juga merupakan pendekatan yang sangat baik untuk mengumpulkan informasi penting. Mereka memungkinkan Anda untuk mengajukan pertanyaan tertentu tentang apa yang dicari orang atau menerima umpan balik tentang desain tertentu dan apakah itu memenuhi kebutuhan audiens target.
Survei dapat mengumpulkan informasi tertentu, seperti jawaban ya/tidak, penilaian, dan jawaban jelas lainnya yang dapat digabungkan dan dianalisis. Survei juga digunakan untuk memperoleh lebih banyak informasi kualitatif dan metrik ini. Pengguna mungkin memiliki kanvas yang bersih untuk mengekspresikan ide dan keyakinan mereka. Informasi panjang ini menambah dan menerangi data kuantitatif yang telah dikumpulkan sebelumnya.
Saat membuat pertanyaan tersebut, ingatlah bahwa Anda tidak ingin mengarahkan orang ke jawaban yang Anda inginkan. Jaga agar pertanyaan tetap netral dan tanpa keinginan dan prasangka Anda. Biarkan mereka merespons dengan bias preset mereka sendiri daripada bias Anda.
Buat Alur Pengguna
Akan membantu jika Anda pertama kali memutuskan apa yang Anda ingin orang lakukan dan bagaimana mereka harus mencapainya sebelum memutuskan cetak biru perancang situs web. Alur pengguna adalah serangkaian langkah yang dilalui seseorang saat mengunjungi situs web Anda, dari halaman arahan ke bagian lain dari situs Anda — memahami rute yang Anda ingin pengguna ambil akan membantu Anda menentukan bagaimana desain Anda harus diatur, yang akan membantu dalam pengembangan wireframes dan prototipe.
Alur pengguna menunjukkan setiap langkah di sepanjang jalur ini, apakah Anda sedang membuat alur pengguna untuk menunjukkan bagaimana seseorang akan membeli dan memeriksa produk atau bagaimana mereka akan menemukan lebih banyak informasi tentang topik tertentu. Beberapa alat desain UX ada di pasaran, seperti FlowMapp, Stormboard, dan Whimsical. Atau, Anda dapat menggunakan pena dan kertas untuk mengembangkan sesuatu.
Memahami arsitektur informasi
Otak kita memiliki ketertarikan pada keteraturan dan ketidakteraturan. Kita perlu memahami apa yang dibicarakan, apakah itu buku, film yang kita tonton, atau situs web yang kita kunjungi. Tujuan arsitektur informasi adalah untuk mengatur bagian-bagian dari sebuah situs web sehingga masuk akal bagi seseorang yang menjelajahinya.
Pertimbangkan analogi dengan sekantong balok. Anda berakhir dengan kekacauan yang kusut saat Anda membukanya dan menuangkannya. Anda dapat mengaturnya dengan cara yang bermakna dengan menggabungkan, mengkategorikan, dan menumpuknya. Arsitektur informasi melibatkan pengklasifikasian dan penempatan materi Anda secara logis sesuai dengan Anda dan pengguna akhir Anda.
Ini adalah melihat beberapa elemen yang digunakan untuk mengembangkan situs web yang efektif:
- Identifikasi : Konten apa yang Anda butuhkan untuk menyampaikan narasi merek Anda? Cari tahu setiap komponen yang diperlukan bagi Anda untuk mengomunikasikan apa yang ingin Anda katakan kepada audiens Anda.
- Classify : Ini adalah langkah di mana Anda harus mengkategorikan dan membagi materi Anda sehingga siap untuk dimasukkan ke dalam layout.
- Peta : Mengatur dan menyusun materi, menunjukkan bagaimana setiap konsep atau potongan konten akan mengarah ke yang berikutnya.
Proses arsitektur informasi melibatkan pengaturan konten dalam hierarki yang masuk akal. Struktur ini menggambarkan bagaimana orang akan mengkonsumsi konsep-konsep yang diperkenalkan dalam urutan logis.
Penyortiran kartu adalah pendekatan yang populer untuk mencapai hal ini, dan dapat dilakukan secara konvensional dengan kertas dan pena atau dengan menggunakan perangkat lunak seperti Optimal Sort dan UserZoom.
Wireframe untuk Situs Web
Gambar rangka adalah rencana dua dimensi (2D) yang menggambarkan struktur setiap halaman, dengan indikator visual seperti garis, kisi, dan kotak yang menunjukkan di mana konten, gambar, dan komponen lainnya akan ditempatkan. Mereka mungkin resolusi tinggi, rinci, atau resolusi rendah dan minimalis untuk setiap halaman. Wireframes adalah alat yang berharga bagi desainer dan pengembang. Mereka bertindak sebagai kerangka kerja, memberi mereka struktur yang mereka perlukan untuk membuat situs web.
Salah satu kegunaan wireframing adalah untuk komunikasi. Mereka adalah metode visual untuk menunjukkan bagaimana halaman web akan dibuat untuk semua orang, terlepas dari pekerjaan mereka.
Pembuatan maket dan pengembangan prototipe
Beberapa orang tidak yakin tentang perbedaan antara gambar rangka, mockup, dan prototipe. Semuanya memiliki beberapa fungsi.
Sebuah wireframe menguraikan dan mengatur setiap halaman dalam desain, bukan spesifikasi rinci dari Adobe Photoshop atau Illustrator. Meskipun kemampuannya bervariasi, mereka biasanya tidak mengandung koneksi yang berfungsi atau peningkatan estetika. Mereka ada di sana untuk menunjukkan kepada Anda bagaimana setiap halaman akan terlihat dari sudut pandang yang luas.
Gambar rangka adalah satu langkah di bawah mockup. Jika Anda menggunakan layanan seperti Webflow, yang menghasilkan kode saat Anda mendesainnya, Anda tidak perlu melakukan langkah ini. Anda akan mendapatkan situs web yang berfungsi penuh. Mockup adalah representasi grafis dari desain yang mengambil apa yang telah dibuat dengan wireframes. Mungkin ada beberapa fungsi, seperti navigasi, tetapi penekanannya adalah pada tampilan desain.
Prototipe adalah representasi yang hampir lengkap dari sebuah desain. Semuanya, mulai dari arsitektur informasi hingga navigasi, interaksi, dan visual signifikan serta blok konten akan dilakukan. Tidak perlu memiliki setiap hal kecil, tetapi semua yang ingin berinteraksi dan dinikmati pengguna harus dapat diakses. Elemen yang Anda ingin agar diperhatikan pengguna saat berinteraksi dengan produk Anda telah dimasukkan. Ini menyiratkan fitur seperti tombol ajakan bertindak, animasi, dan komponen dinamis lainnya. Prototipe memungkinkan Anda menerima umpan balik dan membuat perubahan sebelum ditayangkan. Anda mungkin memiliki prototipe fidelitas rendah dan fidelitas tinggi dengan pembuatan prototipe. Prototipe dengan ketelitian tinggi dimaksudkan untuk diuji di dunia nyata dan menunjukkan bagaimana suatu produk beroperasi dalam praktik. Sebaliknya, prototipe low-fidelity lebih fokus pada fungsionalitas daripada penampilan.
Pengujian kegunaan
Saatnya melakukan pengujian kegunaan setelah Anda menyelesaikan prototipe praktis. Ini memerlukan membiarkan seseorang yang tidak terbiasa dengan desain mengalaminya untuk pertama kalinya.
Pengujian kegunaan sering dilakukan secara langsung atau jarak jauh. Memiliki orang lain di lokasi yang tepat memungkinkan Anda mengamati perasaan orang saat menggunakan web. Ini akan memungkinkan Anda untuk mendapatkan umpan balik yang tidak bias pada desain Anda dan menentukan apa yang tidak berfungsi.
Tugas harus diuraikan secara rinci agar orang dapat menyelesaikannya. Jika Anda membuat situs web e-niaga, Anda mungkin meminta mereka melalui langkah-langkah menambahkan barang ke troli dan melanjutkan proses pembayaran. Atau mungkin Anda ingin mereka menemukan jawaban atas pertanyaan yang sering diajukan tentang produk atau layanan Anda. Lihatlah betapa sulit atau sederhananya bagi pengguna untuk menjelajahi materi, dan Anda akan memiliki banyak data tentang apakah desainnya praktis dan modifikasi apa pun yang perlu dilakukan.
Pengujian kegunaan dapat dilakukan selama proses desain, tetapi lebih efektif pada tahap awal. Daripada nanti, ketika sudah lebih lengkap, modifikasi lebih mudah dilakukan sejak dini. Merawat perubahan dalam struktur, navigasi, dan arsitektur info di fase awal lebih sedikit memakan waktu daripada mencoba melakukan semuanya di akhir.
Pengguna harus menjadi inti dari desain pengalaman pengguna Anda
Sangat mudah untuk terjebak dalam tren dan mode desain online terbaru. Daripada mencoba untuk memiliki desain situs web yang paling mutakhir dan bergaya, lebih baik untuk membuat sesuatu yang tidak pernah kehilangan sentuhan dengan harapan pengguna. Pengalaman pengguna situs web Anda ditentukan oleh seberapa mudah penggunaannya, seberapa baik pengorganisasiannya, dan seberapa konsisten tampilannya. Takeaway yang paling penting adalah bahwa pengalaman pengguna berkaitan dengan empati — memastikan bahwa pengguna menerima semua yang mereka butuhkan untuk memiliki pengalaman yang positif dan memuaskan.
