{"id":10692,"date":"2019-03-27T00:00:00","date_gmt":"2019-03-27T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2019\/03\/27\/coba-coba-full-screen-menu\/"},"modified":"2024-09-24T02:20:29","modified_gmt":"2024-09-24T02:20:29","slug":"coba-coba-full-screen-menu","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2019\/03\/27\/coba-coba-full-screen-menu\/","title":{"rendered":"Coba-coba: Full Screen Menu"},"content":{"rendered":"<p>Beberapa waktu lalu saya membaca artikel menarik yang membahas tentang tren <em><a href=\"https:\/\/uxdesign.cc\/rethinking-the-full-screen-menu-59c9c514e43b\">Full Screen Menu<\/a><\/em>.<\/p>\n<p>Menurut nara sumber, tren Full Screen Menu cenderung terlihat membosankan karena hanya menampilkan daftar menu dari atas lalu ke bawah seperti <em>Home, Work, Blog, About, <\/em>dan<em> Contact.<\/em> Sehingga muncul beberapa saran untuk memperkaya tampilan <em>Full Screen Menu<\/em>, yaitu:<\/p>\n<ol>\n<li>Beri sentuhan identitas brand.<\/li>\n<li>Munculkan <em>Link<\/em> sosial media.<\/li>\n<li>Munculkan alamat dan detil kontak.<\/li>\n<li>Maksimalkan konten di area yang luas.<\/li>\n<\/ol>\n<p>Melihat tren dan beberapa saran tersebut, saya jadi tertarik untuk mencoba desain tersebut pada website BINUS. Cocok atau tidak, itu urusan nanti. Yang penting kita coba-coba terlebih dahulu \ud83d\ude00<\/p>\n<p><strong>Tahap Pertama<\/strong><br \/>Saya coba lihat menu yang ada saat ini, lalu saya pilih beberapa menu yang akan digunakan sebagai menu utama dan menu sekunder.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" class=\"wp-image-3913\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2019\/05\/BINUS-University-\u2013-A-World-class-university-In-continuous-pursuit-of-innovation-and-enterprise.png\" alt=\"\" \/><figcaption>Tampilan menu yang ada pada website BINUS saat ini.<\/figcaption><\/figure>\n<p><strong>Tahap Kedua<\/strong><br \/>Setelah memutuskan menu-menu yang disusun, saya masuk ke tahap sketsa manual.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"685\" height=\"800\" class=\"wp-image-3932\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2019\/05\/tulisan-3-1.jpg\" alt=\"\" \/><figcaption>Sketsa dari Full Screen Menu yang nantinya akan berlanjut ke tahap selanjutnya.<\/figcaption><\/figure>\n<p><strong>Tahap Ketiga<\/strong><br \/>Setelah melakukan sketsa manual, saya langsung membuat draft dengan format digital. Pada tahap inilah saya melihat beberapa kelebihan dan kekurangan menggunakan <em>Full Screen Menu<\/em>.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" class=\"wp-image-3937\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2019\/05\/tulisan-3-gambar-1.jpg\" alt=\"\" \/><figcaption>Tampilan ketika saya memindahkan semua menu kedalam satu tempat.<\/figcaption><\/figure>\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" class=\"wp-image-3950\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2019\/05\/tulisan-3-gambar-2-1.jpg\" alt=\"\" \/><figcaption>Draft tampilan Full Screen Menu alternatif pertama.<\/figcaption><\/figure>\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" class=\"wp-image-3953\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2019\/05\/tulisan-3-gambar-3-1.jpg\" alt=\"\" \/><figcaption>Draft tampilan Full Screen Menu alternatif kedua<\/figcaption><\/figure>\n<p>Kelebihan yang saya rasakan adalah:<br \/>1. Tampilan header menjadi sangat bersih karena hanya ada 1 menu.<br \/>2. Hirarki menu menjadi sangat terasa.<br \/>3. Lebih fleksibel jika ada penambahan menu.<\/p>\n<p>Kekurangan yang saya rasakan adalah:<br \/>1. Karena tampilan header menjadi satu menu, website BINUS terasa seperti kehilangan petunjuk arah. Pengguna harus mengklik satu menu terlebih dahulu baru terlihat arahnya.<\/p>\n<p>Kesimpulannya untuk coba-coba <em>Full Screen Menu<\/em>, dapat digunakan namun butuh beberapa modifikasi menu utama yang mungkin sudah terlihat di header sehingga para pengguna dapat mengetahui arah yang menjadi tujuan utama website BINUS.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Beberapa waktu lalu saya membaca artikel menarik yang membahas tentang tren Full Screen Menu. Menurut nara sumber, tren Full Screen Menu cenderung terlihat membosankan karena hanya menampilkan daftar menu dari atas lalu ke bawah seperti Home, Work, Blog, About, dan Contact. Sehingga muncul beberapa saran untuk memperkaya tampilan Full Screen Menu, yaitu: Beri sentuhan identitas [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":10693,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-10692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/10692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=10692"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/10692\/revisions"}],"predecessor-version":[{"id":11995,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/10692\/revisions\/11995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/10693"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=10692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=10692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=10692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}