AULA 10 - Especificacao

+14

No comments posted yet

Comments

Slide 1

Especificação

Slide 2

Você compraria um apartamento em construção sem ver a planta? Especificação Você conseguiria encontrar fácil um livro de poesias nessa pilha? Você se inscreveria num curso sem ver o conteúdo programático?

Slide 3

O objetivo da fase de especificação em um projeto de Arquitetura de Informação é detalhar e documentar toda a especificação do website para ele ser implementado. Sua função é criar um modelo do website para prever seu comportamento, validar se ele atende aos requisitos do projeto, detalhar como ele deve ser implementado e estabelecer uma comunicação formal entre o arquiteto e os demais membros da equipe de projeto (webdesigners, redatores, programadores, cliente, etc.). Objetivo da especificação

Slide 4

Trate os documentos da especificação como um contrato: Evite ambigüidades. - Seja detalhista. - Não deixe nada subentendido. - Não de margem a interpretação. - Especifique o que está dentro do escopo e o que está fora. - Tenha certeza que todos os documentos foram compreendidos completamente. Cuidados na especificação

Slide 5

Mapa do site Fluxo das transações Wireframes Vocabulário controlado Documentos de especificação Sitegrama Cada tipo de documento especifica características diferentes do website. Assim, em um projeto, nem sempre todos eles são necessários. Cabe ao arquiteto de informação decidir se deve ou não elaborar cada um desses documentos conforme a necessidade das pessoas que utilizarão suas especificações

Slide 6

Sitegrama

Slide 7

Mapa do site O mapa do site é um diagrama que representa a organização hierárquica de um website. Contém todas as páginas de conteúdo e a entrada de todas as transações. Para representar a hierárquica utiliza diagramas em árvore. Mapa do site

Slide 8

Mapa do site Nível 0 Nível 1 Nível 2 Nível 3 Diagrama de árvores é uma forma gráfica de representar organizações hierárquica Antes de documentar, faça um esboço em papel. Alinhe com o inventário de conteúdo.

Slide 9

Fluxo de transações Diagrama que representa o modelo de interação do usuário com as transações do website. Contém todas as páginas das transações, incluindo mensagens de erro e sucesso. Para representar o modelo de interação utiliza de fluxogramas indicando como ocorrem as transições entre as páginas. Fluxo de transações

Slide 10

Vocabulário visual Um vocabulário visual é um conjunto de símbolos usado para descrever algo (geralmente um sistema, estrutura ou processo). O vocabulário aqui descrito pode ser usado por um arquiteto de informação ou designer de interação para descrever, com pouco detalhe, a estrutura e/ou fluxo da experiência do usuário de um Web site. Página simples Pilha de páginas Arquivos, documentos Link interno Link Link externo Link Nó sem página Conector Seta Seta unidirecional (condicional)

Slide 11

Vocabulário visual Organização hierárquica não é obrigatória Rotule os elementos mas não polua o diagrama

Slide 12

Vocabulário visual Eventos simultâneos Ponto de continuação Área Área interativa

Slide 13

Vocabulário visual Área e chamada de fluxo (rotina) Ponto de decisão (condicional por uma ação) Ramo condicional (condicional prévia do sistema) Seletor condicional (várias opções de resultado)

Slide 14

Ferramentas para sitegramas Ferramentas OFF-LINE para construir mapas de sites: Ferramentas ON-LINE para construir mapas de sites: www.writemaps.com www.gliffy.com www.flowchart.com http://drawanywhere.com www.lucidchart.com Microsoft Visio Adobe Illustrator Axure RP Pro Smart Draw Omnigraffle MindManager

Slide 15

Arquitetos de Informação Jeferson Jess Luis Felipe Fernandes Vinicius Krause

URL:
More by this User
Most Viewed