Este documento discute arquitetura da informação e experiência do usuário no contexto de sites bancários. Apresenta brevemente conceitos de arquitetura da informação segundo autores como Morville e Rosenfeld e discute como a mesma informação é organizada em diferentes canais de acesso aos bancos, como sites. Também aborda a importância de estruturar a informação de forma usável, encontrável, clara e consistente e de proporcionar boa experiência ao usuário por meio de navegação fácil e contexto. Por fim, propõ

1. AI – Arquitetura
Informação
UMA VISÃO PRÁTICA E SUSTENTÁVEL

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. 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. Na vida real...vamos ver os bancos
Meios de acesso ao
banco?

5. Como a mesma
Informação permeia por
esses canais?!

6. Na vida real...vamos ver os bancos
 Sites organizados de várias formas:
 Produtos
 Necessidades
 Híbrido

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. 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. 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. O futuro
App destinada a
estudante
Office Labs

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. Obrigada
ELEONORA.DINIZ@GMAIL.COM
BR.LINKEDIN.COM/IN/ELEONORADINIZ/