#Series — Proses Pembuatan UI, bagian 5 — Wireframe Halaman Detail

Dwinawan
Insight
Published in
2 min readJan 22, 2019

Setelah di artikel sebelumnya mereka 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 ketiga, saat berdiskusi dengan bagian penjualan, mereka mengetahui kebutuhan user setelah memilih salah satu paket wisata, yaitu mencari tahu lebih detail mengenai informasi paket wisata tersebut dan juga berharap agar paket wisata tersebut bisa dimodifikasi agar harga nya bisa lebih murah.

Sehingga, spesifikasi untuk halaman detail adalah sebagai berikut:

  • User bisa melihat foto foto tempat yang akan mereka kunjungi
  • User bisa melihat detail informasi tempat yang akan mereka kunjungi
  • User bisa melihat jadwal (itinerary) wisata mereka
  • User bisa memodifikasi paket wisata agar harga nya bisa lebih murah
  • User bisa mengetahui harga yang harus mereka bayar

Wireframe Halaman Detail

Setelah proses menggambar bersama, akhirnya didapatlah wireframe halaman detail sebagai berikut

Setelah menyelesaikan wireframe halaman detail, kini mereka berdiskusi membahas wireframe halaman selanjutnya

Bersambung ke artikel selanjutnya 👇👇👇

--

--

Dwinawan
Insight

Co-Founder Paperpillar • UI Designer • Love to create design exploration on dribbble.com/dwinawan • Have a question? find me on twitter.com/dwinawan_