Cara Mendesain Situs Web Anak-Anak: 6 Praktik UI dan UX Terbaik

Berlawanan dengan pendapat umum, remaja dan "boomer" bukan satu-satunya yang menggunakan internet di dunia saat ini. Menurut sebuah penelitian yang dilakukan oleh Nielsen Norman Group, anak-anak antara usia 3-12 tahun sekarang mahir menggunakan situs web dan aplikasi.

Jadi apa artinya ini bagi pengembang? Sederhananya, pengembang sekarang harus memperluas demografi pengguna target mereka dan memastikan bahwa situs web dan aplikasi mereka dioptimalkan untuk pengguna yang lebih muda.

Sayangnya, ini bisa sangat menantang karena merancang situs web anak-anak melibatkan banyak hal teknis dan perhatian terhadap detail. Mari kita lihat lebih dekat beberapa tip berguna dan area utama untuk difokuskan.

Apa Artinya Membuat Website Ramah Anak?

Saat membuat situs web anak-anak, aturan praktis pertama adalah penyederhanaan. Fungsi kognitif anak-anak kurang berkembang dibandingkan rata-rata pengguna dewasa Anda, dan karena itu, penting untuk menyederhanakan antarmuka dan fitur Anda agar sesuai dengan mereka. Ini berarti teks sederhana dan, tentu saja, tombol navigasi sederhana. Namun, ini bukan di mana itu berakhir. Untuk membuat situs web yang ramah anak, Anda harus berpikir seperti anak kecil dan melihat pengalaman pengguna dari sudut pandang anak.

Selama bertahun-tahun, saya telah melihat balita dan anak-anak menggunakan tablet, dan ini adalah beberapa tip yang saya kumpulkan hanya dengan menonton dan berpikir seperti anak kecil:

Pengaman navigasi Anda

Orang tua diajari untuk melindungi rumah mereka sejak mereka memiliki anak: tangga berpagar, pembatas jendela, kaca anti pecah, dan sejenisnya. Namun, perlindungan anak tidak boleh terbatas pada rumah. Ini juga merupakan detail seluk beluk yang perlu dipertimbangkan pengembang saat membangun situs web.

Menggunakan situs web bisa menyenangkan bagi anak-anak, tetapi pengalamannya sebagian besar berumur pendek. Lebih sering daripada tidak, anak-anak mencoba menjelajahi situs web dan akhirnya secara tidak sengaja menghapus diri mereka sendiri dari halaman tertentu. Misalnya, mereka mungkin secara tidak sengaja menggesek tombol yang salah atau mengklik pop-up yang memindahkan mereka ke halaman lain.

Jadi bagaimana Anda menghentikan ini? Sebagai permulaan, Anda harus memastikan bahwa situs web Anda tidak menyertakan gerakan menggesek yang tidak perlu yang dapat mempersingkat pengalaman pengguna atau membawa mereka ke halaman lain di situs.

Modal windows dengan instruksi teks juga merupakan ide bagus untuk dipertimbangkan. Misalnya, jika pengguna mengklik tombol yang mengarah ke halaman lain, mereka akan disajikan dengan jendela yang menawarkan opsi untuk kembali ke halaman sebelumnya atau melanjutkan tindakan baru.

Hindari akselerometer

Adalah umum untuk menemukan game, aplikasi, dan situs web yang menggunakan akselerometer sebagai bagian dari pengalaman pengguna. Misalnya, Anda mungkin menemukan situs web dengan instruksi seperti "miringkan perangkat Anda untuk memutar XYZ" atau "goyangkan perangkat Anda untuk mengubah tombol merah menjadi hijau."

Meskipun ini mungkin fitur yang tampaknya menyenangkan, ini bisa menjadi bencana bagi pengguna muda. Anak-anak sering rentan terhadap kecelakaan, dan merancang situs web yang mengharuskan mereka untuk memiringkan perangkat mereka hanyalah resep untuk bencana. Lebih sering daripada tidak, mereka mungkin akan menjatuhkan ponsel dan menghancurkannya.

Faktor lain yang patut dipertimbangkan saat merancang situs web dan aplikasi ramah anak adalah interaksi multi-sentuh. Jika Anda ingin membuat game atau situs web matematika anak-anak, bagaimana Anda membayangkan pengguna target Anda menavigasi antarmuka?

Saya telah mengamati bahwa anak-anak cenderung menggunakan banyak jari untuk menavigasi dan menjelajahi antarmuka situs web. Tanpa integrasi multi-sentuh, situs web Anda mungkin menjadi tidak responsif saat ini terjadi. Karena itu, penting untuk memastikan bahwa situs web Anda kompatibel dengan multi-sentuh untuk meningkatkan pengalaman pengguna Anda.

