pada topik kali ini kita akan bahas tentang wireframe. Wireframe merupakan salah satau hal yang terpenting dalam pembuatan user interface baik itu aplikasi mobile maupun website. Pengertian wireframe sendiri adalah Wireframe adalah kerangka atau coretan kasar untuk penataan item-item pada halaman website sebelum proses desain sesungguhnya dimulai. Biasanya proses ini ditugaskan kepada UI Designer. Untuk merancang wireframe sang UI Designer bisa menggunakan coretan tangan di kertas ataupun menggunakan tools desain khusus wireframing. Secara visual wireframe hanya berupa garis dan kotak yang mengatur tata letak elemen-elemen pada website. Wireframe juga mempunyai kelebihan, berikut adalah kelebiham dari wireframe :
1. Menggambarkan layout umum dari website atau aplikasi
2. Membangun kepercayaan dengan user dan stakeholders
3. Menghemat biaya dan waktu
Berikut adalah tools yang dapat dipakai untuk men-desain wireframe :
1. Figma
Figma memiliki serangkaian fitur yang bekerja dengan baik walaupun seorang desainer mandiri atau bagian dari tim yang lebih besar.Yang menonjol dari figma adalah peluang kolaborasi timnya. Karena ini adalah aplikasi berbasis web, banyak anggota tim dapat masuk dan mengakses file desain secara bersamaan, apakah akan mengubah desain atau menambahkan konten. Fitur yang paling menarik adalah kemampuan untuk tim dapat melakukan seluruh percakapan di dalam file desain, meninggalkan komentar seperti catatan lengket yang kemudian dapat dibalas oleh anggota tim lain atau ditandai sebagai lengkap. Akan tetapi, untuk mengaksesnya tidak gratis, apabila kalian ingin mengakses figma maka kalian harus membayar sebesar Rp.196.000 perbulannya.
2. InVision Freehand
InVision Freehand merupakan aplikasi sederhana akan tetapi menjadi rekomendasi yang tepat bagi pemuka yang ingin mendesain wirefram. Terutama jika Anda lebih suka membuat wireframe di papan tulis tempat semua orang dapat berkontribusi dan merevisinya.Karena ini adalah aplikasi cloud, banyak desainer dan pemangku kepentingan dapat masuk dan menulis pada saat yang sama.
Freehand merupakan tool untuk wireframe yang bagus, meskipun sederhana yang hanya sama seperti aplikasi papan tulis lainnya. Tetapi karena ia menawarkan sinkronisasi waktu-nyata dengan Sketch dan Photoshop, kita dapat memilih untuk menggambar dan membuat anotasi langsung pada prototipe yang dipoles, membuat tahap desain iterasi jauh lebih mudah.
Dan, karena ini adalah bagian dari paket InVision, sketsa kolaborasi Anda disimpan bersama prototipe dan papan mood yang berfungsi untuk referensi cepat saat Anda bergerak melalui proyek desain Anda. Freehand akan bekerja dengan baik untuk desainer yang ingin berkolaborasi dengan anggota tim pada sketsa gambar rangka awal dan / atau mengomentari gambar rangka / prototipe wireframe yang lebih halus.
3. Balsamiq
Bagi siapa saja yang hanya ingin membuat sketsa wireframe berbasis grid cepat, tanpa menghabiskan waktu mempelajari alat yang lebih kompleks, Balsamiq benar-benar baplikasi yang sangat direkomedndasi. Balsamiq adalah tool serbaguna dengan drag dan drop yang mudah digunakan. Balsamiq adalah pilihan tepat ketika Anda tidak mencari ketepatan piksel tetapi membutuhkan sesuatu yang sedikit lebih profesional daripada pena dan kertas. Balsamiq jugamerupakan aplikasi yang tidak gratis. jika anda ingin menggunakan aplikasi ini maka harus merogoh kocek sebesar Rp.1.446.917. merupakan harga yang fantastis.
membuat wireframe sendiri bisa digambar sendiri secara manual yang hanya bermodalkan kertas dan pensil seadanya. jadi jangan memaksakan kehendak jika memang tidak mampu untuk mengakses tools untuk desain wireframe.
No comments:
Post a Comment