Saat ini, penggunaan modal windows (modal boxes) dalam desain web sedang menjadi tren. Penggunaan modal windows dalam desain web diadopsi dari karakteristik aplikasi berbasis desktop. Dalam desain web, modal windows banyak digunakan untuk menggantikan penggunaan popup yang dapat menyebabkan pengguna kehilangan fokus pada saat mengunjungi sebuah web karena harus berpindah ke jendela browser baru. Jika menggunakan modal windows, pengguna tidak akan kehilangan fokus karena window yang ditampilkan masih menjadi bagian dari situs web tersebut. Teknologi web terkini seperti jQuery dapat mempermudah para developer/desainer web untuk mengimplementasikan modal dialog dalam sebuah web. Tulisan ini akan memberikan gambaran mengenai penggunaan modal windows dalam desain web.
Form
Dalam beberapa website, seringkali ketika pengunjung harus mengisi suatu form (Sign Up, Sign In atau tipe form lainnya), form tersebut akan dimunculkan pada halaman web yang lain atau melalui popup yang dimunculkan dalam jendela browser yang berbeda. Penggunaan modal windows dapat membuat form yang dimunculkan menyatu dengan halaman yang sebelumnya sedang diakses oleh pengguna. Salah satu contoh penggunaan modal windows dalam menampilkan form dapat dilihat pada Contact Form yang ada pada website SprocketHouse.
Gallery Preview
Jika sebuah website memiliki fitur gallery, seringkali galerry tersebut memakan ruang yang ada dalam sebuah halaman web karena beberapa item gallery langsung ditampilkan dalam halaman tersebut. Permasalah ini dapat diatasi dengan menggunakan modal windows untuk menampilkan item pertama yang ada dalam gallery kemudian pengguna dapat mengakses item gallery lainnya dengan menu interaktif yang tersedia. Seringkali modal windows juga digunakan untuk melihat preview dari sebuah item yang ada di gallery, baik yang berupa photo maupun theme seperti pada saat kita melihat preview sebuah theme di WordPress.
Feedback
Dalam sebuah interaksi, feedback menjadi salah satu komponen yang sangat penting. Feedback dapat menjadi sarana untuk memberitahukan pengguna mengenai status atau kondisi yang sedang terjadi (terkait dengan faktor observabilitas). Salah satu contoh penggunaan feedback dalam desain web adalah untuk menampilkan status mengenai proses upload/download yang sedang dilakukan oleh pengguna. Modal windows juga dapat digunakan untuk keperluan ini.
Untuk mengetahui lebih lanjut tentang penggunaan modal windows, dapat membaca artikel berikut ini:
- Modal Windows In Modern Web Design
- 33 Examples of Modal Windows in Web Design
- Inspirational Modal Windows in web design
Bagaimana menurut pendapat Anda? Selain ketiga hal tersebut, modal windows tepat digunakan di mana saja ketika Anda mendesain web? Silahkan memberikan jawaban Anda melalui fasilitas komentar.