Tutorial UI Design — #10 Wireframe Halaman Detail
Seri Belajar UI Design Bagian 10, Wireframe Halaman Detail
Setelah di artikel sebelumnya UI/UX Designer membuat wireframe halaman depan, selanjutnya mereka berdiskusi tentang wireframe halaman detail.
Proses Pembuatan Wireframe Halaman Detail
Sebelum membuat wireframe, mereka berdiskusi mengenai spesifikasi halaman detail.
Pada tahapan ini, user berharap agar mendapatkan informasi detail mengenai freelancer tersebut, dan juga berharap agar freelancer tersebut bisa memberikan harga murah dan kompeten dibidangnya.
Sehingga, spesifikasi untuk halaman detail adalah sebagai berikut:
- User bisa melihat Profil diri dari freelancer
- User bisa melihat Deskripsi mengenai pekerjaan
- User bisa melihat Fee tiap pekerjaan
- User bisa melihat Feedback dari customer
- User bisa melihat Portofolio dari freelancer
Wireframe Halaman Detail
Setelah proses menggambar bersama, akhirnya didapatlah wireframe halaman detail sebagai berikut
Setelah menyelesaikan wireframe halaman detail, kini mereka berdiskusi mengubah wireframe menjadi high fidelity mockup.
Have a nice day!
Putri Arina Kamilia, Mahasiswi di Program Profesi CCIT-Fakultas Teknik Universitas Indonesia
Akses materi selanjutnya di:
medium.com/ccit_komandro