Çocukların Web Sitesi Nasıl Tasarlanır: En İyi 6 UI ve UX Uygulaması

Popüler kanının aksine, günümüz dünyasında interneti sadece gençler ve “boomer” kullananlar değil. Nielsen Norman Group tarafından yürütülen bir araştırmaya göre, 3-12 yaş arası çocuklar artık web sitelerini ve uygulamaları kullanma konusunda yetkin.

Peki bu geliştiriciler için ne anlama geliyor? Basitçe söylemek gerekirse, geliştiricilerin artık hedef kullanıcı demografilerini genişletmeleri ve web sitelerinin ve uygulamalarının daha genç kullanıcılar için optimize edilmesini sağlamaları gerekiyor.

Ne yazık ki, bir çocuk web sitesi tasarlamak çok fazla teknik detay ve detaylara dikkat gerektirdiğinden bu oldukça zor olabilir. Bazı yararlı ipuçlarına ve odaklanılacak önemli alanlara daha yakından bakalım.

Çocuk Dostu Bir Web Sitesi Oluşturmak Ne Demektir?

Bir çocuk web sitesi oluştururken ilk kural basitleştirmedir. Çocukların bilişsel işlevleri, ortalama yetişkin kullanıcınızdan daha az gelişmiştir ve bu nedenle, arayüzünüzü ve özelliklerinizi bunlara uyacak şekilde basitleştirmeniz önemlidir. Bu, basit metinler ve elbette basit gezinme düğmeleri anlamına gelir. Ancak, bittiği yer burası değil. Çocuk dostu bir web sitesi oluşturmak için bir çocuk gibi düşünmeniz ve kullanıcı deneyimini bir çocuğun bakış açısından görmeniz gerekir.

Yıllar boyunca, küçük çocukların ve çocukların tablet kullanmasını izledim ve bunlar sadece izleyerek ve bir çocuk gibi düşünerek elde ettiğim bazı ipuçları:

Navigasyonlarınızı çocuklardan uzak tutun

Ebeveynlere, çocukları olduğu andan itibaren evlerini çocuklardan uzak tutmaları öğretilir: kapılı merdivenler, pencere sınırlayıcıları, kırılmaz camlar ve benzerleri. Ancak, çocukların korunması evle sınırlı kalmamalıdır. Ayrıca, geliştiricilerin bir web sitesi oluştururken dikkate alması gereken önemli bir ayrıntıdır.

Bir web sitesi kullanmak çocuklar için eğlenceli olabilir, ancak deneyim çoğunlukla kısa ömürlüdür. Çoğu zaman, çocuklar bir web sitesini keşfetmeye çalışırlar ve sonunda kendilerini yanlışlıkla belirli bir sayfadan çıkarırlar. Örneğin, yanlışlıkla yanlış düğmeyi kaydırabilir veya onları farklı bir sayfaya aktaran bir açılır pencereye tıklayabilirler.

Peki bunu nasıl durdurursun? Başlangıç ​​olarak, web sitenizin kullanıcı deneyimini kısaltabilecek veya onları sitede farklı bir sayfaya götürebilecek gereksiz kaydırma hareketleri içermediğinden emin olmalısınız.

Metin talimatları içeren kalıcı pencereler de dikkate alınması gereken harika bir fikirdir. Örneğin, bir kullanıcı başka bir sayfaya yönlendiren bir düğmeyi tıklarsa, kendisine daha önce bulunduğu sayfaya geri dönme veya yeni eyleme devam etme seçeneği sunan bir pencere sunulmalıdır.

İvmeölçerlerden kaçının

Kullanıcı deneyiminin bir parçası olarak ivmeölçer kullanan oyunlar, uygulamalar ve web siteleri bulmak yaygındır. Örneğin, "cihazınızı XYZ'yi döndürmek için eğin" veya "kırmızı düğmeyi yeşile döndürmek için cihazınızı sallayın" gibi talimatlar içeren bir web sitesiyle karşılaşabilirsiniz.

Bu görünüşte eğlenceli bir özellik olsa da, genç kullanıcılar için felaket olabilir. Çocuklar genellikle kazalara eğilimlidir ve cihazlarını eğmelerini gerektiren bir web sitesi tasarlamak sadece bir felaket reçetesidir. Çoğu zaman, muhtemelen telefonları düşürür ve onları yok ederlerdi.

Çocuklara uygun web siteleri ve uygulamalar tasarlarken dikkate alınması gereken bir diğer faktör de çoklu dokunma etkileşimidir. Çocukların matematik oyunları veya web siteleri oluşturacak olsaydınız, hedef kullanıcılarınızın arayüzde gezinmesini nasıl hayal edersiniz?

