Arquitetura de Informação Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1
Arquitetura de Informação? Ferramentas para Web Design 2
Arquitetura de Informação (AI): É a arte de expressar um modelo ou conceito de informação utilizados em atividades que exigem detalhes explícitos de sistemas complexos. http://pt.wikipedia.org/wiki/arquitetura_de_informa%c3%a7%c3%a3o Ferramentas para Web Design 3
Definição da I.A.I. Information Architecture Institute: - O design estrutural de ambientes de informação compartilhada. - A arte e a ciência de organização e rotulação de sites web, intranets, comunidades online e software de apoio à encontrabilidade e usabilidade. - Uma comunidade de prática emergente focada em trazer princípios de design e arquitetura para o paisagismo digital. http://pt.wikipedia.org/wiki/arquitetura_de_informa%c3%a7%c3%a3o Ferramentas para Web Design 4
Quais são as atividades da Arquitetura de Informação? Ferramentas para Web Design 5
Arquitetura de Informação (AI): Entre essas atividades estão: - Sistemas de biblioteca, - Sistemas de gerenciamento de conteúdo - Desenvolvimento web, - Interações de usuários, - Desenvolvimento de banco de dados, - Programação, - Artigos técnicos, - Arquitetura corporativa e - Design de software de sistema crítico. Ferramentas para Web Design 6
Arquitetura de Informação (AI): Arquitetura da informação tem um significado um pouco diferente nas ramificações de arquitetura de SI ou TI. A maioria das definições possuem qualidades comuns: - um design estrutural de ambientes compartilhados, - métodos de organização e etiquetagem de sites web, - intranets e comunidades online, e - meios de trazer os princípios de design e arquitetura para a paisagem digital. Ferramentas para Web Design 7
Arquitetura de Informação (AI): - Discute seus valores e aplicabilidade, reconhecendo e utilizando as múltiplas ferramentas e técnicas disponíveis online e off-line. Ferramentas para Web Design 8
Arquitetura de Informação (AI): - Possibilita o desenvolvimento e gerenciamento de projetos Web focados no usuário. Ferramentas para Web Design 9
Navegação O usuário percorre os nós da rede de uma forma totalmente imprevisível, muitas vezes até para ele próprio. Portanto, é impossível prever as escolhas que o usuário irá fazer, cabendo ao designer a função de traçar caminhos permutacionais, criar portas e pontes de acesso. Ferramentas para Web Design 10
Navegação E os novos ambientes? Tablets, Smartphones, Touch screen (GPS), TVDi http://www.youtube.com/watch?v=1ac56wkv6_0 Ferramentas para Web Design 11
Tipos de Sites: A princípio, do ponto de vista de conteúdo, podemos classificar os sites como: Site Portal Hotsite Minisite Ferramentas para Web Design 12
Site Portal Hotsite Minisite Ferramentas para Web Design 13
Site Espaço básico da informação. Um website tem como principal objetivo organizar a informação, estruturando uma hierarquia para que todo o conteúdo seja entendido e acessado com facilidade. A alma de um site é sua arquitetura de informação (ciência que tem séculos de vida e nasceu da primeira grande experiência do ser humano em organizar seu conhecimento adquirido e documentado a biblioteca). Ferramentas para Web Design 14
Site Um website nada mais é que um grande arquivo. Se estiver bem organizado, encontra-se facilmente a informação e o objetivo final foi alcançado. Exemplo: Site do Cinemark www.cinemark.com.br Ferramentas para Web Design 15
Site Portal Hotsite Minisite Ferramentas para Web Design 16
Portal Portal não é um site grande A diferença é que portal tem 100% do foco nos seus públicos, e cria conteúdos específicos para eles, os chamados conteúdos verticais. Além disso, um portal possui ferramentas que constroem um real relacionamento entre quem produz e que consome a informação: - Fóruns bem conduzidos e compilados - Pesquisas online sérias (que vão muito além das enquetes rasteiras e mal aproveitadas) - Chats que promovem a construção de um real conhecimento (não são apenas salas de bate-papo) Ferramentas para Web Design 17
Portal Muitos sites de grandes empresas não incluem nem conteúdos verticais, nem ferramentas de relacionamento, mas ainda assim se dizem portais. Exemplo: Portal do UOL www.uol.com.br Ferramentas para Web Design 18
Site Portal Hotsite Minisite Ferramentas para Web Design 19
Hotsite Conteúdo com prazo de validade seja uma semana, um mês ou alguns meses. Áreas de informação criadas normalmente para o lançamento de um produto, o anúncio de um evento ou uma grande promoção. A quantidade de páginas é pequena, pelas características de conteúdo que um hotsite carrega; O tom, sempre persuasivo; e O visual, diferenciado do restante do site ou portal. Ferramentas para Web Design 20
Hotsite Exemplo: http://www.circuitovenus.com.br/2011/ Ferramentas para Web Design 21
Site Portal Hotsite Minisite Ferramentas para Web Design 22
Minisite Geralmente são morada para os conteúdos verticais produzidos para os portais. Criados para atrair um público específico, os minisites abordam de forma detalhada um tema restrito. Os minisites podem ser fixos ou flutuantes, já que muitos cobrem eventos e, visualmente, comportam-se como os hotsites, com design diferenciado e abrindo em janela menor. Mas, ao contrário do hotsite, que tem na persuasão o seu norte, o tom do minisite é essencialmente informativo. Ferramentas para Web Design 23
Minisite Exemplo: http://esporte.uol.com.br/ Ferramentas para Web Design 24
Mídias sociais? Ferramentas para Web Design 25
Mídias sociais Ambientes de relacionamento e compartilhamento Conteúdos Interesses Exposição pessoal Marketing estratégico Ferramentas para Web Design 26
Paradigma de Interação Homem-Máquina Antes de qualquer iniciativa de promover a interação entre pessoas através do computador, surge a necessidade de se propiciar mecanismos de interação do homem com a máquina. Ferramentas para Web Design 27
Paradigma de Interação Homem-Máquina O objetivo central é trazer qualidade aos sistemas através de interfaces interativas, padronizadas, confiáveis, robustas e principalmente que ofereçam uma grande variedade de alternativas para a execução de tarefas. Ferramentas para Web Design 28
Fatores Humanos Cinco fatores humanos necessitam ser avaliados para estabelecer as bases do projeto de interface com o usuário: Tempo de aprendizado Velocidade de rendimento Taxa de erros por usuários Retenção no tempo Satisfação subjetiva Ferramentas para Web Design 29
Fatores Humanos Tempo de aprendizado: Quanto tempo um membro típico da comunidade de usuários leva para aprender a utilizar os comandos relevantes para um conjunto de tarefas? Velocidade de rendimento: quanto tempo ele leva para executar as tarefas? Taxa de erros por usuários: quantos e quais tipos de erros as pessoas cometem na realização das tarefas? Ferramentas para Web Design 30
Fatores Humanos Retenção no tempo: quão bem os usuários mantém seus conhecimentos depois de uma hora, um dia ou uma semana? Satisfação subjetiva: Como os usuários gostam de utilizar vários aspectos do sistema? Ferramentas para Web Design 31
O crescente interesse em responder a estas questões aumenta com a necessidade dos desenvolvedores criarem sistemas interessantes e que atendam as necessidades dos usuários. Ferramentas para Web Design 32
Por exemplo, para alguns sistemas com ciclo de vida crítico (como sistema de controle de tráfego aéreo e reatores nucleares, até sistema domésticos, aplicações para entretenimento e ambientes colaborativos) é necessário a observação da presença do usuário e que as condições de fatores humanos apresentadas anteriormente sejam atendidas. Ferramentas para Web Design 33
Para que isso possa se tornar sistematizado é necessário a instituição de um conjunto de requisitos básicos, sobre os quais os projetos destes ambientes devem se basear fortemente. Ferramentas para Web Design 34
Uma das ferramentas para essa sistematização é a metodologia de arquitetura de informação. Ferramentas para Web Design 35
Interface Qual é a interface (interna e externa)? Ferramentas para Web Design 36
Usabilidade É a mobilidade que o site nos proporciona, ou seja, eu consigo ir para onde eu quiser e achar conteúdo desejado? Uma parte da usabilidade é a navegabilidade. Ferramentas para Web Design 37
Onde se aplica? Sempre que houver uma interface, ou seja, um ponto de contato entre um ser humano e um objeto físico (ex: cafeteira) ou abstrato (ex: software), podemos observar a usabilidade que esse objeto oferece. Ferramentas para Web Design 38
Onde se aplica? Historicamente, o termo usabilidade surgiu como uma ramificação da ergonomia voltada para as interfaces computacionais, mas acabou se difundindo para outras aplicações. Ferramentas para Web Design 39
Usabilidade ajuda pessoas? Ferramentas para Web Design 40
Usabilidade ajuda pessoas? Usabilidade é uma medida relativa. A interface ideal é aquela que está adaptada às necessidades de seus usuários. Por exemplo: O usuário de terceira idade pode precisar de textos com letras maiores e o usuário com desvantagem cognitiva pode precisar de alguns textos de ajuda a mais. Ferramentas para Web Design 41
Nosso Alvo o Usuário Portanto devemos deixar de lado nossas vontades; Devemos conhecer as ações de nossos usuários; Conhecer seu perfil; Ferramentas para Web Design 42
Nosso Alvo o Usuário Definir o que determina a satisfação do usuário: Boa Navegação Sistemas que ajudam o usuário Dar algo a mais - por exemplo: Help, Tutoriais, Busca, mapa do site, etc para surpreender o usuário Ambiente agradável Ferramentas para Web Design 43