SUMÁRIO
................................ 6 .................................................... ..... 7 .................................................... .... .... .... .... .... .... VO AL O LIC ÚB P ............................................ 8 .... .... .... .... .... .... .... .... .... .... .... A PROBLEM .......................................... 10 .... .... .... .... .... .... N IG ES D DE A ESTRATÉGI ............................................... 12 .... .... .... .... .... O ÇÃ RIA C DE CONCEITO ............................................. 13 .... .... .... .... O VIÇ ER /S TO DU RO P ................................... 14 .... .... .... .... .... .... .... .... .... .... ES OR PALETA DE C ............................................... 15 .... .... .... .... .... .... .... .... .... .... .... .... LOGO 16 .................................................. .... .... .... .... .... AIS ISU V OS NT ELEME . 17 .................................................... .... .... .... .... .... .... .... .... IA AF GR TIPO ..................................... 18 .... .... .... .... .... .... .... .... .... .... .... .... LAYOUTS .... ............................................. 20 .... .... .... .... .... .... .... .... .... OS EIR ROT ............................................... 22 .... .... .... .... .... .... ICA ÉT ST E DE PROJETO .............................. 23 ÃO ................................ AÇ EG AV N DE O JET PRO .................................... 25 ÇÃO ............................ MA OR NF I DE O JET RO P INTRODUÇÃO
O Ã Ç U D O R T IN
gos, cada vez mais as pessoA tecnologia avança a passos lar tos tecnológicos, como comas estão dependentes de apara para realizar suas atividade putadores, celulares e tablets, squisar, estudar e etc. básicas, como se comunicar, pe por ensinar através do conheA educação, área responsável da tecnologia para mediar o cimento, começou a se utilizar ps que facilitam adquirir ensino. Existem vários sites e ap instituições de ensino detiesse conhecimento. Antes só as nham esse papel.
6
ecimento através da rede, Com essa disseminação do conh sem atingidos com a facilidaera de se esperar que todos fos o, considerado deficiente de que tal inovação trás. O surd tóricas, é um dessas pessoas especial por ocasionalidades his evolução da tecnologia. que não é contemplado com a , e os que buscam aprender Poucos conhecem o português las especializadas em suas são barrados por falta de esco cidades. design digital foi desenvolviEm cima disso, uma solução de para o ensino de libras e porda. A criação de um aplicativo . tuguês para surdos, o Bilíngua da aprendizagem, qualificar e O app tem o intuito de através incluir o surdo na sociedade.
P ÚBLICO- A LVO Em Quixadá a maioria dos surd os são de famílias de baixa renda. Eles não possuem uma boa escolaridade e em decorrência disso, são excluídos da so ciedade, devido a sua dificuldade com a língua mãe. Nosso público-alvo são pessoas com deficiência auditiva, que não do minam a escrita e a leitura da língua portuguesa, ou que não dominam as libras. O usuário do nosso produto, alm eja se sentir completamente inserido na sociedade, conseguir realizar certas tarefas sem que haja o empecilho da língua portuguesa como barreira. O correto seria trabalhar o proces so de alfabetização na idade certa, entre 7 a 14 anos, para qu e haja o pleno desenvolvimento cognitivo, mas, como a ma ioria do público alvo não teve acesso a formação na ida de certa, resolve-se trabalhar com o público de 15 a 25 anos, para tentar uma integração tardia à sociedade. Em geral, pe ssoas que buscam autonomia e convívio social com não-surdo s.
7
P R O B L EM A co m fo co na lei tu ra e na En sin ar a LĂn gu a Po rtu gu es a, a Br as ile ira de Sin ais pa ra gu LĂn a e ta, cri es e ad lid da mo vo pa ra ta ble t. o su rd o atr av ĂŠs de um ap lic ati
8
9
E STR AT ÉG IA
DE
D ES IGN TEMPO
VALORES CULTURAIS
SOLUÇÃO DO PROBLEMA
10
Português Velocidade de informação Socialização
VALORES TECNOLÓGICOS
VALORES ESTÉTICOS
Redes Sociais Interação
Simplicidade Flat Design
Aprender Libras e Português Estética regional
Conteúdo do app
PÚBLICO ALVO VALORES CULTURAIS
Cultura do Sertão Cordel Exclusão Social Nã sabe Português
Interagir
SECRETARIA MUNICIPAL DE EDUCAÇÃO
Inclusão Social Imagem de Governo Visibilidade Política
11 Lúdico Prazer Socialização
Aprender
Flat Design Simplicidade
VALORES TECNOLÓGICOS
Busca simplicidade Pouca experiência
VALORES ESTÉTICOS
Simplicidade Flat Design
C ONCEITO DE
C RIAÇÃO
A Bilíngua é uma ferramenta de ensino de Libras e Português para surdos, e gera boa avaliação da sociedade para o governo que contrata o serviço. A ferramenta usa o mecanismo que pretende buscar o prazer de aprender de forma lúdica, onde as relações sociais são estimuladas.
12
No decorrer de pesquisas foi encontrada a melhor resolução para a criação desses elementos. Utiliza-se de princípios do flat design, que é um paradigma que busca simplificar as formas dos elementos e que ajuda as pessoas não ouvintes a não se distrair por serem mais visuais que os ouvintes, junto com cores e rudimentos da cultura regional cearense, justamente para trazer uma identidade visual única para o nosso aplicativo.
A
Z
P RODUTO/S ERVIÇO O produto é um aplic
ativo de ensino bilíngu
Libras. Ele possui três
uma de Libras, e a ou
e de Português e
serviços principais: du
tra para Português, co
do da leitura e da es
crita. Também possui
contém, respectivam
ente: a palavra, com
uma imagem e a trad
principal diferencial
as áreas de ensino,
m foco no aprendiza-
um dicionário, que
explicações simples,
ução em vídeo para a
é a enfatização do ap
língua de sinais. O
rendizado colaborativ o, , e prazeroso, atravé s de atividades que trabalham de forma lúdica com a particip ação do surdo como pessoa na sociedade brasileira. A coIabora ção estará nas ativid ades e o prazer, quan do o usuário estiver em inserção na socied ade sso será feito sem pre visando trazer o contexto social. dentro das atividades
13
PALETA DE CORES HEX: #00693a RGB: 0, 105, 58 CMYK: 100%, 40%, 100%, 5% PANTONE: P 141-8 C HEX: #af0004 RGB: 175, 0, 4 2% 0%, 99,75%, 0,0 CMYK: 21,69%, 10 16 C PANTONE: P 48-
14
HEX: #fefe a7 RGB: 254, 2 54, 167 CMYK: 7,54 %, 0%, 46,2 6%, 0% PANTONE: P 1-5 C
HEX: #652501 RGB: 101, 37, 1 8% CMYK: 46,68%, 96,4%, 100%, 31,3 PANTONE: P 47-16 C
com aspectos da am og al di e em et m re As cores escolhidas entante da caraces pr re o m Co . al on gi cultura e geografia re ranja avermelhado la o ão aç br vi e o çã terística de sociabiliza egria de tar a esperança e a al en es pr re ra Pa o. id foi escolh m pode ser associabé m ta e qu e rd ve viver foi escolhido um o, por exemplo, o m co ão gi re na s da do a plantas encontra meza ida por remeter a fir lh co es i fo m ro ar m r cacto. A co A cor bege transs. en ig or e s ra ltu cu das pessoas em suas rdestino tem para no vo po o e qu e ad id mite a calma e passiv . solverem problemas ajudar as pessoas a re
LOGO +
=
B
=
A letra A é uma representação do alfabeto, um símbolo da linguagem escrita, uma abstração da fala. Portanto é necessário que esteja na marca para simbolizar a Língua Portuguesa.
A lousa é sinônimo de sala de aula, escola e educação e foi escolhido para indicar o ensino bilíngue para surdos.
+ = Os sinais em Libras são característicos à cultura surda e tem sinônimos como comunicação, linguagem e interação. A mão foi escolhido para representar diretamente esta cultura.
15
ELEMENTOS VISUAIS sino As fotos utilizadas na área de en e/trazem uma linguagem de recort vidacolagem, tendo em vista as ati des lúdicas que são realizadas aula e dentro do contexto da sala de conque busca se reproduzir nesse texto digital. s Utiliza-se contornos nas imagen resrecortadas para que elas sejam saltadas.
Utiliza-se outros elementos, como o cordel, a estante e as fotografias mais ligadas ao contexto regional.
16
O cordel traz uma linguagem de material gráfico, algo a ser lido e apreciado. A estante traz uma imagem ligada à livros, educação e está sendo o suporte para os cordeis.
A
Z
Os ícones utilizados, são do flat design.
T I P O G R AF I A Junction Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Junction Bold ABCDEFGHIJKLM NOPQRSTUVWX YZ abcdefghijklmn opqrstuvwxyz 0123456789 Junction Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 A família Junction não tem serifa e é uma fonte ideal para trabalhar os textos no meio digital.
Janda Manatee Solid ABCDEFGHIJ KLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 A Janda Manatee foi escolhida por remeter a letras feitas por pincel, na sala de aula.
Xilosa ABCD EFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 A Xilosa foi introduzida como a fonte que indicará a cultura regional.
17
LAYOUTS
18
19
ROTEIROS Apresentação e introdução ao aplica-
Menu
tivo
VÍDEO 1 - INT. Estúdio
VÍDEO 1 - INT. Estúdio
O intérprete mostra como o usuário pode interagir com a barra de menu e selecionar a opção de aprendizado do aplicativo que ele deseja. O intérprete mostra ao usuário como ele pode retornar para o menu principal. 1. O intérprete fala para o usuário: “No primeiro item do menu você terá acesso as aulas de libras. No segundo item você terá acesso as aulas de português. No terceiro item você terá acesso ao dicionário.”
O intérprete dá as boas vindas ao aluno. O intérprete vai explicando o conteúdo enquanto vai aparecendo imagens de elementos que são parte do site. Os elementos mostrados são explicado para o usuário para que ele entenda a navegação a aplicativo. O intérprete explica ao usuário o como fazer o login e se cadastrar no site. 1. O intérprete fala para o usuário: “Olá, seja bem-vindo ao aplicativo Bilígua. Aqui você poderá aprender e aperfeiçoar a linguagem de sinais e ler escrever na língua portuguesa.” 2. “Você pode usar o aplicativo se cadastrando clicando aqui (o intérprete mostra onde está o elemento na interface que o usuário poderá fazer o cadastro).” 3. “No primeira caixa você preencherá seu nome. Na segunda caixa você preencherá seu sobrenome. Na terceira caixa você selecionará qual desses línguas você conhece Português, Libras e outros. Na quarta caixa você você preencherá seu email. Na quinta você preencherá sua senha. Você confirmar seu cadastro na última caixa da direita e cancelar na última caixa da esquerda. ”
20
Dicionário VÍDEO 1 - INT. Estúdio O intérprete mostra ao usuário como fazer uma pesquisa na área do dicionário. 1. O intérprete fala para o usuário: “Você pode digitar a palavra que deseja conhecer caixa ao lado.” VÍDEO 2 - INT. Estúdio O intérprete mostra ao usuário a tradução da palavra que ele buscou. 1. O intérprete fala para o usuário: “O significado da palavra é...”
Libras módulo 1
Português módulo 1
VÍDEO 1 - INT. Estúdio O intérprete mostra ao usuário a estrutura da aula e como ele poderá progredir no aprendizado da linguagem. 1. O intérprete fala para o usuário: “Essa é a estrutura das aulas que foram desenvolvidas para o seu aprendizado. Você pode ir desbloqueando conforme for fazendo as primeiras aulas.”
VÍDEO 1 - INT. Estúdio O intérprete mostra ao usuário a estrutura da aula e como ele poderá progredir no aprendizado da linguagem. 1. O intérprete fala para o usuário: “”
VÍDEO 2 - INT. Estúdio O intérprete mostra ao usuário que tem a opção de fazer as atividades em grupo, e como ele pode convidá-los. 1. O intérprete fala para o usuário: “Você pode convidar alguém para fazer a aula com você buscando os usuários que estão online procurando pela barra.” VÍDEO 3 - INT. Estúdio O intérprete mostra ao usuário imagens de familiares ao usuário e relaciona a imagem ao sinal de Libras correspondente e em seguida pede ao usuário para selecionar o sinal correto para a imagem mostrada. 1. O intérprete fala para o usuário: “”
VÍDEO 2 - INT. Estúdio O intérprete mostra ao usuário que tem a opção de fazer as atividades em grupo, e como ele pode convidá-los. 1. O intérprete fala para o usuário: “” VÍDEO 3 - INT. Estúdio O intérprete vai mostrar as etapas de cada aula para o usuário. 1. O intérprete fala para o usuário: “”
21
PROJETO DE
ESTÉTICA
basamento em teóricos que em com s da liza rea as uis sq pe A partir das melhor solução de estética para a -se tou an lev to, un ass o re estudam sob o são citados os pontos mais aix Ab . rda su ão laç pu po a com se trabalhar fortes trabalhados: Flat design. sign. Alguns conceitos de motion de
22
m a região nordeste, especiCores e elementos que remete em composições que são ficamente, que estão presentes da cultura. A maior parte é características do ambiente e l e da xilogravura. retirado da literatura de corde
Esses três pontos irão compor
a estética da aplicação.
PROJETO DE NAVEGAÇÃO Não logado
Logar com Google
Logar
Informar Usuário
Informar línguas que domina
Informar Senha
Selecionar Português
Logar com Facebook
Botão Cancelar
Confirmar login
Selecionar Libras
Informar línguas que domina
Selecionar Português
Confirmar login
Logar com senha Especial
Cancelar login
Selecionar Libras
Realizar sequência da senha
Confirmar login
Acessar aplicativo
Assistir vídeo introdutório Tela de cadastro
23
Assistir Vídeo explicativo
Informar Nome
Informar Sobrenome
Informar línguas que domina
Selecionar Português
Informar E-mail
Confirmar cadastro
Criar Senha
Cancelar cadastro
Selecionar Libras
Página inicial
Selecionar Curso de Libras Assistir Vídeo explicativo
Selecionar Curso de Português
Selecionar módulo
Assistir vídeo explicativo
Acompanhar conteúdo
Selecionar aula
Resolver tarefas
Assistir vídeo explicativo
Assistir Vídeo explicativo
Convidar amigo
Assistir vídeo explicativo
Selecionar módulo
Assistir vídeo explicativo
Receber Feedback
Concluir
Assistir vídeo feedback
Assistir vídeo de conclusão
Acompanhar conteúdo
Botão Dicionário
Vídeo explicativo
Imagem do objeto
Selecionar aula
Resolver tarefas
Receber feedback
Concluir
Assistir vídeo explicativo
Assistir vídeo feedback
Assistir vídeo de conclusão
Palavra em Português
Vídeo em Libras
O Ã Ç A M R O F N I E D PROJETO Não logado
Campo de nome
Campo de senha
Botão de Login
Logar com o Facebook
Link Cadastre-se
Logar com o Google
Campo Login
Tela de Cadastro
Nome
Sobrenome
Escolaridade
Linguas conhecidas
Portugues
Libras
Nenhuma
Senha
Botão de confirmar
Tela Login Especial
24
Tela de Escolher Sequência da senha
Botão Confirmar
Tela de Login p/ Facebook
Tela de Login p/ Google
Janela de autenticação
Línguas conhecidas
Português
Botão de confirmar
Libras
Janela de autenticação Botão de cancelar
Línguas conhecidas
Português
Botão de confirmar
Libras
Botão de cancelar
Botão de cancelar
Botão Libras
Vídeo explicativo
Botões de módulos:
Módulo 2 (travado)
Módulo 3 (travado)
Módulo 1
Módulo 4 (travado)
Módulo 5 (travado)
Convidar amigo:
Vídeo explicativo
Texto
Teclado Botão Português
25
Vídeo explicativo
Botões de módulos:
Módulo frases (travado)
Módulo vocabulário
Vídeo explicativo
Imagens
Módulo pronome (travado)
Módulo verbos (travado)
Vídeo explicativo
Botão aula
Texto
Teclado
Tela de Tarefas
Convidar amigo:
Vídeo explicativo
Vídeo explicativo
3 imagens
Campo de texto
Teclado
Tela de feedback
Vídeo feedback
Tela de conclusão
Vídeo feedback positivo
Botão Dicionário
Vídeo explicativo
Imagem do objeto
Palavra do objeto em português
Vídeo em libras do objeto
Módulo coesão(travado)
Texto
Módulo de escrita(travado)
Teclado