O documento discute o desenvolvimento de um aplicativo educacional infantil chamado "Festa no Tom", cobrindo três pontos principais: 1) considerações de design para crianças, 2) detalhes sobre o aplicativo, e 3) as fases de desenvolvimento.

1. Desenvolvendo jogos educativos
infantis: Case Festa no Tom
#ByteGirl #CPBR11

2. Olá!
Meu nome é Débora
Curso Sistemas e Mídias Digitais na UFC
Membro da Comunidade Byte Girl Fortaleza/CE
2

3. 3
O que veremos
nesta talk
▪ Design para crianças
▪ A nossa aplicação
▪ As fases do desenvolvimento
▪ Perspectivas futuras

4. 1.
Design para crianças
Diferenças e semelhanças entre design para adultos e crianças
4

5. “ Designing a good children's app is
more than just dumbing down
adult concepts.
- Tanya Unger, UX/UI consultant
5

6. Crianças esperam
feedback em tudo
Feedback visual e auditivo
Resposta para cada interação
Elas esperam recompensa
6

7. Crianças amam
um bom desafio
Ela desfruta dos desafios pelo
caminho
Torna a sua conquista mais
significativa
Ajudam as crianças a resolver
seus próprios conflitos internos
7

8. Crianças são mais
confiantes
Elas não costumam prever as
consequências dos seus atos
É preciso projetar pensando
nisso
8

9. Crianças se
desenvolvem rápido
Cada ano significa muito
Concentre-se em uma faixa
etária de 2 anos, no máximo
9

10. “ Both kids and adults get annoyed
by design elements that seem
random and unnecessary.
- Debra Gelman, UX researcher & designer
10

11. Usuários esperam
consistência
Consistência interna
Consistência externa
11

12. Os botões ficavam na
parte superior
(normalmente
esquerda) da tela;
Placeyourscreenshothere
Consistência
externa
12

13. O menu inicial das
aplicações continha os
personagens do jogo;
Placeyourscreenshothere
Consistência
externa
13

14. Todos os objetos
clicáveis do jogo eram
suficientemente
grandes;
Placeyourscreenshothere
Consistência
externa
14

15. Botões que remetiam
progresso eram
colocados no lado
direito da tela. Os que
remetiam à volta, eram
colocados no lado
esquerdo da tela.
Placeyourscreenshothere
Consistência
externa
15

16. Usuários precisam de
motivação
Deve ter um propósito
Seu objetivo deve ser óbvio
desde o início
Não deixe que o usuário fique
entediado
16

17. Usuários não querem
surpresas ruins
Esperam que seu app funcione de
acordo com padrões
Não os surpreenda com features
inesperadas
17

18. Usuários querem um
algo a mais
Um easter egg bem pensado
Algo que traga satisfação
O usuário fica mais interessado
18

19. 2.
A nossa aplicação
Entendendo melhor o App Festa no Tom
19

20. Equipe de desenvolvimento e o cliente
20

21. Aplicativo de musicalização infantil
Festa no Tom
▪ Introdução da música para as crianças
▪ Facilitar a compreensão da música no futuro
▪ Mini jogos que estimulam a memória auditiva
▪ Uso nos ambientes de aprendizado escolar e familiar.
21

22. Público
alvo
Idades entre entre 4 e 6 anos
Estímulo para estudar música
Acesso à tecnologia
22

23. 3.
As fases do desenvolvimento
Um resumo de cada etapa
23

24. Pesquisa de mercado

25. 25

26. Narrativa
Personagens e mundo do jogo

27. Festa no Tom

28. Cada monstrinho
uma nota
28
Dó Ré Mi Fá

29. Cada monstrinho
uma nota
29
Sol Lá Si

30. Estilo visual

31. Principais características
do estilo escolhido
31
▪ Texturas nas formas
▪ Cores harmoniosas e leves
▪ Backgrounds sem contornos
▪ Personagens com contornos

32. Coleta de dados
Protótipo para Desktop

33. Números e
Método
• 6 usuários
• 1 moderador
• 30min
33
1 2 3 4 5
• Grupo focal
• Escala Likert

34. Algumas perguntas feitas
no grupo focal
34
▪ O que vocês mais gostaram no jogo?
▪ Você gostou de algum personagem em especial?
▪ Conhecem as notas musicais?
▪ Entenderam o que a narradora estava dizendo?
▪ Usam mais celular, tablet ou computador?
▪ Costumam usar o celular para quê?

