Como projetar o site infantil: 6 melhores práticas de UI e UX

Ao contrário da opinião popular, adolescentes e “boomers” não são os únicos que usam a internet no mundo de hoje. De acordo com um estudo realizado pelo Nielsen Norman Group, crianças entre 3 e 12 anos agora são proficientes no uso de sites e aplicativos.

Então, o que isso significa para os desenvolvedores? Simplificando, os desenvolvedores agora precisam ampliar a demografia de seus usuários-alvo e garantir que seus sites e aplicativos sejam otimizados para usuários mais jovens.

Infelizmente, isso pode ser bastante desafiador, pois projetar um site infantil envolve muitos detalhes técnicos e atenção aos detalhes. Vamos dar uma olhada em algumas dicas úteis e áreas-chave para se concentrar.

O que significa criar um site amigo da criança?

Ao criar um site infantil, a primeira regra é a simplificação. As funções cognitivas das crianças são menos desenvolvidas do que o usuário adulto médio e, como tal, é essencial simplificar sua interface e recursos para adequá-las. Isso significa textos simples e, claro, botões de navegação simples. No entanto, não é aqui que termina. Para criar um site adequado para crianças, você precisará pensar como uma criança e ver a experiência do usuário da perspectiva de uma criança.

Ao longo dos anos, observei bebês e crianças usarem tablets, e estas são algumas dicas que obtive simplesmente observando e pensando como uma criança:

Proteja suas navegações para crianças

Os pais são ensinados a proteger suas casas desde o momento em que têm filhos: escadas fechadas, restritores de janela, vidro inquebrável e coisas do tipo. No entanto, a proteção para crianças não deve se limitar ao lar. É também um detalhe que os desenvolvedores precisam considerar ao construir um site.

Usar um site pode ser divertido para as crianças, mas a experiência geralmente é curta. Na maioria das vezes, as crianças tentam explorar um site e acabam se removendo acidentalmente de uma página específica. Por exemplo, eles podem acidentalmente deslizar o botão errado ou clicar em um pop-up que os transfere para uma página diferente.

Então, como você para com isso? Para começar, você deve garantir que seu site não inclua gestos de furto desnecessários que possam encurtar a experiência do usuário ou levá-los a uma página diferente no site.

Janelas modais com instruções de texto também são uma ótima ideia a ser considerada. Por exemplo, se um usuário clicar em um botão que leva a outra página, deve ser apresentada a ele uma janela que oferece a opção de voltar para a página em que estava anteriormente ou continuar com a nova ação.

Evite acelerômetros

É comum encontrar jogos, aplicativos e sites que utilizam acelerômetros como parte da experiência do usuário. Por exemplo, você pode encontrar um site com instruções como “incline seu dispositivo para girar XYZ” ou “sacuda seu dispositivo para deixar o botão vermelho verde”.

Embora isso possa ser um recurso aparentemente divertido, pode ser desastroso para usuários jovens. As crianças geralmente são propensas a acidentes, e projetar um site que exija que elas inclinem o dispositivo é simplesmente uma receita para o desastre. Na maioria das vezes, eles provavelmente acabariam derrubando os telefones e os destruindo.

Outro fator que vale a pena considerar ao projetar sites e aplicativos adequados para crianças é a interação multitoque. Se você criasse jogos ou sites de matemática para crianças, como você imagina seus usuários-alvo navegando na interface?

Tenho observado que as crianças tendem a usar vários dedos para navegar e explorar as interfaces do site. Sem a integração multitoque, seu site pode parar de responder quando isso acontecer. Como tal, é essencial garantir que seu site seja compatível com multitoque para aprimorar a experiência de seus usuários.

Toque, não pressione

Como as crianças interagem principalmente tocando, só faz sentido incorporar esse fator comportamental em seu design de UX/UI. Como tal, a navegação na interface do seu site deve ser facilmente implantada usando um ÚNICO toque. Há uma ênfase no “single” porque tocar duas vezes não é um recurso ideal para um site infantil.

As crianças esperam o imediatismo de cada ação que realizam. Os botões que precisam ser tocados duas vezes não fornecem esse imediatismo. Também pode demorar um pouco até que percebam que precisam tocar duas vezes no botão para obter o resultado desejado.

Use imagens em vez de texto.

Aqui está um fato divertido: vários estudos mostraram que os humanos processam imagens mais rápido e melhor do que texto. Para as crianças (que são atraídas principalmente por cores e imagens vibrantes), as imagens são ainda mais essenciais. Como tal, faz sentido garantir que seu site contenha imagens vibrantes e texto mínimo.

Se você estiver segmentando crianças de dez anos ou menos, você deve estar ciente de que seu público-alvo pode ter habilidades de leitura limitadas. Eles também acharão longos pedaços de texto chatos e difíceis de seguir.

Para contornar esse obstáculo, preencha a interface do seu site com imagens e botões coloridos. Se você precisar usar texto, certifique-se de que o texto esteja em negrito, letras coloridas e simplificado o suficiente para uma criança entender. Brighterly acertou esse truque (mesmo que seu público-alvo possa ser pais), preenchendo seu site com imagens coloridas e texto em negrito para chamar a atenção de qualquer usuário.

Seu site deve ser amigável à repetição

O que isso significa mesmo? Isso pode parecer um termo estranho para quem está ouvindo falar de sites amigáveis ​​à repetição pela primeira vez. No entanto, é um fator vital a ser considerado ao projetar sites para crianças e bebês.

Ao explorar, as crianças adoram repetir ações várias vezes (por exemplo, assistir ao mesmo vídeo do Cocomelon várias vezes). Como tal, seu site precisa atender a essa necessidade inata, oferecendo valor de repetição. Por exemplo, você pode fornecer botões para reproduzir ou reiniciar vídeos em seu site. Isso atrairá sua natureza repetitiva e, é claro, melhorará a experiência geral do usuário.

Deixe os botões serem botões.

Botões de placebo existem – não apenas na vida real, mas também no design da web. Todos os dias, vemos sites com botões que têm apenas usos estéticos. Escusado será dizer que esta é uma ideia horrível quando se trata de criar sites para crianças.

Quando as crianças veem botões, elas esperam que funcionem (o que deve ser uma lógica simples, na minha opinião). Quando eles pressionam botões placebo que não funcionam, eles ficam frustrados e continuam pressionando com mais força. Enxague e repita. É um ciclo cansativo que piora a experiência do usuário.

Assim, ao projetar um site para crianças, certifique-se de que cada botão faça o que um botão deve fazer: implantar uma ação. E como uma observação lateral: se for um botão, deixe-o parecer um botão.

Pensamentos finais

Criar um site para crianças envolve muitas considerações. Considere essas práticas para garantir que você ofereça a esses pequenos uma ótima experiência de usuário sempre que visitarem seu site.

Boa sorte!

biografia do autor

Jessica Kaminski é professora de matemática na Brighterly. Ela tem um B.Sc e um M.Sc em Matemática pela Universidade de Ostrava. Uma tutora de matemática experiente com quase uma década de experiência, Jessica é apaixonada por ajudar crianças pequenas a aprenderem a amar matemática.