{"id":2222,"date":"2019-08-06T08:31:08","date_gmt":"2019-08-06T08:31:08","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=2222"},"modified":"2019-08-06T08:31:08","modified_gmt":"2019-08-06T08:31:08","slug":"wireframe-yuk-cari-tahu-detailnya","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/wireframe-yuk-cari-tahu-detailnya\/","title":{"rendered":"Wireframe? Yuk Cari Tahu Detailnya\u2026"},"content":{"rendered":"

Bisa jadi ada orang yang baru mendengar istilah wireframe. Apakah Anda termasuk salah satunya? Atau, Anda justru salah satu orang yang pekerjaannya sebagai user interface (UI) designer? Bagi yang belum memahami apa itu wireframe, baca sampai selesai ya artikel Wireframe? Yuk Cari Tahu Detailnya\u2026<\/strong><\/p>\n

Memiliki rancangan yang baik dan benar harus terlebih dahulu dilakukan sebelum tahap development suatu website. Hal tersebut penting dilakukan agar sesuai target yang ingin dicapai. Proses merancang suatu website<\/a> inilah yang tidak mungkin lepas dari desain\u00a0User Interface\u00a0(UI) yang bertujuan merancang tampilan website. Wireframing merupakan istilah yang dipakai dalam tahap awal dalam merancang user interface.<\/p>\n

Apa Itu Wireframe?<\/strong><\/p>\n

Wireframe merupakan suatu adalah kerangka untuk penataan suatu item di halaman website dan hal ini dilakukan sebelum proses desain sesungguhnya dimulai. Item-item yang bisa ditata, antara lain banner, header, content, footer, link, form input, dan sebagainya.<\/p>\n

Proses yang satu ini biasanya akan diberikan kepada UI Designer. UI designer menggunakan coretan tangan di kertas atau tools desain khusus wireframing. Wireframe hanya terlihat \u00a0berupa garis dan kotak yang mengatur tata letak elemen-elemen pada website.<\/p>\n

Perancangan Layout<\/strong><\/p>\n

Menentukan jumlah kolom suatu website merupakan tahap awal saat merancang layout untuk wireframing. Ada dua tipe layout dasar, yaitu,\u00a0dua kolom dan\u00a0tiga kolom\u00a0yang mana sesuai dengan kebutuhan konten yang ingin diberikan. Akan tetapi, layout yang dipakai tidak selalu terpaku pada dua tipe tersebut seiring dengan perkembangan UI Design.\"tipe<\/a><\/p>\n

Apa Manfaat dari Wireframe?<\/strong><\/p>\n

Tentu saja web developer terbantu dalam pekerjaannya dengan bantuan wireframe karena proses pengembangan dapat terstruktur dan terarah.<\/p>\n

Kelebihan\u00a0Wireframe<\/strong><\/p>\n

    \n
  1. Memberikan gambaran\u00a0layout<\/em>umum dari\u00a0website\u00a0<\/em>atau aplikasi.<\/li>\n
  2. Akan terbangun kepercayaan dengan\u00a0user\u00a0<\/em>dan<\/li>\n
  3. Akan menghemat biaya dan waktu.<\/li>\n<\/ol>\n

    Tools Membuat Wireframe<\/strong><\/p>\n

    Apabila Anda ingin membuat wireframe maka dapat menggunakan beberapa tool berikut ini, dia antaranya Cacoo, Jumpchart, Gliffy serta Mockflow yang memiliki toolset dan feature yang bagus. Selain itu, ada yang sebagian yang menggunakan Adobe Illustrator. Anda pun bisa melakukan secara manual dengan cara menggunakan pensil lalu membuat sketch di atas kertas.<\/p>\n

    Jetorbit<\/a> menyediakan web hosting terbaik dan domain murah<\/a> di tahun 2019 ini. Web hosting adalah tempat untuk membuat website Anda bisa diakses oleh semua pengunjung di seluruh belahan dunia. Agar bisa online dengan mudah dan cepat maka pilihlah web hosting terbaik dengan pengalaman lebih dari 5 tahun. Sedangkan domain adalah identitas dari website Anda agar mudah pengunjung mengingat nama identitas dari website Anda.<\/p>\n

    Hosting murah<\/a> juga bisa didapatkan di Jetorbit dengan tanpa mengurangi kualitas, Jetorbit selalu mengedepankan rasa puas klien dan tercapainya tujuan dan sukses dari website yang ada di dalam Jetorbit. Berbagai macam pilihan web hosting berkualitas bisa Anda coba.<\/p>\n

    Hosting indonesia pun telah tersedia. Anda bisa melakukan pemesanan web hosting Indonesia<\/a> di Jetorbit dengan spesifikasi hosting terbaik.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Bisa jadi ada orang yang baru mendengar istilah wireframe. Apakah Anda termasuk salah satunya? Atau, Anda justru salah satu orang yang pekerjaannya sebagai user interface (UI) designer? Bagi yang belum memahami apa itu wireframe, baca sampai selesai ya artikel Wireframe? Yuk Cari Tahu Detailnya\u2026 Memiliki rancangan yang baik dan benar harus terlebih dahulu dilakukan sebelum … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":2223,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[25],"tags":[127,266,142],"class_list":["post-2222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-alasan-harus-memiliki-website","tag-apa-itu-wireframe","tag-cara-membuat-website","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=2222"}],"version-history":[{"count":1,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2222\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2222\/revisions\/2226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/2223"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=2222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=2222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=2222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}