Arquitetura da Informação em Projetos Web

Arquitetura da Informação www.professorotaviano.com.br

ARQUITETURA DA INFORMAÇÃO

O que é e para que serve?

Arquitetura deInformaçãoO que é e para que serve?

ONDE ESTOU ?

DE ONDE VIM ?

PARA ONDE VOU ?

Arquitetura deInformação

O que é

É a arte e a ciência de estruturar e classificar websites e intranets a fim de

ajudar as pessoas a encontrar e a gerenciar informação.

(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

Arquitetura deInformação

O que é

Combinação entre esquemas de

organização, nomeação e navegação dentro de um sistema de informação.

(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

Ciclo de Vida Projeto Site

PRA QUE SERVE?

Componentes da AI

Sistema de Organização

Três classificações distintas

Tomate

Três Classificações Distintas

Fruta | Legume | Verdura

Dificuldades na Organização

•Liquidificador está em “Eletrodomésticos” ou “Eletroportáteis”

•O que é UD?

Sistema de Navegação

Sistema de RotulaçãoO sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo.

Seu desafio é criar para o website uma linguagem clara, compreensível e sem ambigüidades.

PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!

Sistema de Rotulação

Sistema de Busca

Arquitetura da Informação

Sobretudo, o arquiteto de informação deve saber como apresentar visualmente/estruturalmente seu material para dar vida a suas idéias.

Retirado de Rosenfield & Morville

O que faz um arquiteto da informação

Arquitetura da InformaçãoFerramentas e Técnicas da AI

Wireframes

• Wireframes servem a um propósito diferente: eles mostram como uma página deve parecer de uma perspectiva arquitetônica.

• Wireframes são a intersecção entre a arquitetura da informação do site e o design e visual do mesmo.

• O wireframe força o arquiteto a considerar onde as navegações estarão na página, onde o usuário vai navegar e sobretudo o que ele vai ver naquele espaço.

Arquitetura da Informação

Marca XYZBuscar

>Link 01 >Link02 >Link03 >Link04 >Link05

Navegação local

Breadcrumbs ( Home )

Conteúdo global e contextual Conteúdo relacionado

Rodapé

A localização mais comum de elementos numa página básica de web:

• Logomarca no canto superior esquerdo

• Busca na barra superior

• Navegação global na parte superior

• Navegação local na coluna esquerda

• Conteúdo na área central

• Breadcrumbs na parte superior

Wireframe

Site Adria.Finalizado

Arquitetura da InformaçãoFerramentas e Técnicas da AI

Card Sorting

• Método de usabilidade que objetiva levantar como usuários do público-alvo agrupam informações de forma que sejam úteis para eles, possibilitando que sejam criadas estruturas de organização de informação otimizadas e mais adequadas ao modelo mental dos usuários.

• O card-sorting é uma técnica usada por arquitetos da informação para descobrir como o usuário classifica determinada informação em sua mente.

Categorizar o site é uma tarefa complexa. Utilizar o usuário no processo de classificação pode reduzir o ruído

de entendimento.

Card Sorting

Arquitetura da InformaçãoSitegrama

Finalizando......

“Não seja um desenvolvedor de

sistemas para computadores,

desenvolva sistemas para pessoas”

PerguntasPerguntasPerguntasPerguntas

otaviano@sil.inf.brwww.sil.inf.br

Quem sou eu?Quem sou eu?Otaviano SilvérioGraduado em Tecnologia em Sistemas para Internet - UNIBH Especialista em Engenharia de Software e Governança de TI – FUMECMestrando em Administração - UNIPEL. Atuação :

– CIO do NUMBER ONE Idiomas Franchising – Consultor de tecnologia, com ênfase em Governança da TI, atuando

principalmente nos seguintes temas: conectividade e intranet, BPM - Business Process Management , gestão de conhecimento, comércio eletrônico e Arquitetura da informação.

– Professor MBA – Faculdade Pitágoras– Professor UNIBH– Coordenador Pós-Graduação COTEMIG– Sócio diretor SIL Consultoria e Sistemas

Desenvolvo ininterruptamente para

Web desde 1998

otaviano@sil.inf.br

@silveriotavianowww.professorotaviano.com.br

Arquitetura da Informação em Projetos Web

Documents

Transcript of Arquitetura da Informação em Projetos Web

Instalações hidraulicos projetos de arquitetura

Arquitetura da Informação - Interatividade

Manual Qualidade 06 10 29r - Cambiaghi Arquitetura · Projetos de Arquitetura e Urbanismo Projetos de Arquitetura Corporativa Projetos de Arquitetura de Interiores

Arquitetura da Informação II

Arquitetura em Projetos Ágeis

Arquitetura da informação slides

ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação

Intregrando os projetos de TI com Arquitetura de Informação

Arquitetura da Informação: estudo e análise da base de ... · 2 Arquitetura da Informação em prol da usabilidade O termo „Arquitetura da Informação‟ foi cunhado em 1976

Escadas Em Projetos de Arquitetura

Arquitetura da Informação - Sistemas

Keynote Arquitetura InformaçãO

Arquitetura da Informação (LUCIRENE)

Projetos Sustentáveis para Arquitetura e Design · 2019-12-10 · Projetos Sustentáveis para Arquitetura e DesignProjetos Sustentáveis para Arquitetura e Design A sustentabilidade

Arquitetura da Informação - Wireframes

Uso de uma Base de Conhecimento de Senso Comum em Projetos de Arquitetura da Informação de Web Sites

Apresentação Arquitetura da Informação

Modelagem de Informação da Construção › observatoriodaconstr… · diferentes facetas intervenientes nos projetos de engenharia e arquitetura. De imediato, já propicia avaliação

INTEGRAÇÃO DE SISTEMAS DE INFORMAÇÃO: a importância das ...“S... · Gerenciamento de projetos. Informações reutilizáveis. Arquitetura REST. ... novas tecnologias e visões

Arquitetura da Informação · Arquitetura da Informação é o estudo da organização da informação que permite chegar ao seu entedimento. Sistemas Virtuais 2 Arquitetura da Informação