Cum să proiectați site-ul web pentru copii: 6 cele mai bune practici de UI și UX

Contrar opiniei populare, adolescenții și „boomerii” nu sunt singurii care folosesc internetul în lumea de astăzi. Potrivit unui studiu realizat de Nielsen Norman Group, copiii cu vârste cuprinse între 3-12 ani sunt acum competenți în utilizarea site-urilor web și a aplicațiilor.

Deci, ce înseamnă asta pentru dezvoltatori? Mai simplu spus, dezvoltatorii trebuie acum să-și extindă datele demografice ale utilizatorilor țintă și să se asigure că site-urile și aplicațiile lor sunt optimizate pentru utilizatorii mai tineri.

Din păcate, acest lucru poate fi destul de dificil, deoarece proiectarea site-ului web pentru un copil implică o mulțime de aspecte tehnice și atenție la detalii. Să aruncăm o privire mai atentă la câteva sfaturi utile și domenii cheie pe care să ne concentrăm.

Ce înseamnă să creezi un site web prietenos pentru copii?

Când creați un site web pentru copii, prima regulă de bază este simplificarea. Funcțiile cognitive ale copiilor sunt mai puțin dezvoltate decât utilizatorul adult obișnuit și, ca atare, este esențial să vă simplificați interfața și funcțiile pentru a le potrivi. Aceasta înseamnă texte simple și, desigur, butoane simple de navigare. Cu toate acestea, nu aici se termină. Pentru a crea un site web potrivit pentru copii, va trebui să gândiți ca un copil și să vedeți experiența utilizatorului din perspectiva unui copil.

De-a lungul anilor, am urmărit copii mici și copii folosind tablete, iar acestea sunt câteva sfaturi pe care le-am adunat pur și simplu urmărind și gândind ca un copil:

Protecția copiilor pentru navigațiile dvs

Părinții sunt învățați să-și protejeze casele pentru copii din momentul în care au copii: scări închise, restricții de ferestre, sticlă rezistentă la spargere și altele asemenea. Cu toate acestea, protecția copiilor nu ar trebui să se limiteze la casă. Este, de asemenea, un detaliu esențial pe care dezvoltatorii trebuie să-l ia în considerare atunci când construiesc un site web.

Folosirea unui site web poate fi distractiv pentru copii, dar experiența este în mare parte de scurtă durată. De cele mai multe ori, copiii încearcă să exploreze un site web și ajung să se elimine din greșeală dintr-o anumită pagină. De exemplu, aceștia pot glisa accidental butonul greșit sau pot face clic pe o fereastră pop-up care le transferă pe o altă pagină.

Deci cum oprești asta? Pentru început, ar trebui să vă asigurați că site-ul dvs. web nu include gesturi de glisare inutile care pot scurta experiența utilizatorului sau pot duce la o altă pagină de pe site.

Ferestrele modale cu instrucțiuni text sunt, de asemenea, o idee grozavă de luat în considerare. De exemplu, dacă un utilizator face clic pe un buton care duce la o altă pagină, ar trebui să i se prezinte o fereastră care oferă opțiunea fie de a reveni la pagina pe care a fost anterior, fie de a continua cu noua acțiune.

Evitați accelerometrele

Este obișnuit să găsiți jocuri, aplicații și site-uri web care utilizează accelerometre ca parte a experienței utilizatorului. De exemplu, ați putea întâlni un site web cu instrucțiuni precum „înclinați dispozitivul pentru a roti XYZ” sau „agitați-vă dispozitivul pentru a transforma butonul roșu în verde”.

Deși aceasta ar putea fi o caracteristică aparent distractivă, poate fi dezastruoasă pentru utilizatorii tineri. Copiii sunt adesea predispuși la accidente, iar proiectarea unui site web care le impune să-și încline dispozitivul este pur și simplu o rețetă pentru dezastru. De cele mai multe ori, probabil ar ajunge să piardă telefoanele și să le distrugă.

Un alt factor care merită luat în considerare atunci când proiectați site-uri web și aplicații prietenoase pentru copii este interacțiunea multi-touch. Dacă ar fi să construiți jocuri de matematică sau site-uri web pentru copii, cum vă imaginați utilizatorii țintă navigând în interfață?

