Arquitetura da Informação

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

ObrigadaELEONORA.DINIZ@GMAIL.COM

BR.LINKEDIN.COM/IN/ELEONORADINIZ/