Skip to main content
Membuat Wireframe digital adalah hal yang penting untuk mengetahui struktur halaman yang akan dibuat dengan lebih bersih dan detail. Selain itu, Wireframe digital lebih mudah dibagikan kepada orang lain. Anda juga dapat berkolaborasi dengan orang lain untuk membuat desain yang lebih baik. Tentu, hal ini lebih mudah daripada harus memfoto setiap kali ada perubahan, kan? Oleh karena itu, pastikan Wireframe kertas Anda sudah final dulu ya! Hal ini karena mengubah Wireframe digital agak sedikit lebih sulit daripada di kertas. Berikut ini adalah beberapa hal yang perlu dipikirkan supaya Wireframe digital Anda sempurna:
  1. Jangan memikirkan warna dan gambar terlebih dahulu, tetapi lebih ke fungsionalitasnya saja.
  2. Pastikan Wireframe Anda berdasarkan Wireframe kertas yang telah dibuat. 
  3. Sertakan lebih banyak detail daripada Wireframe kertas. Seperti menggunakan kata-kata yang sebenarnya untuk bagian yang penting. 
  4. Pertimbangkan hierarki informasi di setiap layar.
  5. Beri tahu pengguna apa yang dapat mereka lakukan di layar mana pun.
Nah, sekarang Anda pasti sudah tidak sabar untuk mengubah Wireframe kertas menjadi bentuk digital. Namun sebelum itu, mari kita berkenalan dengan beberapa tool yang bisa digunakan untuk membuat Wireframe digital. Apa saja itu? Yuk, kita simak.

​
Figma

dos:3e5c5d1168a487d64433417d9572c63d20230410145930.png Figma adalah aplikasi yang bisa digunakan untuk membuat desain secara bersama-sama dengan tim lainnya secara real-time. Figma termasuk aplikasi yang populer karena fitur gratisnya sudah sangat mencukupi untuk desainer pemula. Selain itu, Figma juga bisa dijalankan langsung melalui web browser tanpa harus menginstalnya terlebih dahulu. Dengan Figma, Anda dapat membuat desain Wireframe dan prototype dengan mudah. Hal ini karena ada beberapa fitur seperti modern pen tool, instant arc, dan auto layout. Anda juga bisa memanfaatkan plugin dan template yang dapat mempercepat proses desain.

​
Adobe XD

202108161302419be15b501e6d4997ef7f894057691805.jpeg Adobe XD adalah aplikasi berbayar yang dikeluarkan oleh Adobe Inc untuk mendesain berbasis vektor. Adobe XD sering digunakan oleh para desainer profesional untuk membuat UI/UX dari halaman web ataupun mobile. Aplikasi ini dapat digunakan di Windows ataupun macOS. Tidak hanya itu saja, ada juga versi Android atau iOS untuk mempermudah melihat preview desain langsung dari perangkat mobile. Dengan Adobe XD, Anda juga dapat membuat desain Wireframe dan prototype dengan lebih menarik. Fitur utamanya adalah 3D Transform, Auto-Animate, dan Repeat Grid. Anda juga dapat mengintegrasikannya dengan produk Adobe lainnya seperti Photoshop dan After Effect.