Arquitetura da Informação

493 visualizações

Publicada em

Apresentação da Semana Viver Metrópole Mackenzie/2014

Publicada em: Design
1 comentário
2 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
493
No SlideShare
0
A partir de incorporações
0
Número de incorporações
57
Ações
Compartilhamentos
0
Downloads
7
Comentários
1
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Arquitetura da Informação

  1. 1. AI – Arquitetura Informação UMA VISÃO PRÁTICA E SUSTENTÁVEL
  2. 2. Apresentação  Eleonora Diniz  FATEC-SP (87-90) – TI  Mackenzie (95-98) – Desenho Industrial – Comunicação Visual* (TCC de Vídeo apresentado no programa do Jõ Soares)  FGV (2011-2013) – MBA Gestão Estratégica Negócios  Banco Nacional / Unibanco / Itaú  Desde 1999 trabalhando com Internet  Portais  Banking  Mobile  Ecommerce
  3. 3. Conceitualmente...  Segundo Peter Morville e Louis Rosenfeld , arquitetura da informação é “a arte e a ciência de organizar a informação para ajudar as pessoas a satisfazer suas necessidades de informação de modo efetivo (…) o que implica organizar, navegar, marcar e buscar mecanismos nos sistemas de informação.” (1)  Eles são fundadores do Information Archtecture Institute (2002) (1) Livro: Information architecture for the World Wide web – designing large-scale websites, de Louis Rosenfeld e Peter Morville. OáReilly, 2003
  4. 4. Na vida real...vamos ver os bancos Meios de acesso ao banco?
  5. 5. Como a mesma Informação permeia por esses canais?!
  6. 6. Na vida real...vamos ver os bancos  Sites organizados de várias formas:  Produtos  Necessidades  Híbrido
  7. 7. Como organizar tudo isso?  AI - ESTRUTURA Estruturar a informação conforme o meio é uma parte da experiência do usuário  Usável e encontrável  Claro e preciso  Completo  Consistente  Útil e relevante  UX - EMOÇÃO Viabilizando navegação, facilidade para interagir  Toca o coração  Contexto e História  Estímulo Sensorial  Influências Externas e Internas
  8. 8. Workshop Exercitar algumas ferramentas de AI e UX Concepção Cronograma / Road-Map Benchmark Métricas Personas Modelo Conceitual Ecossistema Focus Group / Pesquisa Quantitativa Card Sorting / Inventário de Conteúdo Mapa Site / Fluxograma Wireframes / Protótipo Navegável Implementação Caso de uso / Especificação / Mensagens Sistema Teste Usabilidade Controle Qualidade Acessibilidade SEO Monitoramento Teste Usabilidade Teste A/B Eye Tracking / Mapa Calor Métricas Análise Qualitativa e Quantitativa
  9. 9. Workshop  Persona:  Cliente: Jovem Universitário  Idade: entre 19 e 25 anos  Renda (mesada ou bolsa estágio): entre R$ 200 a R$ 1.000  Perfil: primeira conta bancária  Funcionalidade Banco para Mobile
  10. 10. O futuro App destinada a estudante Office Labs
  11. 11. Links uteis http://www.princiweb.com.br/blog/design/usabilidade-ux/a-diferenca-entre-arquitetura-de-informacao-e-ux- design.html http://arquiteturadeinformacao.com/ http://www.nngroup.com/articls/ http://www.itforum365.com.br/noticias/detalhe/44722/artigo-arquitetura-de-informacao-ou-user-experience- design http://www.odannyboy.com/ http://tableless.com.br/arquitetura-da-informacao-em-landing-page/ http://imasters.com.br/secao/design-ux/arquitetura-da-informacao/ http://www.iainstitute.org/ http://www.avellareduarte.com.br/projeto/desenvolvimento/desenvolvimento1/desenvolvimento1.htm
  12. 12. Obrigada ELEONORA.DINIZ@GMAIL.COM BR.LINKEDIN.COM/IN/ELEONORADINIZ/

×