Design 2006 Guilhermo Reis www.guilhermo.com
2 Qual a importância da modelagem? Você compraria um apartamento em um prédio em construção sem ver a planta? www.mermier.com.br
3 Qual a importância da modelagem? Segundo YOURDON (1990) modelos são construídos por três motivos básicos: Focalizar a atenção nas características importantes do sistema, dando menos atenção às menos importantes. Discutir modificações e correções nos requisitos do usuário com baixo custo e mínimo risco. Verificar se o analista de sistema conhece, corretamente, o ambiente do usuário e o documentou de tal maneira que os projetistas e programadores possam construir o sistema. YOURDON, E. Análise Estruturada Moderna. Campus, 1990, p. 83.
Objetivo da etapa de Design O objetivo da etapa de Design na metodologia de 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, especificar detalhadamente 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.). 4 Ícone Ícone Ícone Logo Biblioteca Básica - Texto Biblioteca Básica.vsd - pág. 1 de 2 Projeto: Biblioteca Site: Autor: Guilhermo Reis Última Atualização: 27/10/03 Título 1 Título 2 Chamada de Texto Texto de Corpo Biblioteca Básica - Texto Biblioteca Básica.vsd - pág. 1 de 2 Projeto: Biblioteca Site: Autor: Guilhermo Reis Última Atualização: 27/10/03 Título 1 Título 2 Chamada de Texto Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vel sapien vitae orci sodales ornare. Ut ornare sapien ac leo. Duis diam. Cras quis lacus. Nulla facilisi. Morbi tellus tortor, viverra sit amet, aliquam ut, aliquam at, nibh. Sed adipiscing dui sed risus. Sed pharetra, enim et condimentum tincidunt, metus metus cursus lorem, at venenatis enim nisl vel est. Duis imperdiet lorem non nibh adipiscing pellentesque. Nam vestibulum dictum arcu. Aliquam at dui. Nam mauris orci, aliquet et, condimentum non, commodo vel, nisl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis a diam ac wisi scelerisque sollicitudin. Integer at augue vitae odio elementum volutpat. Nam sit amet sapien sit amet lectus iaculis porta. Donec vitae augue vulputate metus viverra convallis. 1- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 2- Duis a diam ac wisi scelerisque sollicitudin. 3- Integer at augue vitae odio elementum volutpat. 4- Nam sit amet sapien sit amet lectus iaculis porta. 5- Donec vitae augue vulputate metus viverra convallis. Lista com marcador Imagem Lista numerada Banner Imagem Banner Logotipo Tabela Nome do Arquivo.xxx (em arquivo xxx) 100 Kb 1- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus sed est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce eget sapien. Ut eros metus, ornare et, vehicula facilisis, congue a, libero. Curabitur facilisis diam a nibh. Nulla facilisi. Vivamus nulla mauris, consectetuer eu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus sed est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce eget sapien. Ut eros metus, ornare et, vehicula facilisis, congue a, libero. Curabitur facilisis diam a nibh. Nulla facilisi. Vivamus nulla mauris, consectetuer eu. Este wireframe não tem nenhum compromisso com fontes, cores ou disposição dos elementos na página. Sua função é indicar o conteúdo de cada página do site. Download de Arquivo Nota de Rodapé Disclaimer Este wireframe não tem nenhum comp romisso com fontes, cores ou disposição dos elementos na página. Sua função é indicar o conteúdo de cada página do site.
5 Tipos de documentos especificação na Arquitetura de Informação Existem quadro tipos documentos que são elaborados para a especificação da Arquitetura de Informação de um website: Sitegrama Fluxo das Transações Wireframes Vocabulário Controlado Cada tipo 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.
6 Tipos de documentos especificação na Arquitetura de Informação Sitegrama 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. Fluxo das 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 fluxogramas indicando como ocorrem as transições entre as páginas. Wireframes Diagrama que representa todos os elementos de uma página, definindo esses elementos, a hierarquia entre eles, agrupamentos e suas importâncias relativas. Para representar os elementos utiliza esboços das páginas. Vocabulário Controlado Subconjunto definido da linguagem natural construído com base em um conjunto regras prescritivas destinado a especificar os rótulos utilizados no website e os meta-dados utilizado na indexação dos conteúdos.