35. 35

36. 36

37. Business
Finance
Leader Economy
Risk
Profit
Rise
Idea
Example text.
Example text.
Example text. Example text.
Example text.
Example text.
Example text.
Example text.
Example text.
Example text.
Example text.
Example text.
37

38. “ Ela disse que eu sou um ótimo amigo!
Eu achei bonitinho.
Esse é besta, esse.
O mais difícil é aquele que tem que
atravessar as plantinhas.
38
“
“
“

39. Resultados da
coleta de dados
Business
Finance
Economy
Risk
Profit
Rise
Idea
39
Mais feedback visual;
Nível de dificuldade em algumas etapas
dentro das fases;
Interação de forma intuitiva;
Compreensão a narração;
Precisamos explicar melhor os objetivos
das fases.
▪ Avaliação Final
50% 50%

40. Perfis de Usuário

41. PERFIL 1 PERFIL 2 PERFIL 3
▪ Utiliza dispositivos
móveis com
frequência e
propriedade
▪ Tem incentivo ao
aprendizado musical
41
▪ Não tem incentivo
ao aprendizado
musical
▪ Utiliza dispositivos
móveis com
frequência e
propriedade
▪ Tem incentivo ao
aprendizado musical
▪ Não tem muita
prática com
aparelhos
eletrônicos

42. Personas

43. Linda Lis
PERFIL 1
▪ 6 anos de idade
▪ Muito curiosa e criativa
▪ Escuta música clássica desde que nasceu
▪ É estimulada a explorar coisas novas
43

44. Bárbara Boo
PERFIL 2
▪ 5 anos de idade
▪ Muito agitada e extrovertida
▪ Adora brincar com o celular
▪ Os jogos são só um passa-tempo
44

45. 45
▪ 4 anos de idade
▪ Prefere assistir TV a brincar com o telefone
▪ Escuta a galinha pintadinha em casa
▪ É estimulado pelos pais a brincar com instrumentos musicais
Caio Caiado
PERFIL 3

46. Criação de modelos
Mental, Conceitual e Físico

47. 47

48. 48

49. 49

50. Grid e Layout

51. 51
Menu Inicial

52. Tipografia

53. 53

54. Cores

55. 55
COR
PRINCIPAL
#e57e30
COR
SECUNDÁRIA
#00b5e2
COR
DE BASE
#729300
COR
DO TEXTO
#212121
COR
DE ALERTA
#f5c000
COR
DE SUCESSO
#b041ba

56. Arquitetura da informação
Estrutura de organização: Linear e Hierárquica

57. ▪ Estrutura Linear
▪ O usuário terá que passar
pelas fases em sequência
Primeiro contato: Jogo completo:
▪ Estrutura Hierarquica
▪ Poderá acessar qualquer
tela, mas a informação
está ramificada
57

58. Critérios de
qualidade de uso
Usabilidade Facilidade de
aprendizado
Facilidade de
recordação
Eficiência Segurança no uso Satisfação do
usuário
58

59. Avaliação
59

60. 60
Técnica
Diagnóstica
(Inspeção)
Avaliações
analíticas
Professor de
música
e Pedagoga;

61. 61
Avaliação com o especialista

62. ▪ Decomposição hierárquica da estrutura da tarefa para
verificar as interações propostas
▪ Descrição de tarefas
▪ Avaliado
▫ Consistência
▫ Carga de trabalho
▫ Entendimento da narrativa
▫ Memória do o controle do usuário sobre o diálogo
proposto.
62
Técnica
diagnóstica

63. 4.
Perspectivas futuras
Lançamento da primeira versão do App
63

64. Godeboramoura@alu.ufc.br
64
#ByteGirl2018

65. Algumas
Referências
▪ Debra Gelman, 2014. Design for Kids: Digital Products
for Playing and Learning
https://www.uxmatters.com/mt/archives/2014/07/design-for-kids-di
gital-products-for-playing-and-learning.php
▪ Tanya Unger, 2017. Building Apps for kids: The
definitive guide
https://www.invisionapp.com/blog/building-apps-for-children/
65

66. Credits
Special thanks to all the people who made and released
these awesome resources for free:
▪ Presentation template by SlidesCarnival
▪ Photographs by Unsplash
66