Arquitetura da informação. Padrões de definição, classificação e estrutura de conteúdo. Organização das informações e tecnologia de linguagem. Abstração.

Apresentação em tema: "Arquitetura da informação. Padrões de definição, classificação e estrutura de conteúdo. Organização das informações e tecnologia de linguagem. Abstração."— Transcrição da apresentação:

1 Arquitetura da informação

2 Padrões de definição, classificação e estrutura de conteúdo. Organização das informações e tecnologia de linguagem. Abstração das necessidades do projeto.

3 Arquitetura da informação Analise minuciosa. Cenários para cada tipo de audiência. Divisão por categorias Criatividade no design Semiótica condizente com o projeto

4 Arquitetura da informação

5 Análise de competitividade Pesquisa em sites rivais Relação impacto audiovisual Gráficos para avaliação Critério de notas entre 1 e 10 Design, navegação e personalização

6 Análise de competitividade Sites de grande porte: Pesquisa de opinião pública Pesquisa no ponto de venda Pesquisa de mídia Pesquisa de atendimento Teste de produto

7 Inventário de conteúdo Organização das peças de conteúdo que auxiliam na escolha da tecnologia de linguagem Definição da relevância de cada conteúdo

8 Estrutura e organização A partir da estruturação e organização do conteúdo é possível definir: Categoria de audiência Análise de competitividade Inventário de conteúdo Tipos de conteúdo ( Dinâmico e Estático )

9 Conteúdo estático Arquivos que dependem de um programador ou designer de interface para serem alterados. Direitos autorais Documentação de privacidade Regras para associados Histórico da empresa

10 Conteúdo dinâmico Cadastramento de usuário Inclusão de e-mails em newsletter Formulários de compra Noticiários, agendas, blogs Login de acesso Paginas com atualização feita por intermédio de um gerenciador de conteúdo (CMS)

11

12 Metáforas Semelhanças com o mundo real Poder visual Transfere palavra para um âmbito semântico Relação de semelhança sub entendida

13 Metáforas organizacional Faz semelhança ao armazenamento físico Grupo dos itens, classificação Ordem alfabética Ordem temática Ordem de relevância

14 Metáforas funcional Infográfica (Auxilio visual ao texto) Explora o uso de ícones

15

16 Arquitetura da informação Façamos do projeto uma ferramenta de apoio inteligente e objetiva que leve o usuário ao local certo, no momento certo.

17 Estratégias de apresentação Criação camada de apresentação visual; Diretamente a demanda (dispositivos ) Palavra chave (tempo) Interatividade (comunidades, comentários) Criar elo Orientação do usuário (Sapatos e conservação / Consultoria e chat).

18 Estratégias de apresentação Atenção as novas tendências e tecnologias, fazer o uso das mesmas para aprimorar a apresentação Ficar atento a responsividade (Ato de amostragem especifica em cada formato de tela).

19 Estratégias de apresentação Criatividade para manter o interesse do usuário no seu conteúdo. Extrair de forma simplificada informações valiosas para traçar o perfil de compra. Páginas leves e objetivas, levar o usuário ao lugar certo de maneira mais eficaz.

20 Técnicas de forma racional Prototipagem Documentação que indique o processo de evolução do projeto Pesquisa, análise e conclusão

21 Processo de design Objetivos Compartilhar ideias com o grupo Criação e evolução de protótipos Definição da relevância de cada conteúdo Distribuição das peças sobre a tela

22 Processo de design Estabelecer um nível de importância Reduzir o tempo de interpretação do usuário Consistência no layout Retorno ao usuário (seções de ajuda) Limitar o peso da página Reduzir o número de páginas

23 Processo de conteúdo Providenciar conteúdo relevante Estabelecer um nível de importância Colocar informações importantes no topo da hierarquia visual Não criar parágrafos muito longos Permitir a impressão do conteúdo

24

25

26 Processo de conteúdo

27 Wireframes Esqueleto do site Tecnologia simples Fácil manipulação Não visa definir o design Representa escala e proporção das peças

28 Wireframes Powerpoint Illustrator Fireworks Word

29 Wireframes Powerpoint Illustrator Fireworks Word

30 Wireframes - Benefícios Ganho de tempo Site pode ser avaliado antes do design ser desenvolvido Análise da navegação e os grupos de trabalho Mais iteração em menor tempo Protótipos podem ser testados