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õ
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
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