Jak zaprojektować stronę internetową dla dzieci: 6 najlepszych praktyk w zakresie UI i UX

Wbrew obiegowej opinii nastolatki i „boomerzy” nie są jedynymi korzystającymi z internetu w dzisiejszym świecie. Według badania przeprowadzonego przez Nielsen Norman Group, dzieci w wieku 3-12 lat biegle korzystają ze stron internetowych i aplikacji.

Więc co to oznacza dla programistów? Mówiąc prościej, programiści muszą teraz poszerzyć grupę demograficzną swoich docelowych użytkowników i upewnić się, że ich witryny i aplikacje są zoptymalizowane pod kątem młodszych użytkowników.

Niestety, może to być dość trudne, ponieważ projektowanie strony internetowej dla dzieci wymaga wielu szczegółów technicznych i dbałości o szczegóły. Przyjrzyjmy się bliżej kilku przydatnym wskazówkom i kluczowym obszarom, na których należy się skoncentrować.

Co to znaczy stworzyć stronę przyjazną dzieciom?

Tworząc witrynę dla dzieci, pierwszą praktyczną zasadą jest uproszczenie. Funkcje poznawcze dzieci są mniej rozwinięte niż przeciętny dorosły użytkownik, dlatego konieczne jest uproszczenie interfejsu i funkcji tak, aby były dla nich odpowiednie. Oznacza to proste teksty i oczywiście proste przyciski nawigacyjne. Na tym się jednak nie kończy. Aby stworzyć witrynę przyjazną dzieciom, musisz myśleć jak dziecko i patrzeć na wrażenia użytkownika z perspektywy dziecka.

Przez lata obserwowałem małe dzieci i dzieci używające tabletów, a oto kilka wskazówek, które zdobyłem po prostu obserwując i myśląc jak dziecko:

Zabezpiecz swoje nawigacje przed dziećmi

Rodzice uczą się zabezpieczać swoje domy przed dziećmi od chwili, gdy mają dzieci: ogrodzone schody, ograniczniki okien, szyby nietłukące i tym podobne. Jednak zabezpieczenie przed dziećmi nie powinno ograniczać się do domu. Jest to również drobiazg, który programiści muszą wziąć pod uwagę podczas tworzenia strony internetowej.

Korzystanie ze strony internetowej może być zabawne dla dzieci, ale doświadczenie jest w większości krótkotrwałe. Najczęściej dzieci próbują eksplorować witrynę i przypadkowo usuwają się z określonej strony. Na przykład mogą przypadkowo przesunąć niewłaściwy przycisk lub kliknąć wyskakujące okienko, które przeniesie ich na inną stronę.

Więc jak to zatrzymać? Na początek upewnij się, że Twoja witryna nie zawiera niepotrzebnych gestów przesuwania, które mogą skrócić wrażenia użytkownika lub przenieść go na inną stronę w witrynie.

Dobrym pomysłem do rozważenia są również modalne okna z instrukcjami tekstowymi. Na przykład, jeśli użytkownik kliknie przycisk prowadzący do innej strony, powinno zostać mu wyświetlone okno z opcją powrotu do strony, na której był wcześniej, lub kontynuowania nowej akcji.

Unikaj akcelerometrów

Często można znaleźć gry, aplikacje i strony internetowe, które wykorzystują akcelerometry jako część doświadczenia użytkownika. Na przykład możesz natknąć się na stronę internetową z instrukcjami typu „przechyl urządzenie, aby obrócić XYZ” lub „potrząśnij urządzeniem, aby zmienić czerwony przycisk na zielony”.

Chociaż może to być pozornie zabawna funkcja, może być katastrofalna dla młodych użytkowników. Dzieci często są podatne na wypadki, a projektowanie strony internetowej, która wymaga od nich przechylania urządzenia, to po prostu recepta na katastrofę. Częściej niż nie, prawdopodobnie w końcu upuszczą telefony i je zniszczą.

Kolejnym czynnikiem, który warto wziąć pod uwagę przy projektowaniu stron internetowych i aplikacji przyjaznych dzieciom, jest interakcja multi-touch. Gdybyś miał tworzyć gry matematyczne lub strony internetowe dla dzieci, jak wyobrażasz sobie docelowych użytkowników poruszających się po interfejsie?

Zaobserwowałem, że dzieci mają tendencję do używania wielu palców do nawigacji i eksplorowania interfejsów witryny. Bez integracji multi-touch Twoja witryna może przestać odpowiadać, gdy tak się stanie. W związku z tym ważne jest, aby upewnić się, że Twoja witryna jest kompatybilna z wielodotykiem, aby poprawić wrażenia użytkowników.

