Pembuatan Prototipe

Wireframe adalah alat yang berharga saat mendesain situs web dan aplikasi karena mereka relatif cepat dan mudah dibuat dan diubah ulasan berikut.

Mereka memungkinkan kami untuk menetapkan bagaimana halaman-halaman aplikasi atau situs web akan ditetapkan pada berbagai breakpoint dengan catatan yang menggambarkan perilaku atau interaksi. Kami menggunakannya untuk mendapatkan persetujuan dari klien kami tentang desain sebelum pindah ke tahap pembuatan prototipe. Jauh lebih murah dan lebih cepat untuk menyesuaikan wireframe daripada desain yang lebih kompleks nanti dalam prosesnya.

Apa yang kami sertakan dalam Wireframe

Kita selalu perlu mempertimbangkan kebutuhan proyek saat membuat wireframe. Mungkin cukup untuk membuatnya secara bebas menggunakan pena dan kertas atau kita mungkin diminta untuk menggunakan salah satu dari berbagai perangkat lunak wireframe. Apakah dibuat dengan tangan atau perangkat lunak, wireframe akan mencakup komponen inti yang sama sebagai berikut:

• Tata letak semua komponen halaman
• Elemen-elemen interaktif
• Gambar dan salinan
• Judul dan tajuk
• Kotak navigasi dan pencarian

Kita memiliki pilihan antara mengembangkan prototipe dengan kesetiaan rendah, sedang atau tinggi dan pilihan itu benar-benar tergantung pada bagaimana mereka akan digunakan dan dengan siapa. Beberapa orang merasa cukup sulit untuk memahami wireframe lo-fi karena tidak ada branding, salinannya adalah placeholder lorum ipsum dan bagian-bagiannya hanya berupa garis yang digambar pada halaman. Meningkatkan fidelitas dapat memberikan kejelasan lebih dan sangat berguna jika pengujian pengguna dilakukan.

Menentukan Desain

Desainer Pengalaman Pengguna (UXD) kami akan bekerja sama dengan Anda untuk memahami item konten apa saja yang perlu muncul di halaman. Mereka juga ingin memahami tujuan halaman untuk setiap halaman yang akan di wireframing dan untuk memahami hal ini berdasarkan platform - jika kita mendesain situs web yang responsif atau akan memiliki versi seluler. Sasaran halaman membantu UXD untuk memprioritaskan tata letak konten dan pada format layar yang lebih kecil, hierarki konten.

Ini adalah proses kolaboratif dan kami biasanya akan melakukan aktivitas ini di lokasi bekerja bersama Anda dan tim Anda. Paling tidak kami akan membutuhkan sesi pengarahan terperinci dengan Anda dan kemudian mengakses Anda secara teratur melalui proses desain untuk memeriksa dan mengulangi wireframe saat kami pergi.

Hasil Kerja

Wireframe akan dikirimkan dalam format apa pun yang telah disepakati sebelumnya. Contoh wireframe low-fidelity ditunjukkan di bawah ini dan ini adalah jenis detail yang dapat diharapkan untuk setiap halaman. Tidak setiap halaman akan dibuat wireframe karena tidak ada nilai dalam wireframe halaman dengan tata letak yang sama, atau sangat mirip. Jadi, hasil yang akan disampaikan akan terdiri dari halaman-halaman utama di semua platform.

Contoh wireframe dengan ketelitian rendah

Proses Desain

Kami mengikuti metodologi desain pengalaman pengguna standar untuk membuat prototipe, dan karenanya, kami berharap bahwa banyak, jika tidak semua tahapan dalam proses desain yang berpusat pada pengguna hingga yang satu ini sudah diselesaikan.

Itu berarti prototipe kami sedang dikembangkan dari:

• Pemahaman yang jelas tentang persyaratan pengguna mengenai proposisi
• Validasi proposisi dengan pengguna dan pemangku kepentingan
• Berkembang dengan baik persona mewakili segmen audiens utama
• Kasus penggunaan dan alur kerja
• Perjalanan pengguna
• Wireframes

Dengan adanya item-item ini, kami dapat mengembangkan prototipe desain dan memerlukan waktu terbatas bersama Anda dan tim Anda untuk memulai dan menjalankannya.

Untuk memfasilitasi penelitian pengguna, prototipe dibuat berdasarkan skenario yang masuk akal termasuk interaksi yang mendukung tujuan pengguna.

Kami menggunakan 25:50:20:5 pendekatan untuk pengembangan purwarupa.

The langkah pertama adalah membuat sekitar 25% prototipe dan kemudian mendapatkan umpan balik dari klien untuk memastikan kami menuju ke arah yang benar. Kami kemudian melanjutkan ke mengembangkan sampai kita memiliki sekitar 75% dari pekerjaan desain selesai dan kemudian menyelesaikan tinjauan lebih lanjut. Setelah itu, kita bawa prototipe ke versi lengkap yang sudah selesai dan memungkinkan 5% lebih lanjut dari waktu untuk penyesuaian dan perubahan.

Kami juga berpengalaman bekerja dengan dan sebagai bagian dari tim yang tangkas (atau lean UX) dan menyediakan sumber daya UXD (serta sumber daya penelitian).

PERANGKAT LUNAK PEMBUATAN PROTOTIPE:

Desainer UX senior kami akrab dengan berbagai perangkat lunak pembuatan prototipe termasuk produk populer seperti RP Axure, Invision, Omnigraffle, Sketsa dan banyak lagi - bahkan HTML. Klien kami merasa lebih mudah jika kami mengembangkan prototipe dalam perangkat lunak yang sudah mereka gunakan dan kami dengan senang hati melakukannya.

Banyak dari perangkat lunak ini akan memungkinkan kita untuk membuat prototipe untuk berbagai platform dengan cepat dan efisien karena mereka memiliki fitur yang akan mengubah ukuran untuk ukuran layar ponsel. Mereka juga memiliki fasilitas berbagi yang memudahkan untuk berbagi hasil dengan klien saat mereka dikembangkan dan di akhir proses desain.