Desain Kamu Akan Kacau Tanpa Melewati Fase Wireframing

on

|

views

and

comments

Ketika Anda mengerjakan sesuatu yang baru, itu mengasyikkan dan tidak dikenal, membuatnya tergoda untuk melewatkan tahap penyadapan dan terjun langsung ke merancang solusi. Tetapi, dengan melakukan ini, Anda kehilangan kesempatan untuk lebih memahami masalah dan mungkin menghabiskan lebih banyak waktu untuk merevisi, mengedit, atau bahkan menciptakan kembali desain Anda.

Wireframing kadang-kadang bisa terasa seperti tahap yang tidak perlu dalam proses desain, tetapi dalam jangka panjang itu akan membuat Anda menjadi desainer yang lebih efektif. Jika dilakukan dengan benar, baik penyingkiran Lo-Fi (low fidelity) dan Hi-Fi (high fidelity) dapat membantu Anda mendapatkan umpan balik penting pada tahap awal proses desain Anda, menempatkan Anda di jalur yang benar sebelumnya.

Ketika kita berbicara tentang ‘kesetiaan’, ini mengacu pada tingkat detail dalam suatu desain, yang dapat berkisar dari tidak ada detail sama sekali, hingga UI yang lengkap dan kaya.

Inilah yang dimaksud dengan berbagai fase wireframing, dan bagaimana mereka dapat masuk ke dalam proyek yang Anda kerjakan setiap hari.

Wi-Fi wireframing, jelaskan

Gambar rangka ‘Lo-Fi’ harus menjadi sketsa tercepat dari UI, langsung dari gerbang saat Anda memulai proyek Anda. Idealnya, Anda menggambar banyak kotak di atas kertas hanya untuk mengeluarkan ide-ide karena ini memaksa Anda untuk bereksperimen tanpa alat menghalangi atau menentukan bagaimana itu akan muncul.

Keindahan prototipe lo-fi adalah Anda dapat membuangnya saat mulai bereksperimen dan menemukan informasi baru. Itulah intinya!

Anggap ini sebagai brainstorming: jika Anda mencoba untuk membuat film Disney berikutnya, Anda akan berharap banyak catatan, karakter, dan alur cerita di atas serbet menjadi katalisator, bukan render adegan yang dipoles dengan sangat baik. Anda lihat di bagian akhir.

Prototipe kertas adalah cara yang berharga untuk memvalidasi dengan tim Anda dengan cepat: menggambar ide-ide Anda di atas kertas, hentikan itu, dan mintalah anggota tim berinteraksi dengan mereka saat Anda mengamati. Anda akan belajar wawasan berharga yang mungkin menantang asumsi Anda sendiri sebelum Anda bergerak maju dengan gambar rangka kesetiaan yang lebih tinggi.

Jadi, bagaimana dengan Hi-Fi Wireframing?

Gambar rangka Hi-Fi adalah langkah selanjutnya untuk menemukan lebih banyak tentang asumsi Anda, dan memastikan mereka secara holistik menjawab kebutuhan yang Anda selesaikan.

Alat-alat seperti Marvel membantu Anda menghasilkan wireframe dengan tingkat polesan yang lebih tinggi dengan cepat. Tanpa menghalangi proses, itu adalah cara yang berguna untuk menunjukkan kepada orang lain bagaimana rasanya menggunakan produk di dunia nyata.

Gambar rangka dengan kesetiaan tinggi lebih dari sekadar rekan-rekan dengan kesetiaan rendah: mereka sering menunjukkan elemen antarmuka nyata apa yang akan digunakan, mengandung lebih banyak detail tentang keputusan desain potensial, tetapi umumnya menghindari membuat pilihan sadar tentang warna, font atau estetika lainnya.

Mereka juga membantu mengkomunikasikan hasil potensial jauh lebih awal dalam proses Anda. Mempresentasikan hasil kerja Anda lebih awal dapat memastikan klien, manajer, dan pemangku kepentingan lainnya ada di dalam perusahaan, daripada memasang produk akhir pada mereka.

Berikut adalah contoh praktis yang bagus tentang bagaimana proses Anda dapat meningkat; menggunakan Marvel untuk membuat wireframe Anda interaktif akan memberi Anda wawasan yang lebih nyata tentang keputusan-keputusan penting UX seperti aliran pengguna. Manfaat lain yang sangat baik dari wireframe ber-fi tinggi ini adalah melibatkan pengembang sejak dini akan membantu Anda mempelajari tentang segala keterbatasan teknis potensial.

Pada akhirnya, wireframe dengan kesetiaan yang tinggi akan membantu menghindari menghentikan proses desain nanti ketika case use baru ditemukan, yang mungkin memerlukan perubahan di seluruh solusi Anda dan membuang lebih banyak waktu untuk membuat perbaikan.

Lo-Fi atau Hi-Fi, jangan melewati tahap wireframing

Wireframing tidak perlu merasa tidak perlu; jika diimplementasikan dengan penuh pertimbangan, dan dipraktekkan secara teratur, itu tidak akan terasa seperti mereka menghalangi pembuatan desain akhir Anda, tetapi sebaliknya akan membantu Anda tetap di jalur dan menjadi lebih baik pada apa yang Anda lakukan.

Melewati proses wireframing berarti Anda menghabiskan lebih banyak waktu untuk membuat desain yang tidak sesuai dengan tujuan. Jika Anda terlambat mengetahui bahwa pengguna Anda merasa itu tidak masuk akal, pekerjaan itu mungkin perlu dilakukan sejak awal.

Anda dapat dengan mudah memulai dari yang kecil, memperkenalkan prototipe low-fidelity ke dalam alur kerja Anda hari ini, secara bertahap menambahkan proses dan alat dengan kesetiaan yang lebih tinggi untuk meminta umpan balik lebih lanjut hanya setelah Anda merasa nyaman.

Pada proyek Anda berikutnya, cungkil sesuatu sebelum Anda membuka alat desain apa pun, mintalah umpan balik, dan lihat apa yang Anda pelajari: Anda mungkin menemukan bahwa Anda menemukan cara yang sama sekali baru untuk menyelesaikan masalah, atau bahwa diperlukan pendekatan yang sama sekali berbeda!

 

 

 

 

 

sumber:marvelapp.com

Share this
Tags

Must-read

Mantaflow Creating Fire

Menciptakan efek api? Mudah dengan Mantaflow! https://www.youtube.com/watch?v=lR9vjaYzeYQ
spot_img

Recent articles

More like this