Hubungan antara UX wireframe dan penelitian UX

Ketika kita mempertimbangkan desain situs web, hal pertama yang sebagian besar dari kita pikirkan adalah branding dan gaya merek, warna dan fitur yang dikeluarkannya segera setelah halaman dimuat, dan betapa menariknya hal itu untuk mendorong kita melalui perjalanan kita dalam mencapai apa yang kita butuhkan darinya.

Sebelum halaman gambar yang mencolok, salinan yang ditulis dengan cerdik, dan lonceng dan peluit yang berputar-putar menjadi halaman kode yang hidup dan bernapas, ada lebih banyak prosedur dan praktik yang diperlukan untuk membawa setiap tim ke tahap di mana branding dan pengiriman dapat disatukan.

Setiap proses desain dimulai dengan mempertimbangkan apa yang dibutuhkan para pemangku kepentingan dari pengunjung mereka dan apa yang mereka butuhkan dari para pemangku kepentingan. Diskusi yang mendorong tercapainya setiap tujuan dibantu sepanjang perjalanannya dengan penelitian mendalam, ide, presentasi, dan prototipe.

UX (pengalaman pengguna) adalah interaksi dan transaksi yang menyenangkan bagi pengguna dalam proses situs web Anda. Tujuannya adalah untuk memberikan pengalaman pengguna yang mendorong mereka untuk menyelesaikan, kembali lagi, dan merekomendasikan dengan cepat, efisien, dan semudah mungkin.

Wireframe adalah alat berharga yang digunakan pada tahap pertama dan diskusi selanjutnya dari setiap perjalanan desain.

Apa yang dimaksud dengan UX wireframe?

Desain web wireframe adalah representasi paling sederhana dari situs web Anda, biasanya selama tahap awal.

Wireframe membantu kita membayangkan bagaimana perjalanan pelanggan terlihat dan terasa bagi pengguna, memutuskan elemen mana yang penting, di mana elemen tersebut harus berada di halaman, dan bagaimana cara mengarahkan pengguna ke tahap berikutnya dalam mencapai tujuan mereka.

UX wireframe memandu komunikasi, organisasi, dan alur kerja. Ini membuat desainer dan peneliti tetap fokus pada konsep, pengguna dan fitur-fiturnya, dan cepat dan mudah untuk menyampaikan atau menerapkan perubahan pada alur kerja.

Pada setiap tahap di mana desain, penelitian, dan alur kerja bersatu, efisiensi adalah hal yang sangat penting dalam hal waktu dan tenggat waktu. Jadi, Anda memerlukan alat yang dapat membingkai ulang ide dari pertimbangan terakhir Anda yang tidak perlu kembali ke desainer atau tim presentasi hanya untuk melanjutkan beberapa langkah sederhana.

Mengapa harus menunggu berhari-hari atau berminggu-minggu apabila pena dan kertas bisa melakukan pekerjaan yang sama dalam beberapa kali goresan cepat?

3 tingkat desain wireframe UX

Desain wireframe dengan ketelitian rendah
Desain wireframe dengan ketelitian menengah
Desain wireframe dengan ketelitian tinggi

Tergantung pada tahap mana Anda berada dalam proses dan penelitian yang telah Anda lakukan, desain web wireframe dapat terlihat sesederhana dan seadanya seperti sketsa kasar (kesetiaan rendah).

Mereka akan berkembang menjadi opsi yang lebih terorganisir (dan lebih umum) yang disajikan secara profesional dengan menggunakan perangkat lunak yang memberikan tata letak dan alur kerja yang lebih cerdas dan lebih mudah dibayangkan (kesetiaan menengah).

Di bagian atas tumpukan, wireframe menampilkan tata letak sempurna piksel (kesetiaan tinggi) dengan halaman yang disajikan secara profesional, hanya beberapa langkah dari versi prototipe tahap berikutnya.

Untuk pertemuan pertama, pena dan kertas biasanya sudah cukup untuk membuat bola bergulir.

Dengan penelitian tambahan, pemikiran lebih lanjut, dan pertimbangan, sesuatu yang lebih terorganisir dapat membantu setiap tim mempertimbangkan elemen mana yang berhasil dan mana yang tidak, serta memberikan rencana yang lebih baik dan lebih terstruktur tentang bagaimana cara melanjutkannya.

Akhirnya, presentasi dengan ketelitian tinggi tersebut memberikan versi yang penuh harapan dan tepat yang dapat diubah oleh para perancang, subjek uji coba, dan pemangku kepentingan sebelum melanjutkan ke tahap berikutnya. Ini adalah gambar kerja yang membuat semua orang berada di halaman yang sama - gambar kerja tersebut merupakan cetak biru untuk membangun tahapan proses selanjutnya.

Mengapa menggunakan wireframe UX?