Am observat că copiii tind să folosească mai multe degete pentru a naviga și a explora interfețele site-urilor web. Fără integrarea multi-touch, site-ul dvs. poate să nu răspundă atunci când se întâmplă acest lucru. Ca atare, este esențial să vă asigurați că site-ul dvs. este compatibil cu multi-touch pentru a îmbunătăți experiența utilizatorilor.

Atingeți, nu apăsați

Deoarece copiii interacționează în principal prin atingere, este logic să încorporați acest factor comportamental în designul dvs. UX/UI. Ca atare, navigarea pe interfața site-ului dvs. ar trebui să fie implementată cu ușurință folosind o SINGURĂ atingere. Se pune accent pe „singur”, deoarece atingerea dublă nu este o caracteristică ideală pentru site-ul web al unui copil.

Copiii se așteaptă imediat la fiecare acțiune pe care o întreprind. Butoanele care trebuie apăsate de două ori nu le oferă acea imediată. De asemenea, le poate dura mult timp până când își dau seama că trebuie să atingă de două ori butonul pentru a obține rezultatul dorit.

Folosiți mai degrabă imagini decât text.

Iată un fapt amuzant: mai multe studii au arătat că oamenii procesează imaginile mai rapid și mai bine decât textul. Pentru copii (care sunt atrași în primul rând de culorile și imaginile vibrante), imaginile sunt și mai esențiale. Ca atare, este logic să vă asigurați că site-ul dvs. conține imagini vibrante și text minim.

Dacă vizați copiii cu vârsta de zece ani și mai puțin, ar trebui să știți că publicul țintă poate avea abilități limitate de citire. De asemenea, vor găsi bucăți lungi de text plictisitoare și greu de urmărit.

Pentru a ocoli acest obstacol, umpleți interfața site-ului dvs. cu imagini și butoane colorate. Dacă trebuie să utilizați text, asigurați-vă că textul este scris cu litere aldine, colorate și suficient de simplificat pentru ca un copil să poată înțelege. Brighterly a reușit acest hack (chiar dacă publicul lor țintă poate fi părinți) umplându-și site-ul web cu imagini colorate și text îndrăzneț pentru a atrage atenția oricărui utilizator.

Site-ul dvs. ar trebui să fie ușor de repetat

Ce înseamnă asta? Acesta poate părea un termen ciudat pentru oricine aude pentru prima dată despre site-uri web care permit repetarea. Cu toate acestea, este un factor vital de luat în considerare atunci când proiectați site-uri web pentru copii și copii mici.

Când explorează, copiilor le place să repete acțiunile de mai multe ori (de exemplu, vizionarea aceluiași videoclip Cocomelon din nou și din nou). Ca atare, site-ul dvs. trebuie să răspundă acestei nevoi înnăscute, oferind valoare de reluare. De exemplu, puteți furniza butoane pentru redarea sau repornirea videoclipurilor de pe site-ul dvs. web. Acest lucru va face apel la natura lor repetitivă și, desigur, va îmbunătăți experiența generală a utilizatorului.

Lasă butoanele să fie butoane.

Butoanele Placebo există – nu doar în viața reală, ci și în designul web. În fiecare zi, vedem site-uri web cu butoane care au doar utilizări estetice. Este de la sine înțeles că aceasta este o idee oribilă atunci când vine vorba de proiectarea site-urilor web pentru copii.

Când copiii văd butoane, se așteaptă ca aceștia să funcționeze (ceea ce ar trebui să fie o simplă logică, în opinia mea). Când apăsă butoanele placebo care nu funcționează, devin frustrați și continuă să împingă mai tare. Clătiți și repetați. Este un ciclu obositor care înrăutățește experiența utilizatorului.

Astfel, atunci când proiectați un site web pentru copii, asigurați-vă că fiecare buton face ceea ce ar trebui să facă un buton: implementează o acțiune. Și ca o notă laterală: dacă este un buton, lasă-l să arate ca un buton.

Gânduri finale

Crearea unui site web pentru copii implică o mulțime de considerații. Luați în considerare aceste practici pentru a vă asigura că oferiți acestor micuți o experiență excelentă de utilizator de fiecare dată când vă vizitează site-ul web.

Noroc!

Biografia autorului

Jessica Kaminski este profesor de matematică la Brighterly. Ea are o licență și un master în matematică de la Universitatea din Ostrava. Un tutore experimentat de matematică cu aproape un deceniu de experiență, Jessica este pasionată de a ajuta copiii mici să învețe să iubească matematica.