Ketuk, bukan tekan

Karena anak-anak terutama berinteraksi dengan mengetuk, masuk akal untuk memasukkan faktor perilaku ini ke dalam desain UX/UI Anda. Dengan demikian, navigasi pada antarmuka situs web Anda harus mudah diterapkan menggunakan satu ketukan. Ada penekanan pada "tunggal" karena mengetuk dua kali bukanlah fitur yang ideal untuk situs web anak-anak.

Anak-anak mengharapkan kesegeraan dari setiap tindakan yang mereka ambil. Tombol yang perlu diketuk dua kali tidak memberi mereka kedekatan itu. Mungkin juga butuh waktu lama sebelum mereka menyadari bahwa mereka perlu mengetuk dua kali tombol untuk mendapatkan hasil yang diinginkan.

Gunakan gambar daripada teks.

Inilah fakta yang menyenangkan: beberapa penelitian menunjukkan bahwa manusia memproses gambar lebih cepat dan lebih baik daripada teks. Untuk anak-anak (yang terutama tertarik pada warna dan gambar yang cerah), gambar bahkan lebih penting. Karena itu, masuk akal untuk memastikan bahwa situs web Anda berisi gambar yang hidup dan teks yang minimal.

Jika Anda menargetkan anak-anak berusia sepuluh tahun ke bawah, Anda harus menyadari bahwa audiens target Anda mungkin memiliki keterampilan membaca yang terbatas. Mereka juga akan menemukan potongan teks yang panjang membosankan dan sulit untuk diikuti.

Untuk mengatasi rintangan ini, isi antarmuka situs web Anda dengan gambar dan tombol berwarna. Jika Anda harus menggunakan teks, pastikan teksnya dicetak tebal, huruf berwarna-warni, dan cukup sederhana untuk dipahami anak. Brighterly telah menerapkan peretasan ini (meskipun audiens target mereka mungkin orang tua) dengan mengisi situs web mereka dengan gambar berwarna dan teks tebal untuk menarik perhatian pengguna mana pun.

Situs web Anda harus ramah pengulangan

Apa artinya ini? Ini mungkin tampak seperti istilah yang aneh bagi siapa saja yang pertama kali mendengar tentang situs web yang ramah pengulangan. Namun, ini adalah faktor penting yang perlu dipertimbangkan saat merancang situs web untuk anak-anak dan balita.

Saat menjelajah, anak-anak suka mengulangi tindakan beberapa kali (misalnya, menonton video Cocomelon yang sama berulang-ulang). Dengan demikian, situs web Anda harus memenuhi kebutuhan bawaan ini dengan menawarkan nilai replay. Misalnya, Anda dapat memberikan tombol untuk memutar ulang atau memulai ulang video di situs web Anda. Ini akan menarik sifat berulang mereka dan, tentu saja, meningkatkan pengalaman pengguna secara umum.

Biarkan tombol menjadi tombol.

Tombol plasebo ada – tidak hanya dalam kehidupan nyata tetapi juga dalam desain web. Setiap hari, kita melihat situs web dengan tombol yang hanya memiliki kegunaan estetika. Tak perlu dikatakan bahwa ini adalah ide yang buruk ketika datang untuk merancang situs web untuk anak-anak.

Ketika anak-anak melihat tombol, mereka berharap tombol itu berfungsi (yang menurut saya seharusnya logika sederhana). Ketika mereka menekan tombol plasebo yang tidak berfungsi, mereka menjadi frustrasi dan terus mendorong lebih keras. Bilas dan ulangi. Ini adalah siklus melelahkan yang memperburuk pengalaman pengguna.

Jadi, saat mendesain situs web untuk anak-anak, pastikan bahwa setiap tombol melakukan apa yang seharusnya dilakukan tombol: menerapkan tindakan. Dan sebagai catatan tambahan: jika itu tombol, biarkan terlihat seperti tombol.

Pikiran Akhir

Membuat website untuk anak-anak melibatkan banyak pertimbangan. Pertimbangkan praktik ini untuk memastikan bahwa Anda memberikan pengalaman pengguna yang luar biasa kepada anak-anak kecil ini setiap kali mereka mengunjungi situs web Anda.

Semoga berhasil!

Biodata Penulis

Jessica Kaminski adalah guru matematika di Brighterly. Dia memiliki gelar B.Sc dan M.Sc di bidang Matematika dari University of Ostrava. Seorang tutor matematika berpengalaman dengan pengalaman hampir satu dekade, Jessica bersemangat membantu anak-anak kecil belajar mencintai matematika.