Академический Документы
Профессиональный Документы
Культура Документы
DESIGN E USABILIDADE
DESIGN E USABILIDADE
METODOLOGIA
DESIGN E USABILIDADE
IDENTIDADE VISUAL
Mapeamento Estudo de
Briefing Personas Moodboards Wireframes
de Expressões Cores
DESIGN E USABILIDADE
DESIGN E USABILIDADE
IDENTIFICAÇÕES GERAIS:
DESIGN E USABILIDADE
OBJETIVOS:
DESIGN E USABILIDADE
Público-alvo:
Homens e mulheres com a mesma importância.
Idade:
Variando entre 25 e 64 anos. A faixa entre 35 e 54 tem maior relevância.
Experiência do usuário:
Light User. Utilizam a internet com fins pessoais e a trabalho. Utilizam ferramentas como MSN, Skype
e Orkut.
Classe Social:
Variando entre A1, A2, B1 e B2.
DESIGN E USABILIDADE
Informações Demográficas:
Sudeste e Centro-oeste e Norte do Brasil, além de potenciais visitas de investidores internacionais (EUA,
Alemanha, Europa).
Look-and-feel:
O website deve dispor de imagens de boa resolução que retratem a beleza da fauna e flora do Brasil. Deve
utilizar cores leves e elementos vetoriais. Fotos de pessoas também deverão ser exploradas, visando
transmitir o fator humano da instituição. Utilizar tipografia sem efeitos, cores “chapadas”. O website deve
ser criativo e inovador visando estar alinhado com a missão da instituição.
DESIGN E USABILIDADE
Benchmarks:
Benchmark 1
Benchmark 2
Benchmark 3
Benchmark 4
DESIGN E USABILIDADE
Outras Referências
mma.gov.br
greenpeace.org goeco.org
Iucn.org ashoka.org.br
tnc.org climatecrisis.net
unep.org socioambiental.org
care.org
cbo.int
DESIGN E USABILIDADE
Referências Gráficas:
Relatório Anual 2008
Linha gráfica Natura
Sugestôes e Ressalvas:
Ao abordar conteúdo relacionado a consultoria, emitir a mensagem de forma indireta, sem destacar a
palavra “consultoria”.
Deixar claro em mensagem que a isntituição não pertence ao governo.
O usuário deverá entender o objetivo de maneira simples.
O website não deverá ter um cunho de portal de notícias.
DESIGN E USABILIDADE
DESIGN E USABILIDADE
DESIGN E USABILIDADE
Mensagem:
O FMMA se apresenta como o principal fundo de fomento ambiental do país.
Expõe o número de projetos realizados
Ordem de recursos aportados
Reforça sua expertise com o tempo de existência
Conteúdo:
Publica notícias relacionadas ao fundo, porém não atualiza com freqüência
Possui uma área de destaque com informes do fundo
Disponibiliza um boletim informativo em PDF e arquivo por edição
Funcionalidades Relevantes:
RSS
Tag cloud
Aumento ou redução das fontes
Contato via Skype
DESIGN E USABILIDADE
DESIGN E USABILIDADE
Mensagem:
O WWF se apresenta como uma “marca” de conservação da natureza.
Destaque para campanha contra aquecimento global
Conteúdo:
Publica notícias relacionadas ao WWF, com atualizações periódicas em um espaço de tempo médio
de 3 dias.
Possui uma área de destaque com campanhas de preservação do meio-ambiente
Possui uma área de destaques “segunda linha” divulgando projetos, campanhas e mídia kits.
Os programas e projetos estão em uma área “Conservação da Natureza”.
Funcionalidades Relevantes:
RSS
Add Bookmarks
E-mail page
Aumento ou redução de fontes
Comunidade Orkut, YouTube e Twitter
DESIGN E USABILIDADE
DESIGN E USABILIDADE
Mensagem:
O SOS Mata Atlântica se apresenta como uma entidade privada dedicada a defender as
remanescentes da Mata Atlântica, visando o desenvolvimento sustentável.
Conteúdo:
Possui uma área de destaque com últimos acontecimentos
Possui uma área de notícias relacionados a entidade com atualizações periódicas e links para áreas
do website.
Possui uma área de eventos.
Possui uma área de destaque para “Nossos Projetos”.
Funcionalidades Relevantes:
Blog
Loja SOS
Enquete
DESIGN E USABILIDADE
MODELO DESEJADO
Ver
Esconder
CONSERVATION
Ver
Esconder
COSERVATIONFUND
Ver
Esconder
FUNBIO
Ver
Esconder
DESIGN E USABILIDADE
DESIGN E USABILIDADE
DESIGN E USABILIDADE
DESIGN E USABILIDADE
DESIGN E USABILIDADE
DESIGN E USABILIDADE
Layout Clean.
Melhor organização do conteúdo.
Maior Interatividade (Utilizar Flash).
Utilizar fontes maiores.
Utilizar cores mais claras.
Atualização do conteúdo com maior freqüência.
DESIGN E USABILIDADE
CARACTERÍSTICAS - PERSONAS:
Persona Primária: Setor Privado
Em sua grande parte homens de 30 a 60 anos. “Um público de pessoas mais conscientes, com
uma visão ambiental, nível mínimo de conscientização. Não leigas.”
Está situados na classe social A e B.
Possui formação acadêmica nas áreas de Administração, Economia, Engenharia e RP.
Estão situados em Brasília, Pará, Rio de Janeiro e São Paulo.
É bem informados, inteligentes e grandes influenciadores, envolvidos com a causa.
Se preocupa com o meio ambiente e sua relação econômica.
É consumudor de informação através de revistas e jornais. Usam a internet para acessar sites de
notícias (oglobo.com), finanças (bloomberg) e economia em geral.
Enxerga o fundo como “Uma agência que agrega recursos para a conservação da natureza no
Brasil”.
O website do fundo é destinado para “qualquer entidade interessada em projetos de conservação”
Receberiam informações via newsletter “com um espaço razoável de envio”. O
Conteúdo é de grande importancia para o recebimento.
“Atrair a iniciativa privada para os projetos de conservação e biodiversidade- O site tinha que falar
mais sobre isso”
DESIGN E USABILIDADE
Ferramentas utilizadas
Skype
MSN
Facebook
Blog
DESIGN E USABILIDADE
CARACTERÍSTICAS - PERSONAS:
Persona Secundária: Governo
Segundo os primeiros levantamentos, o target em questão está dividido em 2 perfis: Técnico e Gestor.
O perfil Técnico possui uma faixa etária entre 30 e 40 anos e está situado em todas as regiões do
país.
É um interlocutor do fundo. Este público possui formação acadêmica nas áreas de Biologia,
Engenharia Florestal e Agronomia.
São bem informados e estão totalmente suscetíveis a receber informações.
O perfil Gestor possui idade superior a 40 anos e está situado em Brasília e capitais do país.
Sua formação acadêmica está associada a área administrativa.
São subordinados a legislação e por isso desejam receber informações gerais. Informações sobre
investimento e crise no meio-ambiente são relevantes para esse perfil.
Enxerga o fundo como: “No começo tinha jeito de fundo, hoje realiza vários projetos relacionados a
biodiversidade. Faz mais do que é capaz de dizer, implementa várias ferramentas, propostas
inovadoras”.
DESIGN E USABILIDADE
CARACTERÍSTICAS:
Persona Secundária: Governo
DESIGN E USABILIDADE
CARACTERÍSTICAS - PERSONAS:
Persona Terciária: Agencias Bi-Laterais e Multi-Laterais
Possui uma faixa etária entre 30 e 55 anos e está situado em todas as regiões do país.
Possuem formação acadêmica em Biologia, Economia, Gerencia de Projetos,
Engenharia, Geologos.
Utilizam a internet como ferramenta de pesquisa voltada para o trabalho. Não tem o costume de
navegar por hobby, apenas para subsidiar seu trabalho.
Acessam o site apenas para procurar assuntos muito específicos
“Nunca acessei o website”
“Acessei o website há muito tempo atrás”.
DESIGN E USABILIDADE
Ferramentas utilizadas
MSN (mas não utilizam com frequência)
DESIGN E USABILIDADE
CARACTERÍSTICAS - PERSONAS:
Persona Quaternária: ONGs
Em sua grande parte mulheres entre 25 a 35. Estão situados na classe social A e B.
Este público possui formação acadêmica nas áreas de Biologia, Economia, Antropologia e
administradores.
Estão situados em Brasília, Pará, Rio de Janeiro e São Paulo.
Estão sempre em busca de parcerias, investimentos e apoios.
São grande influenciadores e possuem fortes habilidades para disseminação da informação.
Veiculam conteúdo sobre proteção do meio ambiente. Acessam a internet com freqüência. Buscam
no website informações ambientais.
Buscam no website informações ambientais.
Utiliza para fins profissionais sites restritos ligados ao meio ambiente.
Freqüenta por hobby sites de noticias, curiosidades e rede social.
Acredita que o publico é mais jovem. “Nos jovens estão as mudanças”.
“Meio ambiente é um área onde se encontram pessoas com perfil científico maior”.
“O fundo é muito pobre em disponibilidade de textos técnicos”.
• Enxerga o fundo como: “Uma instituição que visa promover a manutenção da biodiversidade”
• “Um fundo para biodiversidade”.
DESIGN E USABILIDADE
PERSONAS
formulários
menu Veja mais
confusa desatualizada não-intutitiva
acesso poluída documentos scroll
estrutura notícias-concorrentes navegação
desorganizada
busca navegabilidade
DESIGN E USABILIDADE
Ferramentas utilizadas
Skype
MSN
DESIGN E USABILIDADE
FAIXA ETÁRIA
20 - 30 30 - 40 40 - 50
DESIGN E USABILIDADE
MOOD BOARDS:
DESIGN E USABILIDADE
MOOD BOARDS:
DESIGN E USABILIDADE
TIPOGRAFIA - DESTAQUES:
DESIGN E USABILIDADE
TIPOGRAFIA - MENUS:
DESIGN E USABILIDADE
WIRWFRAME NAVEGÁVEL
DESIGN E USABILIDADE
DESIGN E USABILIDADE
DESIGN E USABILIDADE