Sumário Introdução .................................................................................................................................................................................. 4 Libra Comigo ................................................................................................................................................................................. 5 Conceito de Criação .................................................................................................................................................................. 6 Público alvo ................................................................................................................................................................................ 8 Tipografia ..................................................................................................................................................................................... 9 Estratégia de Comunicação .................................................................................................................................................... 10 Paleta de Cores .......................................................................................................................................................................... 14 Logo ............................................................................................................................................................................................... 16 Conceito de Navegação ........................................................................................................................................................... 17 Layout ........................................................................................................................................................................................... 20 Gamificação ................................................................................................................................................................................. 22 Embalagens e Rótulos .............................................................................................................................................................23 Vinheta de apresentação ........................................................................................................................................................ 24 Técnicas e softwares utilizados ......................................................................................................................................... 25 Créditos ....................................................................................................................................................................................... 26
Introdução O projeto descrito ao longo desta proposta de desenvolvimento foi criado pelo grupo Block para a disciplina de Projeto Interdisciplinar do 5º semestre do curso de Design Digital da Universidade Anhembi Morumbi. Este projeto consiste em criar uma ação ciberativista embasado em mídias sociais para estimular uma alteração no comportamento do público em relação a deficiência auditiva, utilizando princípios da linguagem estética do movimento Pop Art. Como peça principal, foi-se desenvolvido um aplicativo para dispositivos móveis explorando os recursos da gamificação, permitindo o envio de vídeos feitos pelos próprios usuários com o intuito de aperfeiçoar o conhecimento na Língua Brasileira de Sinais (Libras).
Libra Comigo O projeto Libra Comigo é focado na situação social dos deficientes auditivos e como a sociedade trabalha para que ocorra uma maior inclusão desses indivíduos. Após uma pesquisa, constatou-se que o problema da inclusão social começa na escola e que há uma divergência entre um cenário ideal de tratamento e formas de alfabetização e a realidade das instituições de ensino nas escolas primárias brasileiras. Pautados na deficiência de ensino, o projeto desenvolveu-se com o objetivo de auxiliar na comunicação entre surdos e ouvintes.
Conceito de Criação Todas as peças foram fomentadas pelo estilo de arte do movimento Pop Art, surgido na década de 1950 e amadurecido na década de 1960. O movimento é caracterizado por transformar temas do cotidiano em obras, criticando a sociedade de consumo em seus traços e contornos e criando uma comunicação rápida com a cultura de massa. Partindo deste princípio, resgatamos, como referência, a repetição de imagens com alteração de cores para dar alusão a crítica que era feita em obras neste estilo artístico, avaliando como a sociedade se recusa a ver que existem muitas maneiras de se dialogar. Desta forma, o projeto Libra Comigo propõe a quebra do paradigma da limitação da surdez no âmbito da comunicação. A identidade visual do projeto utiliza princípios do movimento Pop Art, as cores atribuídas suportam nuances vibrantes, variando entre cores quentes e frias e trabalhando a interação com o contraste, conforme reconhecido pelo estilo Pop Art. A repetição de imagens com alternância entre as cores, característica forte no movimento, também foi utilizada nas peças do projeto.
Painel semântico
Público alvo O público-alvo primário do projeto são brasileiros de ambos os sexos com idades entre 12 e 15 anos, surdos e ouvintes. O público-alvo secundário são brasileiros de ambos os sexos com idades entre 18 e 22 anos. Foi levado em consideração a capacidade dos usuários em compreender a importância da ação ciberativista, assim como os mecanismos de uso das mídias sociais e do aplicativo, sem distinção econômica, cultural, religiosa ou étnica.
Tipografia Com base no painel semântico, foram levantadas formas, em sua maioria retas, linhas contínuas, bem definidas e sem serifa. Foi observado a utilização de tipos em caixa alta e alongadas para chamar a atenção do espectador para as mensagens das obras. Levando em conta essas características escolhemos a OSTRICH SANS para titulos e OPEN SANS para texto que é sem serifa, de bom entrelinhamento e pregnância, priorizando a legibilidade para facilitar a leitura ao nosso público-alvo.
Fonte Ostrich Sans
Parte do painel semântico
Fonte Open Sans
Estratégia de Comunicação Para incentivar a comunicação entre pessoas com deficiência auditiva e ouvintes, através do uso de tecnologia em redes e mídias sociais, como o Facebook, criamos um ambiente de inclusão em detrimento da grande causa da exclusão social de pessoas surdas ser dada pela dificuldade de comunicação com os demais. O projeto, Libra Comigo, possibilita o compartilhamento de vídeos feitos pelos próprios usuários com o intuito de aperfeiçoar o conhecimento da Língua Brasileira de Sinais (Libras). Além do aperfeiçoamento, foram aplicados elementos da gamificação, para motivar o usuário a explorá-lo. Atribuimos badges (ou medalhas) para algumas ações do usuário, como por exemplo, validar um vídeo ou fazer um comentário. A página no Facebook foi pensada para divulgar informações a respeito de assuntos relacionados a Libras e a inclusão social de deficientes auditivos, engajando-os para compartilhar as ideias e
tornarem a inclusão 100% eficaz. A página do Facebook É um canal de fácil acesso a qualquer momento em qualquer lugar, disponibilizando base de conhecimento e exemplos a serem divulgados. Analisando a melhor comunicação que poderia ser feita através de mídias sociais com o público-alvo, escolhemos como nosso principal canal de interação com o usuário um perfil público no Facebook. Na página criada, são compartilhadas informações, notícias e curiosidades promovidas com a intenção de informar os seguidores interessados em ações de inclusão social que abordam o tema da deficiência auditiva. Exemplo: Projetos, eventos, conteúdo pedagógico. Seguindo a tendência das hashtags, na maior parte das postagens são utilizadas palavras-chave que subsidiam a divulgação.
Criaram-se categorias para ordenar cada conteúdo. A categoria Eventos apresenta aos seguidores interessados da página acontecimentos esportivos e culturais promovidos em ações de inclusão social que envolvem pessoas surdas. A categoria Dicas foca em sugestões de mídias que abordam o tema da deficiência auditiva e informações rápidas e curtas sobre a Libras. A categoria Curiosidades aponta curiosidades com o objetivo de instruir o usuário sobre dados de deficiência auditiva que não são de conhecimento geral. A categoria Colaborativa expressa projetos que promovem a inclusão social. A categoria Aprenda Libras exibe conteúdos pedagógicos sobre a Libras, como cursos. A categoria Libras no dia-a-dia passa conteúdos compartilhados que evidenciam o potencial benéfico de saber se comunicar com a Língua Brasileira de Sinais. Por fim, a categoria Libra Comigo tem o propósito de fazer com que as pessoas participem e tomem conhecimento da proposta do aplicativo, enviando um vídeo em que fazem os sinais correspondentes ao nome do projeto.
Cada categoria é representada pelo logo com cores diferentes, com o intuito de possibilitar que o usuário identifique qual a categoria pelo tipo de logo representado. Quando a publicação exibir um link ou o compartilhamento de um vídeo, o logo não é utilizado para representar a categoria. As postagens que contém imagem foram pensadas baseadas em princípios da linguagem estética do movimento Pop Art, como a repetição de imagens com alteração de cores, e, assim como no Logo, utilizamos a forma do quadrado, referindo-se ao mecânico e tecnológico, representando a construtividade. Pela facilidade de acesso que o público possui para acessar o Facebook, nossa ação ciberativista se encontra no engajamento que nós promovemos para que o público também consiga compartilhar as ideias e tornarem a inclusão 100% eficaz. A página do Facebook É um canal de fácil acesso a qualquer momento em qualquer lugar, disponibilizando base de conhecimento e exemplos a serem divulgados.
Analytics do Facebook
Analytics do Facebook
Paleta de Cores A paleta de cores é composta a partir das cores primárias (vermelho, azul e amarelo), secundárias (laranja, roxo e verde) e uma derivação do roxo e verde. As cores foram baseadas nas obras do movimento Pop Art, que possuíam cores bem saturadas. Utilizamos principalmente as cores presentes em imagens de divulgação relacionadas à inclusão social.
Parte do painel semântico
Parte do painel semântico Parte do painel semântico
#293472 R:40, G:52, B:114 C:99, M:93, Y:25, K:12
#229070 R:34, G:145, B:112 C:82, M:21, Y:68, K:4
#EDE24B R:237, G:226, B:74 C:10, M:3, Y:84, K:0
#88B94A R:135, G:185, B:72 C:53, M:7, Y:96, K:0
#E96C34 R:234, G:109, B:52 C:4, M:71, Y:91, K:0
#D11453 R:209, G:18, B:84 C:13, M:100, Y:55, K:1
#4998A7 R:71, G:152, B:167 C:72, M:25, Y:31, K:1
#6A6998 R:107, G:106, B:152 C:66, M:61, Y:18, K:2
Logo Adotamos uma mão com um balão de diálogo como logo para demonstrar que é possível nos comunicarmos com gestos, evidenciando o potencial benéfico e a importância da comunicação com a Libras. O nome Libra Comigo simboliza a busca dos deficientes auditivos pela inclusão social, convidando todas as pessoas para se comunicarem com a Libras e promovendo a aproximação dos ouvintes e não ouvintes. A tipografia traz suporte e força para o entendimento semiótico do logo. Buscamos balancear o peso do símbolo com a tipografia, que por não ter serifas torna o peso leve e proporcional. A posição do nome (abaixo do logo) mantém o fluxo da visão.
Logo
Versão alternativa do logo
Conceito de Navegação Trabalhamos a navegação do hotsite de divulgação do aplicativo em página única e com poucas seções para facilitar a visualização do conteúdo. Observamos que essas características garantem o interesse de interação do usuário. Por ser executado em uma tela touch, o aplicativo utiliza gestos (o deslizar/swipe) para manter o fluxo de navegação – é dessa maneira que o usuário pode navegar entre a biblioteca de vídeos. As demais opções do aplicativo podem ser encontradas no menu. O aplicativo mobile se trata de uma biblioteca colaborativa móvel disponível para quem quer aperfeiçoar o conhecimento sobre a Libras. Os usuários contribuem enviando vídeos de si mesmos fazendo sinais em Libras, além de avaliar e poder comentar nos vídeos enviados por outras pessoas. Quem não souber se comunicar utilizando a Libras poderá se beneficiar assistindo-os para ampliar seu conhecimento e também entrar em contato com quem já sabe, sanando dúvidas.
Sitemap do aplicativo
Sitemap do site
Layout Aplicativo A montagem foi pensada priorizando o conteúdo e a facilidade de acesso para o usuário. Foram utilizadas cores que remetem ao estilo Pop Art. O aplicativo possui uma barra no topo da tela que dá acesso ao menu – que sobrepõe a tela apenas quando é ativado – e a busca de vídeos. No rodapé, o botão que permite a gravação de vídeos está sempre presente, para que o usuário possa acessá-lo a qualquer ponto.
Paginas do aplicativo
Site O hotsite do Libra Comigo é em página única, com um menu fixo, a sessão home, três sessões de conteúdo e um rodapé. O site foi projetado conforme a identidade visual com referencias do estilo Pop Arte e sua arquitetura foi pensada para ser fluida e de rápido acesso aos tópicos pelo nosso publico. Apresentado em uma página continua, tudo esta conscrito na mesma pagina, o layout se ajusta conforme os diferentes tamanhos de tela e nele temos botões ligado ao download do aplicativo. Na sessão home, temos a capa característica de todas as pecas do trabalho com elementos tipográficos, instigando o usuário a conhecer mais sobre. Na primeira sessão, temos as informações gerais sobre o aplicativo, logo, informações sobre inclusão e gamificação dentro do aplicativo, e então, uma pagina de contatos com formulário. No rodapé, temos um mapa de navegação, link para o download do aplicativo e os botões rápidos de curtir e compartilhar no Facebook.
Layout do site
Layout do site
Gamificação Foram aplicados elementos da gamificação no aplicativo, com o intuito de motivar o usuário a explorá-lo, mantendo o sentimento de busca por recompensas ao mesmo tempo que as interfaces e funções são constantemente manipuladas. A estratégia utilizada foi a de atribuir badges (ou medalhas) para algumas ações do usuário, como por exemplo, validar um vídeo ou fazer um comentário.
Badges Cada badge (ou medalha) é apresentada com uma cor da paleta, com a intenção de criar uma unidade com a identidade visual do projeto. Em cada categoria de badge existe o símbolo da mão, utilizado no logo do projeto, com diferentes opacidade, indicando para o usuário o nível de dificuldade que atingiu. Porém, além disto, existem legendas para cada uma, como “Validou um vídeo”. Badges (medalhas)
Embalagens e Rรณtulos As embalagens seguem o estilo visual do projeto, mantendo as nuances vibrantes e o contraste entre as cores.
Mock-up da embalagem
Adesivo do CD
Vinheta de apresentação A vinheta de apresentação segue o mesmo estilo visual de todas as peças e tem como objetivo fazer uma pequena apresentação sobre o assunto do projeto.
Storyboard vinheta de apresentação
TĂŠcnicas e softwares utilizados
Créditos Universidade Anhembi Morumbi Professora/Orientadora: Rachel Zuanon Design Digital 5º semestre | Vespertino 2016 Integrantes: André Ferreira Bruniera Beatriz Cardoso Salazar Gabriel Amorim Vecchio Ingrid Mayra Brasil Schwinden Jessica Silva Losano Renata Bueno Pires Tassinari Ricardo Braz Garrido Cadima