Wireframe membantu desainer memutuskan konten, informasi, dan fitur mana yang dibutuhkan setiap platform, bagaimana hal itu bisa dan harus disusun, bagaimana hirarki bekerja, dan apa artinya bagi perilaku dan harapan pengguna.

Akankah platform Anda memuaskan kebutuhan pengguna Anda? Kerangka kerja UX harus dapat memberikan keuntungan sebagai berikut:

Cepat dan mudah untuk membuat, mengubah, menghapus, atau mengerjakan ulang
Membantu tim, pemangku kepentingan, dan operator yang terlibat dalam proses desain untuk memahami setiap peluang, untuk tetap fokus, dan tetap pada halaman yang sama
Mendefinisikan dan menyajikan fitur dan operasi tanpa menggunakan deskripsi yang rumit, atau jargon desain
Pengujian manual tahap awal tanpa memilih opsi yang haus waktu dan keahlian teknologi
Pemangku kepentingan dapat mempertimbangkan apakah produk atau platform memenuhi persyaratan
Untuk menentukan aliran logis antara halaman, layar, dan tindakan
Mendeteksi kesenjangan dalam, dan memahami, perjalanan pelanggan

Wireframe UX ? diskusi dimulai di sini

Di mana, bagaimana, mengapa? Ini adalah pertanyaan-pertanyaan yang harus Anda ajukan pada setiap elemen situs Anda.

Jawaban Anda menentukan UX dan UI situs web, aplikasi, atau platform digital lainnya, sehingga setiap UX atau UI wireframe membantu Anda, pengguna, dan mitra Anda untuk melihat gambaran besar dengan lebih jelas dalam struktur yang ditentukan.

Kerugian dari pengujian wireframe

Metode ini bersifat statis, jadi bukan metode pengujian terbaik menurut standar saat ini. Metode ini berguna untuk debat dan diskusi, namun tidak terlalu bagus untuk mengungkapkan reaksi aktual dan wahyu pengguna.
Ini adalah pilihan yang buruk untuk menyajikan kekuatan animasi, transisi, dan efek pada perhatian dan reaksi pengguna. Tidak ada fasilitas yang sama untuk mempertimbangkan emosi pengguna pada citra yang diungkapkan oleh alat penelitian desain alternatif.
Wireframe membutuhkan imajinasi. Desainer akan memiliki kelimpahan tersebut, namun Anda tidak dapat menjamin klien dan pengguna uji coba Anda akan memiliki kedalaman penglihatan yang sama.
Perlu waktu untuk menciptakan penyampaian yang dapat dipahami semua orang. Mendapatkan masing-masing pihak untuk mencapai tujuan yang sama bisa memakan waktu beberapa kali putaran ketika harus meyakinkan mereka. Teknologi atau praktik yang unggul bisa membawa mereka ke sana lebih cepat.

Cara membuat wireframe UX

Jaga agar tetap sederhana.
Hilangkan semua warna; warna hanya berfungsi sebagai pengalih perhatian? Tetaplah pada warna hitam, putih dan abu-abu.
Jangan gunakan foto, font dekoratif, atau merek (yang semuanya akan muncul kemudian).
Gunakan simbol, placeholder, dan representasi yang paling sederhana dari elemen yang biasa kita lihat di halaman yang serupa.

Anda harus bisa mencoret-coret, mencoret-coret, dan mereproduksi setiap elemen dengan setiap saran, alternatif, atau perombakan yang baru dan berharga yang diminta. Proses ini dirancang untuk mengejar kemungkinan dan peluang dengan cepat dan mudah.

Jangan terlalu berlebihan dengan gambar rangka Anda. Tugas mereka adalah untuk dihapus dan diganti dengan mudah - itulah mengapa kami membuatnya tetap sederhana. Jika satu rute tidak berhasil, buang saja, dan susun rute berikutnya yang mungkin berhasil.

Kerangka kerja UX adalah tentang umpan balik. Apa yang berhasil, apa yang tidak, dan apa yang dapat membuat segalanya sepuluh kali lebih baik bagi pengunjung Anda, mencapai tujuan mereka dengan lebih cepat dan lebih bahagia sepanjang perjalanan mereka.

Mana yang lebih baik: berpegang teguh pada sketsa sederhana atau menggunakan alat wireframe profesional?

Salah satu dan keduanya. Tergantung pada sistem Anda, di mana Anda berada dalam prosesnya, dan fasilitas yang Anda miliki.

Tim yang berbeda akan memiliki proses yang berbeda dengan rencana dan keahlian yang berbeda; kita semua harus bermain sesuai dengan kekuatan kita, jadi harapkan desainer Anda memberikan hasil yang sesuai dengan mereka. Ini semua tentang menyelesaikan pekerjaan dengan cara terbaik yang mereka ketahui, sesederhana dan semudah mungkin. Sebagian besar memulai dari yang sederhana dan bekerja menaiki tangga ketepatan saat elemen dan proses menjadi lebih konkret.

