estrategia de ai - criando o relatorio de estratégia

32
Desenvolvendo a Estratégia de Arquitetura de Informação Prof. Luiz Agner

Upload: luiz-agner

Post on 08-Jul-2015

1.715 views

Category:

Design


0 download

DESCRIPTION

Aula sobre o Relatório de Estratégia da Arquitetura de Informação - ESPM-Rio - Prof. Luiz Agner. Pós-graduação em Design e Marketing Digital. Disciplina de Arquitetura de Informação, 2009.

TRANSCRIPT

Desenvolvendoa Estratégia

de Arquitetura de Informação

Prof. Luiz Agner

O que é a Estratégia de AI?

• É a ponte entre a fase de Pesquisa e a fase de Projeto.

• É um quadro conceitual de alto nível para estruturar e organizar o website.

• Provê a orientação e o escopo para as fases mais detalhadas e caras da AI – Projeto e Implementação.

O processo da AI

Pesquisa

Estratégia

Projeto/Design

Implementação

Administração

PROJETO

PROGRAMA

Da Pesquisa à Estratégia:

• Fase de Pesquisa: visa testar e refinar hipóteses sobre a Arquitetura de Informação.

• Visa a derrubar idéias preconcebidas sobre o conteúdo, contexto e usuários.

• Com a lei dos retornos reduzidos, a ênfase logo passa a ser desenvolver diagramas conceituais visuais, discuti-los com a equipe e testar com usuários.

Processo P.A.C.T.

• Pensar, Articular, Comunicar e Testar

• A formulação da Estratégia vista como um processo iterativo.

PENSAR

• “Caixa-preta” converte dados de nossas pesquisas em soluções criativas.

• Encontrar tempo e local para digerir o que foi aprendido durante a pesquisa, até transformar conclusões em soluções produtivas.

• Estilos: individual X equipe.

ARTICULAR

• A articulação começa informalmente.

• Rascunhar esboços em papel.

• Fazer anotações em blocos.• Desenvolver idéias é a ênfase, nesta fase.

• Ficar bem longe dos softwares, nesta fase.

COMUNICAR

• Comunicar as suas idéias e proposições.

• Identificar métodos eficientes para a sua audiência específica.

• Ferramentas:• Metáforas• Histórias• Cenários• Diagramas conceituais• Wireframes• Blueprints • Apresentações• Relatórios textuais

TESTAR

• As metodologias da fase de Pesquisa podem ser aplicadas novamente para testar as múltiplas possibilidades de estratégias.

• Por exemplo: – Realizar Card Sortings Fechados:

para observar reações a níveis específicos da taxonomia.

– Aplicar Testes de Usabilidade:• para testar menus hierárquicos e a arquitetura pura, através de

protótipos em papel ou HTML.• Isolar os aspectos visuais da interface, layout e design.

Como COMUNICAR as idéias?

• Através de:– Metáforas– Estudos de casos

– Cenários e Personas– Storyboards– Diagramas conceituais

– Wireframes– Blueprints

Metáforas

• Processo útil para sessões de criatividade em equipe

• Desenvolvidas em sessões de brainstorming

• São boas para ilustrar o projeto conceitual, mas você não deve ter pena de abandoná-las, após uma análise crítica.

• São problemáticas para a transposição literal para o site.

Metáforas

• Organizacionais• Ex: em uma loja de automóveis, você pode entrar na

área de carros usados, carros novos, concertos e serviços, e autopeças.

• Funcionais• Ex: numa biblioteca tradicional, você pode procurar

nas estantes, pesquisar no catálogo ou solicitar auxílio ao bibliotecário.

• Visuais• Ex: páginas amarelas na Internet utilizando um visual

compatível.

Estudos de caso

• Trazem vida aos conceitos.

• Comparar e contrapor a estratégia de arquitetura proposta a casos de experiências concretas.

• Discutir pontos que funcionaram e também os que não funcionaram nesses projetos anteriores.

• Exemplo: estudo de caso do IBGE

Cenários e Personas

• Cenários - Ferramentas para ajudar a equipe a visualizar como o usuário vai experimentar a navegação no seu site.

• Devemos redigir cenários que mostrem como usuários com diferentes perfis vão navegar.

• A pesquisa com usuários é a fonte de dados para a elaboração de bons cenários de uso.

Cenários e Personas

• Persona - Técnica de criação de personagens que representam os diversos perfis de seu público-alvo.

• Selecionar 3 ou 4 tipos que utilizarão o site de modos totalmente diferentes.

• Dar a eles nome, profissão, idade, profissão, endereço, características físicas e as razões para estar visitando seu site.

Cenários e Personas

http://carsonified.com/blog/design/how-to-understand-your-users-with-personas/

Storyboards

http://nform.ca/blog/2008/04/swimlanes-for-the-win

Storyboard no mapeamento de cenários

Storyboards

http://www.wallofdeliverables.com/del/2009/03/parental-verification-process-experience-storyboard/

Diagramas conceituais

