Jendela modal pada awalnya dibuat sebagai peringatan untuk peristiwa penting atau esensial yang ditampilkan dalam antarmuka pengguna. Seiring dengan kemajuan dunia desain yang semakin maju, bisnis mengeksplorasi berbagai cara untuk mengumpulkan data yang mereka butuhkan untuk memperluas audiens mereka. Salah satu praktik tersebut termasuk kotak pop-up yang praktis ini (banyak di antaranya benar-benar memblokir konten di halaman induk), yang kemudian disalahgunakan dan disalahgunakan, ditekuk sesuai keinginan desainer, pemangku kepentingan, dan pemasar, dan sayangnya, dengan mengorbankan UX yang baik.
Begini caranya.
Tidak ada orang yang suka diinterupsi, tetapi terkadang interupsi itu memang pantas untuk ketidaknyamanan.
Apakah layar modal Anda diperlukan atau interupsi yang tidak penting?
Sebagai contoh, jika Anda sedang melakukan percakapan penting dan seseorang menyela Anda untuk memberi tahu bahwa ada orang yang membobol mobil Anda atau rumah Anda terbakar, Anda akan berterima kasih kepada mereka dan segera bertindak untuk mengatasi keadaan darurat tersebut.
Namun, jika seseorang menyela percakapan penting yang sama untuk bertanya tentang cuaca atau warna favorit Anda, Anda mungkin akan merasa kesal dengan gangguan yang tidak perlu tersebut.
Hal yang sama berlaku untuk dialog modal (atau dialog). Ketika digunakan dengan benar, mereka adalah penyelamat hidup (setidaknya bermanfaat bagi pengguna); ketika disalahgunakan, mereka mengganggu, menghambat alur kerja, dan merusak pengalaman pengguna.
Dalam artikel hari ini, kami akan menjelaskan apa itu jendela modal dan mengapa penggunaannya penting untuk menunjukkan rasa hormat kepada pengguna dan pengunjung untuk mempertahankan praktik terbaik UX yang ideal.
Modalitas dan UX
Dalam hal modalitas, desainer UX harus selalu menunjukkan rasa hormat khusus pada alur kerja pengguna dan hanya menginterupsi dengan informasi yang penting.
Sebagai Nielsen Norman Group negara:
Dialog modal mengganggu pengguna dan menuntut tindakan. Dialog ini cocok digunakan ketika perhatian pengguna perlu diarahkan ke informasi penting.
Apa yang menentukan "informasi penting" bisa jadi sangat diperdebatkan. Tentunya, untuk pengalaman pengguna yang terbaik, keputusan itu harus berada di tangan pengguna. Jika Anda tidak dapat menghormati konsep dasar atau tidak yakin apa penting berarti bagi pengguna Anda, pengujian sederhana dapat memberikan data yang diperlukan untuk mendorong penggunaan jendela modal yang tepat.
Apa yang dimaksud dengan Modalitas?
Jendela modal muncul di dalam atau di atas layar induk, membuat semua elemen fungsional halaman tidak aktif. Jendela dialog modal dirancang untuk memperingatkan pengguna tentang peristiwa tertentu, yang membutuhkan interaksi pengguna untuk menutup jendela sebelum mereka dapat melanjutkan interaksi dengan konten atau perangkat lunak seperti sebelumnya.
Modalitas dalam Tindakan
Cukup mudah untuk melihat betapa pentingnya sebuah simpan dialog adalah jendela modal. Ketika dialog modal ini muncul, dialog ini menanyakan apakah Anda ingin menyimpan perubahan yang dibuat pada dokumen sebelum menutupnya. Kita semua pernah menjadi korban dari pekerjaan yang hilang karena gagal menyimpan dokumen, jadi opsi ini menjadi bantuan yang sangat membantu bagi siapa pun yang membuat dokumen penting. Dengan opsi untuk menyimpan, membatalkan, atau tidak menyimpan sebelum Anda dapat melanjutkan, keputusan tersebut mungkin menghentikan operasi, tetapi itu sepadan. Bagi siapa pun yang pernah mengalami frustrasi karena kehilangan pekerjaan, mereka akan sangat senang karena pekerjaan mereka dilindungi oleh jendela modal yang diprakarsai oleh sistem ini.
Di sisi lain, pop-up yang muncul beberapa detik setelah mengunjungi halaman web baru yang meminta Anda bergabung dengan milis mereka atau mengizinkan mereka mengganggu Anda dengan pemberitahuan sebelum Anda bisa mendapatkan konten yang ingin Anda baca tidaklah terlalu penting atau penting bagi pengguna. Ini adalah ketidaknyamanan yang ringan, tetapi tetap saja, ketidaknyamanan yang, dalam desain UX, tidak pantas mengganggu alur kerja pengguna.
Sebagai opsi tambahan untuk mengumpulkan kontak baru, Anda bisa melihat mengapa pemasar menyukai tindakan ini, tetapi sejauh menyangkut UX, ada argumen yang kuat tentang penggunaan yang benar dari komponen tersebut dan perdebatan seputar bagaimana fitur ini disalahgunakan.
Jenis-jenis Modalitas
Dialog Modal
Contoh berikut ini menunjukkan bagaimana jendela modal digunakan dalam lingkungan digital saat ini:
- Pop-up dan kotak cahaya yang memenuhi seluruh layar
- Peringatan dan pemberitahuan (termasuk kotak dialog penyelamat penyelamatan dan layar modal lainnya yang mencegah kesalahan pengguna)
- Peringatan dan instruksi dalam perangkat lunak dan browser
- Opsi tindakan dan alur kerja yang kompleks
- Mengumpulkan detail input yang diperlukan, seperti login akun dan metode pembayaran, atau memberikan akses ke kamera ponsel, album foto, dll.
- Beberapa keterangan alat
- Konfirmasi suatu tindakan, seperti ketika formulir berhasil dikirim
- Wizard orientasi atau peringatan fitur baru saat membuka aplikasi atau situs web
- Permintaan pemasaran, seperti pendaftaran buletin, akun, dan diskon/penawaran
Dialog Tanpa Model
Sebagai peneliti UX, kami ingin mendorong partisipasi pengguna tetapi tanpa memengaruhi alur atau kenikmatan pengguna terhadap produk kami.
Alternatif untuk jendela modal adalah opsi yang dapat melakukan pekerjaan yang sama tanpa terlalu mengganggu dan memblokir konten pada halaman induk. Dikenal sebagai jendela dialog tanpa model atau jendela nonmodalopsi ini tidak mengambil alih seluruh layar dan antarmuka pengguna dan umumnya muncul pada halaman yang sama. Opsi ini memungkinkan pengguna untuk melanjutkan apa yang sedang mereka lakukan sambil mengabaikan permintaan tambahan atau menundanya sampai nanti.
Pada perangkat selulerDi mana ruang terbatas, layar modal dan jendela nonmodal dapat terlihat sangat mirip, karena keduanya akan mengambil alih layar untuk menampilkan pesan mereka. Namun, perbedaan utama terletak pada bilah navigasi dan header, yang tetap terlihat pada jendela nonmodal. Di dalam layar modal, mereka memiliki header atau footer mereka sendiri dengan opsi untuk membatalkan atau melanjutkan dengan memberikan input yang diminta atau diperlukan; pada alternatif jendela nonmodal, bilah navigasi tetap utuh, memungkinkan banyak opsi yang sama seperti sebelumnya.
Bagaimana tampilan jendela nonmodal dibandingkan dengan layar modal? Berikut ini beberapa contoh yang mungkin Anda lihat dan gunakan setiap hari:
- Kotak dialog dalam halaman, seperti kotak obrolan dan fungsi pencarian
- Peringatan sebaris, seperti input bidang formulir yang salah
- Menempatkan informasi pada halaman terpisah menggunakan tombol tautan eksternal
- Masukan, survei, dan kotak komentar sebaris
- Tayangan slide dan pemutar video sebaris
- Pemberitahuan cookie di bilah pop-up di bagian atas atau bawah halaman
- Menyediakan konten yang terlihat di halaman
- Menu tab
- Akordeon
- Membuat pop-out pesan email
- Kotak pencarian
- Dialog bilah samping pop-out
Manfaat Menggunakan Modal Windows
- Fokus pengguna ? Jendela modal membuat pengguna tetap fokus pada apa yang diyakini perancang halaman sebagai hal yang paling penting, memperingatkan mereka tentang peristiwa penting yang berkaitan dengan konten atau operasi.
- Penyelesaian tugas ? Desainer menyertakan jendela modal yang meminta informasi untuk menyelesaikan proses, seperti login akun, yang tanpanya alur kerja atau perjalanan digital tidak dapat dilanjutkan.
- Pencegahan kesalahan ? Sekali lagi, layar modal penting yang mencegah kesalahan kritis dengan menuntut perhatian pengguna untuk membuat keputusan penting.
- Adegan modal yang memecah alur kerja yang kompleks menjadi langkah-langkah yang dapat dikelola ? Contohnya, dalam desktop publishing, jendela modal menyajikan kepada pengguna seperangkat opsi yang berisi serangkaian opsi untuk menerapkan pemformatan, filter, atau pengaturan lainnya.
Tantangan dan Kekurangan
- Frustrasi pengguna ? Pop-up yang tidak perlu mengganggu alur pengguna, sering kali menyebabkan mereka kehilangan konsentrasi atau tempat mereka dalam dokumen atau mengalihkan perhatian mereka sepenuhnya dari apa yang sedang mereka kerjakan.
- Interupsi yang tidak perlu ? Menambahkan tugas yang tidak relevan pada operasi yang sedang dilakukan pengguna akan mengganggu dan mengganggu.
- Mereka memblokir akses ke konten ? Menonaktifkan halaman induk dapat mencegah pengguna mengakses informasi yang diperlukan untuk menyelesaikan permintaan yang ditetapkan di jendela modal.
- Masalah aksesibilitas ? Aksesibilitas adalah area utama yang menjadi perhatian utama dalam jendela modal. Dapatkah semua orang menavigasi gangguan, terlibat dengan atau mengabaikannya, apa pun situasi pribadi mereka?
Praktik Terbaik untuk Menerapkan Modalitas
Kami ingin menyarankan bahwa praktik terbaik seharusnya merupakan hal yang masuk akal; namun, kami menghargai betapa para pemangku kepentingan dan pemasar yang haus akan target sangat senang menarik perhatian pengguna dengan promosi terbaru atau latihan pengumpulan data.
Untuk memastikan layar modal beroperasi dengan nilai UX yang sehat:
- Memiliki tujuan yang jelas dan penting ? Mengingat gangguan yang ditimbulkan oleh tampilan modal layar penuh, pastikan bahwa Anda tidak memecah konsentrasi pengguna atau kontak dengan layar utama secara tidak perlu.
- Kontrol pengguna ? Jika Anda harus menggunakan tampilan modal, pastikan pengguna dapat menutupnya dengan mudah. Memberi pengguna kontrol atas cara mereka mengonsumsi konten dan memberikan informasi harus menjadi prioritas utama dalam desain UX Anda.
- Fitur aksesibilitas ? Pastikan setiap tugas modal menyediakan pelabelan, akses, dan pengoperasian yang diperlukan untuk pengguna keyboard dan pembaca layar. Penting juga untuk menyimpan status aktif terakhir pengguna sehingga mereka dapat melanjutkan dari bagian terakhir yang mereka tinggalkan, setelah modal tersebut ditangani.
- Pengujian dan umpan balik ? Mengingat pentingnya iterasi dalam pengujian pengguna dan mengumpulkan umpan balik melalui penelitian UX secara teratur, kami tidak perlu memberi tahu Anda betapa pentingnya hal ini. Pengguna kita harus menjadi inti dari semua perjalanan pengguna.
Kesimpulan
Jika digunakan dengan benar, jendela modal bisa sangat positif dan efektif. Mereka memainkan peran penting dalam paket perangkat lunak, SaaS, situs web, dan aplikasi. Namun, seperti yang telah kita bahas, penggunaan modal secara berlebihan dapat menimbulkan kekurangan pengalaman pengguna yang serius ketika digunakan tanpa menghormati pengguna dan pengunjung situs web.
Untuk memastikan pengalaman desain UI yang positif, kita perlu memahami apa yang cukup penting untuk membatasi akses konten hingga pengguna secara eksplisit berinteraksi dengan dialog modal. Meskipun kita dapat berkonsultasi dengan beberapa kerangka kerja keputusan untuk mempertimbangkan apakah jendela modal benar-benar diperlukan, mungkin cara terbaik untuk memberikan apa yang diinginkan pengguna, seperti halnya semua penelitian UX yang baik, adalah dengan bertanya kepada mereka.
Pakar riset pengguna kami siap membantu Anda untuk lebih dekat dengan pelanggan Anda. Jika Anda ingin mengatur panggilan tanpa kewajiban, hubungi kami melalui email di hello@ux247.com atau bagikan kebutuhan Anda menggunakan formulir di bawah ini.