Penelitian UX bertemu dengan wireframe UX

Saat mendesain ulang platform yang sudah usang atau gagal atau membuat sesuatu yang baru, penelitian UX Anda menentukan data dan dorongan pengguna Anda.

Setiap peluang wireframe membantu mengungkap alternatif dan opsi alur kerja yang lebih disukai. Selama tahap berikutnya, pembuatan prototipe mengungkapkan bagaimana perasaan pengguna, dan akhirnya, semuanya bersatu pada tahap desain, menunjukkan bagaimana seharusnya bekerja sebagai produk jadi.

Di mana kita menerapkan riset pengguna?

Dalam hal penelitian dan wireframe, langkah-langkah mendasar yang sama diperlukan seperti ketika memulai dari proyek halaman kosong. Perbedaannya adalah, kami menerapkan data penelitian kami:

Mengatur alur kerja
Menilai urutan
Menetapkan fungsionalitas
Menghadirkan tata letak yang ideal untuk pengalaman optimal pengguna

Menggunakan riset yang telah ditentukan selama langkah pertama tersebut memberikan platform yang terdidik untuk membangun, memberikan akurasi atas asumsi ke seluruh alur kerja dan setiap bagian yang lebih kecil.

Wawancara, kelompok fokus, survei, dan studi dapat memberikan data instrumental dan penggerak alur kerja di awal setiap proyek.

Apa yang kita pelajari dari penelitian semacam itu?

Penelitian UX mengungkapkan tujuan untuk setiap aplikasi, kemungkinan masalah, perilaku, kebutuhan, dan keinginan. Melihat pesaing yang ada atau alur kerja sebelumnya dapat menyoroti tantangan utama dan keberhasilan operasi sebelumnya, sehingga dapat memberikan diskusi tentang bagaimana melakukan sesuatu dengan lebih baik.

Memetakan alur kerja dan urutan dalam wireframe memberikan perjalanan visual yang jauh lebih mudah dipahami, dan juga menentukan jumlah langkah yang diperlukan untuk mencapai tujuan tertentu.

Bagaimana kita harus menerapkan temuan-temuan itu?

Fungsionalitas yang disempurnakan dari setiap sistem yang ditingkatkan perlu menyertakan semua elemen berharga dengan bagian yang tidak perlu dihilangkan. Dengan memeriksa alur kerja, dikombinasikan dengan kebutuhan dan reaksi pengguna, kami dapat memberikan setiap tata letak baru dengan pengalaman pengguna yang ditingkatkan.

Akankah alat prototipe menggantikan UX dan wireframe UI dalam penelitian UX?

Setiap wireframe adalah kerangka desain UX Anda pada saat itu. Tujuannya adalah untuk memberikan pandangan yang dapat dipahami semua orang, melihat di mana proses saat ini berdiri, dan mendiskusikan ke mana arahnya.

Seiring teknologi yang kami gunakan menjadi lebih inovatif dan intuitif, setiap alat yang kami gunakan untuk menyajikan alur kerja dan mendorong diskusi menjadi lebih mudah digunakan. Mereka memberikan crossover dan opsi yang jauh lebih baik bagi peneliti UX untuk digunakan sebagai bagian dari perjalanan desain dan penelitian.

Kami melihat alat prototipe terus menggantikan wireframing dalam penelitian UX, karena prototipe memberikan lebih banyak peluang untuk pengujian dan umpan balik, serta kegunaan. Mereka juga memberikan peluang yang jauh lebih unggul untuk menguji aliran dan proses secara fisik di arena digital real-time.

Menyampaikan data yang dapat digunakan membutuhkan lebih dari sekadar sketsa dan dialog pengantar

Dalam bidang penelitian, kami berusaha keras untuk mendapatkan data yang mendorong pengambilan keputusan. Opsi prototipe dengan ketelitian tinggi memberikan lebih banyak hal yang kita butuhkan daripada kebanyakan percakapan wireframe tahap pertama.

Dengan kemudahan pengoperasian semua alat digital yang menjadi lebih sederhana, ini merupakan lompatan yang tampaknya sederhana untuk membuat prototipe alih-alih menggunakan kertas dan pena atau bahkan perangkat lunak wireframe khusus. Jika mereka memberikan hasil yang lebih berkualitas, membuat prosesnya menjadi lebih mulus, mudah, dan cepat - terutama di tangan para peneliti UX - maka mengapa mereka tidak menjadi alat yang digunakan dan diandalkan untuk melangkah maju?

Jika Anda ingin tahu lebih banyak tentang wireframing dan bagaimana melakukan penelitian UX dengan wireframe, email kami di hello@ux247.com.