• São desenhos, ilustrações e ícones que também dão vida aos conceitos abstratos.

Diagramas conceituais

Diagramas conceituais

Diagramas conceituais

Diagramas conceituais

Blueprints e wireframes

• O processo colaborativo de brainstorming é excitante, caótico e muito divertido.

• Mas, cedo ou tarde, será a hora de emprestar um pouco de ordem ao caos.

• Os mapas (blueprints) mostram as relações associativas entre as páginas do site e os demais componentes do conteúdo.

• Os wireframes mostram a estrutura essencial das principais páginas do site.

• Estas são as principais ferramentas do arquiteto.

Logo Banner Ad orInternal

Promotion

Cards Gift ShopInvitations

Home | Help | Login/SignoutSearch | Site Index

My CardshopGift Certificates Promotions

partner ad/offer space

Reasons to SendBirthday Subchannel | Subchannel |Subchannel Subchannel | Subchannel | more...

Channel Subchannel | Subchannel |Subchannel Subchannel | Subchannel | more...

Welcome, Tim! Dad's Day is June 18th.Send a card for free.

CardThumbnail

CardThumbnail

CardThumbnail

title: text textMore Father'sDay Cards

title: text textMore SummerCards

title: text textMore MusicCards

Calendar full calendar

date Holiday date editorial holiday date editorial holiday date editorial holiday date editorial holiday date editorial holidaydate Holiday date editorial holiday date editorial holiday date editorial holiday date editorial holiday date...

CollectionsMusicTVMoviesStationeryTeen LoungeAfrican AmericanSpanishlReligious

Search Assistant

Don't know where to start? I can help you SEARCH

PromoImage(Music)

New Cards | Most Popular | Highest Rated

Banner Ad orInternal

Promotion

SearchAssistant

Image

learn more | about us | investor relations | advertise with us | privacy policyjob opportunities | contact us | terms of service

Blueprints e wireframes

Logo Banner Ad orInternal

Promotion

Cards Gift ShopInvitations

Home | Help | Login/SignoutSearch | Site Index

My CardshopGift Certificates Promotions

partner ad/offer space

Reasons to SendBirthday Subchannel | Subchannel |Subchannel Subchannel | Subchannel | more...

Channel Subchannel | Subchannel |Subchannel Subchannel | Subchannel | more...

Welcome, Tim! Dad's Day is June 18th.Send a card for free.

CardThumbnail

CardThumbnail

CardThumbnail

title: text textMore Father'sDay Cards

title: text textMore SummerCards

title: text textMore MusicCards

Calendar full calendar

date Holiday date editorial holiday date editorial holiday date editorial holiday date editorial holiday date editorial holidaydate Holiday date editorial holiday date editorial holiday date editorial holiday date editorial holiday date...

CollectionsMusicTVMoviesStationeryTeen LoungeAfrican AmericanSpanishlReligious

Search Assistant

Don't know where to start? I can help you SEARCH

PromoImage(Music)

New Cards | Most Popular | Highest Rated

Banner Ad orInternal

Promotion

SearchAssistant

Image

learn more | about us | investor relations | advertise with us | privacy policyjob opportunities | contact us | terms of service

Blueprints e wireframes

Wireframe (estrutura das páginas) Blueprints (mapas de site)

Blueprints e wireframes

DICA – Serviço gratuito para criar, editar e compartilhar mapas de sites online.

Relatório Estratégico de AI

• Produto catalisador da apresentação, visão unificada e da articulação da Estratégia de AI.

• É um relatório único que integra resultados de pesquisa, análise e proposição de idéias.

• A redação do Plano força a tomar decisões importantes, a honestidade intelectual e a comunicação clara.

• É o produto mais importante da AI.• Dica - deve ter menos de 50 páginas.

Sumário: Relatório Estratégico

1. Resumo executivo

2. Missão e visão do site

3. Audiências e perfis

4. Conclusões de pesquisas

5. Estratégias e abordagens • Detalhar as principais abordagens de AI• Blueprints e diagramas conceituais• Justificativas

6. Gestão de conteúdo• Breve descrição de Regras (workflow), Papéis (da equipe), e

Recursos (tecnologias) para administração do website.

Plano de Projeto

• É um documento em anexo que detalha:– Equipe envolvida – Documentos a serem entregues

– Cronograma– Ações de curto prazo– Ações de longo prazo

O plano de projeto pode ser integrado com os planos de outras equipes: autoria de conteúdos, design de interação, desenvolvimento de código, etc.

Apresentações Orais

• Objetivos:– Apresentar e discutir diretrizes de AI – “Vender” o projeto aos stakeholders

– Obter apoio de diversos departamentos– Comunicar as principais idéias com clareza– Organizar pensamentos na ordem lógica

– Selecionar highlights da Estratégia– Mostrar gráficos, diagramas, ilustrações e

metáforas para uma compreensão rápida

Bibliografia sobre o tema

• Rosenfeld e Morville. Information Architecture for the World Wide Web. 2a. Ed. O´Reilly, 2002.