Storyboard pada Halaman Web dan Media Interaktif Langkah awal yang harus dilakukan dalam merancang sebuah web adalah menyusun storyboard
Storyboard digunakan untuk merancang segala sesuatu yang muncul pada layar monitor dan bertujuan agar program yang dihasilkan tidak terlalu sulit, mudah digunakan, dan tentu saja lebih menarik Storyboard memuat gambaran dari bentuk awal sebuah halaman web yang disusun secara berurutan, serta dilengkapi dengan penjelasan yang mengikuti peta navigasi yang telah dibuat. Terdapat beberapa hal yang harus dipertimbangkan dalam pembuatan storyboard Adapun
beberapa hal tersebut antara lain:
- Brainstorming, dengan adanya brainstorming diharapkan gagasan-gagasan yang muncul baik dari klien, storyboard maker, dan web designer akan menghasilkan sebuah gagasan kreatif yang disepakati.
- Hierarki, gunakan skenario “Kita harus memiliki semua yang ada di halaman pertama”, dengan berpikir tentang bagaimana cara untuk mengatur konten atau isi sebuah web. Hal ini sangat penting untuk situs yang lebih kecil, yang mungkin dimulai dengan jumlah konten yang cukup terbatas.
- Navigasi, dalam membuat storyboard website, navigasi dianggap penting agar user yang sedang berada di halaman tertentu tidak tersesat dan menjadi mudah untuk menemukan halaman- halaman lain dalam website. Navigasi memberikan petunjuk posisi dan arah perjalanan user. Bentuk navigasi dapat mendatar (horizontal) atau menurun (vertikal).
- Balance, sebagai informasi penting, apa yang mungkin dicari oleh banyak orang, haruslah tetap di suatu tempat atau dekat, untuk memastikan pengguna dapat menemukannya dengan mudah.
Susunan storyboard dalam sebuah web, meliputi hal-hal berikut :
- Tema, sebelum membuat web, langkah pertama dalam menyusun storyboard adalah menentukan tema, misalnya tema ” Storyboard penerimaan mahasiswa baru “. Isi web harus sesuai dengan tema yang dibuat.
- Judul, setelah menentukan tema, maka langkah selanjutnya adalah menentukan judul untuk web tersebut. Judul web harus sesuai dengan tema dan dibuat semenarik mungkin
- Alur, hal pertama yang dilakukan dalam membuat alur adalah membuat layout. Untuk membuat layout, para desainer biasanya menggunakan CorelDRAW, dan Dreamweaver, untuk prototypenya dengan Figma dan Adobe XD. Sedangkan untuk programming, biasanya menggunakan CSS, HTML, dan JavaScript. Setelah itu, menyiapkan konten-kontennya, seperti Home, About Us, dan lain-lain.
- Sitemap, merupakan salah satu bagian dari halaman website yang memberikan informasi tentang peta situs. Sitemap merupakan struktur dari sebuah situs dengan link untuk seluruh halaman yang relevan.
Contoh url sitemap pada website seperti link ini
- https://tarunajati.my.id/sitemap_index.xml
- https://www.mebeljati.com/sitemap.xml
