arquitetura da informação
DESCRIPTION
Apresentação da Semana Viver Metrópole Mackenzie/2014TRANSCRIPT
AI – Arquitetura InformaçãoUMA VISÃO PRÁTICA E SUSTENTÁVEL
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
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
Na vida real...vamos ver os bancos
Meios de acesso ao
banco?
Como a mesma Informação
permeia por esses canais?!
Na vida real...vamos ver os bancos
Sites organizados de várias formas: Produtos
Necessidades
Híbrido
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 - EMIOÇÃO
Viabilizando navegação, facilidade para interagir
Toca o coração
Contexto e História
Estímulo Sensorial
Influências Externas e Internas
WorkshopExercitar algumas ferramentas de AI e UX
ConcepçãoCronograma / 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çãoCaso de uso / Especificação / Mensagens Sistema
Teste Usabilidade
Controle Qualidade
Acessibilidade
SEO
MonitoramentoTeste Usabilidade
Teste A/B
Eye Tracking / Mapa Calor
Métricas
Análise Qualitativa e Quantitativa
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
O futuro
App destinada a estudante
Office Labs
Links uteis
http://www.princiweb.com.br/blog/design/usabilidade-ux/a-diferenca-entre-arquitetura-de-informacao-e-ux-design.htmlhttp://arquiteturadeinformacao.com/http://www.nngroup.com/articls/http://www.itforum365.com.br/noticias/detalhe/44722/artigo-arquitetura-de-informacao-ou-user-experience-designhttp://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