Dotknij, nie naciskaj

Ponieważ dzieci wchodzą w interakcję głównie poprzez stukanie, sensowne jest włączenie tego czynnika behawioralnego do projektu UX/UI. W związku z tym nawigacja w interfejsie witryny powinna być łatwa do wdrożenia za pomocą JEDNEGO dotknięcia. Nacisk kładzie się na „pojedyncze”, ponieważ dwukrotne dotknięcie nie jest idealną funkcją w witrynie dla dzieci.

Dzieci oczekują natychmiastowości od każdego podejmowanego działania. Przyciski, które trzeba kliknąć dwukrotnie, nie zapewniają im takiej natychmiastowości. Może też trochę potrwać, zanim zdadzą sobie sprawę, że muszą dwukrotnie dotknąć przycisku, aby uzyskać pożądany rezultat.

Używaj obrazów zamiast tekstu.

Oto zabawny fakt: kilka badań wykazało, że ludzie przetwarzają obrazy szybciej i lepiej niż tekst. Dla dzieci (które przede wszystkim interesują żywe kolory i obrazy) obrazy są jeszcze bardziej istotne. W związku z tym warto upewnić się, że Twoja witryna zawiera żywe obrazy i minimalną ilość tekstu.

Jeśli kierujesz reklamy do dzieci w wieku dziesięciu lat i poniżej, powinieneś mieć świadomość, że Twoi odbiorcy docelowi mogą mieć ograniczone umiejętności czytania. Będą też uważać, że długie fragmenty tekstu są nudne i trudne do naśladowania.

Aby obejść tę przeszkodę, wypełnij interfejs swojej witryny kolorowymi obrazami i przyciskami. Jeśli musisz użyć tekstu, upewnij się, że jest on napisany pogrubionymi, kolorowymi literami i na tyle uproszczony, aby dziecko zrozumiało. Brighterly poradził sobie z tym hackiem (nawet jeśli ich docelowymi odbiorcami mogą być rodzice), wypełniając swoją witrynę kolorowymi obrazami i pogrubionym tekstem, aby przyciągnąć uwagę każdego użytkownika.

Twoja strona powinna być przyjazna dla powtórzeń

Co to w ogóle znaczy? To może wydawać się dziwne określenie dla każdego, kto pierwszy raz słyszy o stronach internetowych przyjaznych dla powtarzania. Jest to jednak istotny czynnik, który należy wziąć pod uwagę przy projektowaniu stron internetowych dla dzieci i małych dzieci.

Podczas odkrywania dzieci uwielbiają powtarzać czynności kilka razy (np. oglądając w kółko ten sam film Cocomelon). W związku z tym Twoja witryna musi zaspokoić tę wrodzoną potrzebę, oferując wartość powtórek. Na przykład możesz udostępnić przyciski do odtwarzania lub ponownego uruchamiania filmów w swojej witrynie. Odwoła się to do ich powtarzalności i oczywiście poprawi ogólne wrażenia użytkownika.

Niech przyciski będą przyciskami.

Przyciski Placebo istnieją – nie tylko w prawdziwym życiu, ale także w projektowaniu stron internetowych. Każdego dnia widzimy strony internetowe z przyciskami, które mają jedynie zastosowanie estetyczne. Nie trzeba dodawać, że to okropny pomysł, jeśli chodzi o projektowanie stron internetowych dla dzieci.

Kiedy dzieci widzą przyciski, oczekują, że będą działać (co moim zdaniem powinno być prostą logiką). Kiedy naciskają przyciski placebo, które nie działają, stają się sfrustrowani i naciskają mocniej. Wypłukać i powtórzyć. To męczący cykl, który pogarsza wrażenia użytkownika.

Dlatego projektując witrynę internetową dla dzieci, upewnij się, że każdy przycisk wykonuje to, co powinien: wdrażać akcję. I na marginesie: jeśli to przycisk, niech wygląda jak przycisk.

Końcowe przemyślenia

Tworzenie strony internetowej dla dzieci wiąże się z wieloma rozważaniami. Rozważ te praktyki, aby zapewnić tym maluchom wspaniałe wrażenia użytkownika za każdym razem, gdy odwiedzają Twoją witrynę.

Powodzenia!

Biografia autora

Jessica Kamiński jest korepetytorem matematyki w Brighterly. Ukończyła studia licencjackie i magisterskie z matematyki na Uniwersytecie w Ostrawie. Jessica, doświadczona nauczycielka matematyki z prawie dziesięcioletnim doświadczeniem, z pasją pomaga małym dzieciom nauczyć się pokochać matematykę.