gözlemledim ki çocuklar Web sitesi arayüzlerinde gezinmek ve keşfetmek için birden fazla parmak kullanma eğilimindedir. Çoklu dokunma entegrasyonu olmadan, bu olduğunda web siteniz yanıt vermeyebilir. Bu nedenle, kullanıcılarınızın deneyimini geliştirmek için web sitenizin çoklu dokunma ile uyumlu olduğundan emin olmak önemlidir.

Dokunun, basın değil

Çocuklar öncelikle dokunarak etkileşime girdiğinden, yalnızca bu davranışsal faktörü UX/UI tasarımınıza dahil etmek mantıklıdır. Bu nedenle, web sitenizin arayüzündeki gezinme, TEK bir dokunuşla kolayca dağıtılmalıdır. Çift dokunma bir çocuk web sitesi için ideal bir özellik olmadığı için “tek” vurgusu vardır.

Çocuklar yaptıkları her eylemden aciliyet beklerler. Çift dokunulması gereken düğmeler, onlara bu aciliyeti sağlamaz. İstenen sonucu elde etmek için düğmeye iki kez dokunmaları gerektiğini anlamaları da uzun zaman alabilir.

Metin yerine görselleri kullanın.

İşte eğlenceli bir gerçek: Birkaç çalışma, insanların görüntüleri metinden daha hızlı ve daha iyi işlediğini göstermiştir. Çocuklar için (öncelikle canlı renklere ve görsellere ilgi duyanlar), görseller daha da önemlidir. Bu nedenle, web sitenizin canlı görüntüler ve minimum metin içermesini sağlamak mantıklıdır.

On yaş ve altı çocukları hedefliyorsanız, hedef kitlenizin sınırlı okuma becerisine sahip olabileceğini bilmelisiniz. Ayrıca uzun metin parçalarını sıkıcı ve takip etmesi zor bulacaklardır.

Bu engeli aşmak için web sitenizin arayüzünü renkli resimler ve düğmelerle doldurun. Metin kullanmanız gerekiyorsa, metnin kalın, renkli harflerle ve bir çocuğun anlayabileceği kadar basitleştirilmiş olduğundan emin olun. Brighterly, herhangi bir kullanıcının dikkatini çekmek için web sitelerini renkli resimler ve kalın metinlerle doldurarak (hedef kitlesi ebeveynler olsa bile) bu hack'i çiviledi.

Web siteniz tekrar dostu olmalıdır

Bu ne anlama geliyor? Bu, tekrara uygun web sitelerini ilk kez duyan herkes için garip bir terim gibi görünebilir. Ancak, çocuklar ve küçük çocuklar için web siteleri tasarlarken göz önünde bulundurulması gereken hayati bir faktördür.

Çocuklar keşfederken, eylemleri birkaç kez tekrarlamayı sever (örneğin, aynı Cocomelon videosunu tekrar tekrar izlemek). Bu nedenle, web siteniz yeniden oynatma değeri sunarak bu doğuştan gelen ihtiyacı karşılamalıdır. Örneğin, web sitenizdeki videoları yeniden oynatmak veya yeniden başlatmak için düğmeler sağlayabilirsiniz. Bu, tekrarlayan doğasına hitap edecek ve elbette genel kullanıcı deneyimini geliştirecektir.

Düğmeler düğmeler olsun.

Plasebo düğmeleri var - sadece gerçek hayatta değil, web tasarımında da. Her gün sadece estetik kullanımları olan butonlara sahip web siteleri görüyoruz. Konu çocuklar için web sitesi tasarlamaya geldiğinde bunun korkunç bir fikir olduğunu söylemeye gerek yok.

Çocuklar düğmeleri gördüklerinde, onların çalışmasını beklerler (bence bu basit bir mantık olmalıdır). Çalışmayan plasebo düğmelerine bastıklarında hüsrana uğrarlar ve daha fazla zorlamaya devam ederler. Durulayın ve tekrarlayın. Kullanıcı deneyimini kötüleştiren yorucu bir döngü.

Bu nedenle, çocuklar için bir web sitesi tasarlarken, her düğmenin bir düğmenin yapması gereken şeyi yaptığından emin olun: bir eylem dağıtın. Ve bir yan not olarak: Bu bir düğmeyse, bir düğme gibi görünmesine izin verin.

Son düşünceler

Çocuklar için bir web sitesi oluşturmak birçok düşünceyi içerir. Bu küçüklere web sitenizi her ziyaret ettiklerinde harika bir kullanıcı deneyimi yaşatmak için bu uygulamaları göz önünde bulundurun.

İyi şanlar!

Yazarın Biyografisi

Jessica Kaminski, Brighterly'de matematik öğretmenidir. Ostrava Üniversitesi'nden Matematik alanında lisans ve yüksek lisans derecesine sahiptir. Neredeyse on yıllık deneyime sahip deneyimli bir matematik öğretmeni olan Jessica, küçük çocukların matematiği sevmeyi öğrenmelerine yardımcı olma konusunda tutkulu.