2009 Guilhermo Reis www.guilhermo.com. www.youtube.com/watch?v=jo3rl2kxb4g



Documentos relacionados
Arquitetura de Informação e Usabilidade

Experiência Profissional. Paixões. Formação Acadêmica. Guilhermo Reis. Consultor de Arquitetura de Informação e Usabilidade

Arquitetura de Informação de websites

A importância da arquitetura da Informação no desenho de websites

Arquitetura de Informação de websites

Arquitetura de Informação de Websites Guilhermo Reis

Arquitetura da Informação Lílian Simão Oliveira

ArquiteturadaInformação. Lílian Simão Oliveira

Atividade. Usabilidade

AVALIAÇÃO DE INTERFACES UTILIZANDO O MÉTODO DE AVALIAÇÃO HEURÍSTICA E SUA IMPORTÂNCIA PARA AUDITORIA DE SISTEMAS DE INFORMAÇÕES

TUTORIAL: MANTENDO O BANCO DE DADOS DE SEU SITE DENTRO DO DOMÍNIO DA USP USANDO O SSH!

Arquitetura de Informação

Unidade 7: Panes no Excel

Avaliação de Interfaces

atube Catcher versão 3.8 Manual de instalação do software atube Catcher

MANUAL DE USO DO COMUNICADOR INSTANTÂNEO

Sistema de Navegação Guilhermo Reis

Você acessa seu DISCO Virtual do mesmo modo como faz para seu HD, através de:

Daniel Gondim. Informática

10 DICAS DE TECNOLOGIA PARA AUMENTAR SUA PRODUTIVIDADE NO TRABALHO

Métodos de Avaliação para Sites de Entretenimento. Fabricio Aparecido Breve Prof. Orientador Daniel Weller

PROPOSTA DE MELHORIA DA INTERFACE PARA O

Guia de instalação. Configuração necessária Instalação e ativação

Núcleo de Tecnologias Interativas de Aprendizagem.

PARANÁ GOVERNO DO ESTADO

EDITORA FERREIRA MP/RJ_EXERCÍCIOS 01

EQUIPE: ANA IZABEL DAYSE FRANÇA JENNIFER MARTINS MARIA VÂNIA RENATA FREIRE SAMARA ARAÚJO

CENTRAL DE RELACIONAMENTO ATENDIMENTO ON LINE

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR

Moodle - CEAD Manual do Estudante

Informática básica Telecentro/Infocentro Acessa-SP

15. OLHA QUEM ESTÁ NA WEB!

NetEye Guia de Instalação

Windows Explorer. Prof. Valdir

GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - SLIM

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

Manual de Instalação ProJuris8

ArpPrintServer. Sistema de Gerenciamento de Impressão By Netsource Rev: 02

Introdução aos Sistemas da InformaçãoAula 4 p. 1

Evandro sistemas comerciais e web.

INDICE 1. INTRODUÇÃO CONFIGURAÇÃO MÍNIMA INSTALAÇÃO INTERLIGAÇÃO DO SISTEMA ALGUNS RECURSOS SERVIDOR BAM...

Richard Uchôa C. Vasconcelos. CEO LEO Brasil

Para participar de um mapa colaborativo usando o Cmap Tools

1 Sumário O Easy Chat Conceitos Perfil Categoria Instalação O Aplicativo HTML...

CargoBoss 2.0 Guia de Configuração

Manual de Operação do Sistema de Tickets Support Suite

Instruções para instalação e solicitação da ART. 1 Acesse o site e clique no banner ART Eletrônica 2009 conforme imagem abaixo.

Projeto de Interface do Usuário

Guia de boas práticas para realização de Backup

Ao ligar o equipamento, você verá a mensagem abaixo, o objetivo dela é fazer a configuração mínima para LOGAR ao servidor da Internet.

Apresentação Prática

FUNDAMENTOS DE HARDWARE COMO FUNCIONA UM PC? Professor Carlos Muniz

Manual de Usuário Versão 3.0

APOSTILA LINUX EDUCACIONAL

GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - MILLENNIUM

Manual Sistema MLBC. Manual do Sistema do Módulo Administrativo

SISTEMA DE ARQUIVOS. Instrutor: Mawro Klinger

Poder Judiciário Tribunal Regional Federal da Terceira Região

sala de aula SMART Sync 2010 para sistemas operacionais Windows.

3. No painel da direita, dê um clique com o botão direito do mouse em qualquer espaço livre (área em branco).

CONSULTORIA E SERVIÇOS DE INFORMÁTICA

LICENCIAMENTO V14 USANDO REPRISE LICENSE MANAGER

REQUERIMENTO DE EMPRESÁRIO PROCEDIMENTOS DO USUÁRIO Nota: O Empresário poderá fazer a pesquisa de nome previamente ou concomitante ao processo.

Microsoft Office Outlook Web Access ABYARAIMOVEIS.COM.BR

Como usar o. Como usar o Facebook para melhorar meu Negócio?

1. Introdução Instalação Baixando o arquivo Instalando Enviando SMS Configurando o Itcell sms massa...

Desenvolvendo Websites com PHP

Manual do usuário. Mobile Auto Download

Este tutorial está publicado originalmente em

Histórico da Revisão. Versão Descrição Autor. 1.0 Versão Inicial

Noções de. Microsoft SQL Server. Microsoft SQL Server

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO.

Manual de Utilização Autorizador

2 de maio de Remote Scan

Módulo II - Aula 3 Comunicação

Entrar neste site/arquivo e estudar esse aplicativo Prof. Ricardo César de Carvalho

Assessoria Técnica de Tecnologia da Informação - ATTI. Projeto de Informatização da. Secretaria Municipal de Saúde do. Município de São Paulo

Histórico dos Sistemas Operacionais

e-nota C Consulta de Nota Fiscal eletrônica

Na tela dele, clique no sinal de + ao lado do nome do seu computador, para expandi-lo. A seguir, expanda também o item "Sites da web".

Construção Páginas de Internet

Manual AGENDA DE BACKUP

Manual de padronização para envio de orçamento e pedidos por para CristalTemper.

Orientação a Objetos

Iniciação à Informática

MANUAL DO GERENCIADOR ESCOLAR WEB

Novidades do AVG 2013

Página 1 MANUAL DE UTILIZAÇÃO DA FERRAMENTA OFFICE ONLINE WORD ONLINE EXCEL ONLINE POWER POINT ONLINE

Interface Homem- Computador

DESENVOLVIMENTO DE CONTEÚDO EDUCACIONAL CENTRADO NO USUÁRIO BASEADO NA INTERNET APLICADO EM PROGRAMA DE EDUCAÇÃO A DISTÂNCIA

COMO REDUZIR O CUSTO NA COMUNICAÇÃO USANDO A INTERNET

Produção. Consórcio de Imóveis Sistema para venda de Consórcio Online

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

COMO SE CONECTAR A REDE SOCIAL FACEBOOK? Passo-a-passo para criação de uma nova conta

TRANSMISSOR ECF. Sistema de transmissão de arquivos Nota Fiscal Paulista. Manual de Utilização

Transcrição:

Arquitetura de Informação e Usabilidade 2009 Guilhermo Reis www.guilhermo.com Guilhermo Reis Impacta São Paulo março/2009 Mais um atendimento do Help Desk... www.youtube.com/watch?v=jo3rl2kxb4g 1

Nós somos viciados em computador. Mas nem todos são. 2

Um pouco de história Creio que há no mundo um mercado para cinco computadores. Tomas Watson, Presidente da IBM, 1943 IBM Harvard Mark-I, 1944 Computer History Museum www.computerhistory.org ENIAC, 1946 IBM System/360, 1964 Um pouco de história IBM 305 RAMAC Lançado pela IBM em 4 de setembro de 1956, foi o primeiro computador com disco rígido. Capacidade: 5 megabytes Peso: 1 tonelada Tempo de acesso à um registro: 0,6 segundos Preço: U$ 160.000 (na época) Wikipédia, 2008 http://en.wikipedia.org/wiki/ibm_305_ramac 3

Um pouco de história IBM PC, 1981 Apple I, 1976 Não há nenhuma razão para que alguém queira ter um computador em casa. Ken Olson, Presidente e Fundador da Digital Equipaments Corp., 1977 640 Kbyte é mais que suficiente para qualquer um. Bill Gates, 1981 Apple II, 1977 Wikipédia Um pouco de história 8010 Star Information System Lançado pela XEROX em 1981 foi o primeiro computador comercial com interface gráfica. Já continha as seguintes tecnologias: Monitor gráfico baseado em bitmap. Sistema operacional com janelas, ícones e pastas. Mouse Rede Ethernet Servidor de arquivos Servidor de impressão E-mail Preço: U$ 16.000 (uma unidade) U$ 100.000 (rede com 3 estações e servidores) Wikipédia, 2008 http://en.wikipedia.org/wiki/xerox_star 4

O que é Usabilidade? Usabilidade é a medida na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação num contexto específico de uso. Norma ISO 94241-11 Usabilidade não é apenas tornar mais fácil de usar Usabilidade não é apenas tornar mais fácil de usar. Existem vários atributos associados à usabilidade e cada software busca enfatizar os que são mais importantes para seus usuários. Cinco atributos da usabilidade (NIELSEN, 1993): Facilidade de aprendizagem Capacidade com que o usuário começa a interagir rapidamente com o sistema logo na primeira vez que o utiliza. Eficiência de uso Grau de produtividade atingido pelo usuário depois que aprendeu a utilizar o sistema. Facilidade de memorização Retenção, capacidade do usuário de voltar a utilizar o sistema após certo tempo sem precisar aprendê-lo novamente. Baixa taxa de erros Medida do quanto o usuário pode ser induzido ao erro pelo sistema e o quanto pode se recuperar do mesmo. Satisfação subjetiva Medida do quanto o usuário se sente feliz de estar utilizando o sistema. 5

11 Vivemos uma era de explosão da informação 12 Você consegue assimilar toda a informação que precisa? 6

Como surgiu a Arquitetura de Informação? RICHARD SAUL WURMAN Criou o termo Arquitetura de Informação em 1976 para combater ansiedade de informação. Formação em arquitetura e especialista em design gráfico. 1991 1997 2005 LOUIS ROSENFELD e PETER MORVILLE Introduziram a Arquitetura de Informação no design de sites. Formação em Biblioteconomia e Ciência da Informação. 1998 2002 2006 O que é Arquitetura de Informação? 14 Tornar o complexo claro. Wurman 7

Um exemplo 15 Abaixo está o mapa da ferrovia Yamanote, que circunda a cidade de Tóquio. Como você faria um mapa para os usuários dessa linha de trem? WURMAN, R. Ansiedade de Informação. São Paulo: Cultura, 1991, pág. 286 Um exemplo 16 Mapa da linha de trem de Yamanote -Tóquio Usuário Moradores de Tóquio. Viajantes. Turistas. Conteúdo Seqüência e a identidade das paradas. A linha circunda a cidade de Tóquio. Contexto Para o usuário não importa as voltas e curvas que o trem faz. Em Tóquio o Palácio Imperial é um importante ponto de referência. O desenho lembra o símbolo Yin-Yang em alusão as culturas orientais. O trabalho do arquiteto é evidenciar as informações mais importantes e retirar as que não são necessárias. 8

A Multidisciplinariedade da Arquitetura de Informação O estudo da experiência do usuário com interfaces computacionais possui uma natureza multidisciplinar. SMITH apud ROSENFELD, L. User Experience Education, 2005. http://louisrosenfeld.com/home/bloug_archive/000341.html Tá bom. E por que Arquitetura de Informação e Usabilidade são importantes? 9

Por que Arquitetura de Informação e Usabilidade são importantes? Sistema de Organização Sistema de Navegação 20 Sistema de Rotulação Sistema de Busca 10

Sistema de Organização 21 Organizar informação na Web não é fácil 22 Ambigüidade Heterogeneidade Diferenças de Perspectiva Políticas Internas Estética 11

Dificuldades em organizar a informação na Web www.submarino.com.br (fevereiro/2008) Liquidificador está em Eletrodomésticos ou Eletroportáteis? Walkman está em Eletrônicos ou Eletroportáteis? Aparelho de DVD está em DVDs ou Eletrônicos? O que é UD? O que tem dentro de UD? 24 Localização www.casaclaudia.com.br 12

25 Público-Alvo www.visavale.com.br 26 Tempo www.guiadobebe.com.br 13

27 Metáfora www.capricho.abril.com.br Organize a informação de várias formas No mundo virtual um mesmo corpo pode ocupar dois lugares no espaço. 14

29 Sistema de Navegação 30 Navegar é alcançar um destino que está fora do alcance do campo de visão do ponto de partida. 15

A interface gráfica criou o espaço virtual 31 Lisa 1.0 (1980) On-Line System (1968) Windows 3.11 (1993) Microsoft BOB (1995) XGL 3D Desktop (2006) Windows Vista (2007) 32 Para alcançar seu destino, o navegador se orienta através de instrumentos e pontos de referência que determinam a sua posição e a direção a seguir. 16

No mundo virtual os caminhos também precisam ser sinalizados 33 Sistema de Rotulação 17

Se não agüenta a vara peça cacetinho! Se não agüenta a vara peça cacetinho! Em baianês : Vara: pão de sal (200g) Cacetinho: pão de sal pequeno (50g) Traduzindo: Se não agüenta pão grande peça pão pequeno! 18

37 38 19

39 Chat Notícias Esportes Tempo Terra Mail Compras Horóscopo Sistema de Busca 2009 Guilhermo Reis www.guilhermo.com 20

O sistema de busca cria um diálogo de perguntas e respostas entre usuário e o computador 21

22

Heurísticas Heurísticas são regras gerais que se baseiam em boas práticas de design. Elas estabelecem um conjunto de diretrizes e orientações para se evitar os problemas de usabilidade. Minimizar a sobrecarga de memória do usuário 46 O sistema deve mostrar os elementos de diálogo e permitir que o usuário faça suas escolhas, sem a necessidade de lembrar um comando específico. Esse formulário exige grande sobrecarga de memória e esforço cognitivo do usuário porque o obriga a lembrar a idade do imóvel que deseja adquirir e a fazer uma conta para converte-la de anos para dias. www.hsbc.com.br (setembro/2007) 23

Feedback 47 O sistema deve informar continuamente ao usuário sobre o que ele está fazendo. 10 segundos é o limite para manter a atenção do usuário focalizada no diálogo. Nesse website o usuário não percebe o feedback. A barra de carregamento é muito discreta de modo que o usuário não consegue notá-la e assim não percebe que o website respondeu aos seus cliques no menu. www.pradaphonebylg.com.com.br (outubro/2007) Atalhos 48 Para usuários experientes executarem as operações mais rapidamente. Abreviações, teclas de função, duplo clique no mouse, função de volta em sistemas hipertexto. Atalhos também servem para recuperar informações que estão numa profundidade na árvore navegacional a partir da interface principal. 1 2 3 4 5 6 7 8 Nesse website para enviar uma sugestão o usuário precisa passar por 8 telas até conseguir alcançar o formulário correto. TÁ DIFICIL, Tá difícil falar com o SPTrans, 2007 http://tadificil.wordpress.com/2007/06/22/ta-dificil-falar-com-o-sptrans/ www.sptrans.com.br (outubro/2007) 24

Boas mensagens de erro 49 Linguagem clara e sem códigos. Devem ajudar o usuário a entender e resolver o problema. Não devem culpar ou intimidar o usuário. A mensagem de erro diz que o campo Nome contém muitas palavras, mas não orienta o usuário de como corrigir o erro porque não mostra qual é a quantidade máxima de palavras que esse campo aceita. TÁ DIFICIL, Tá difícil quantas palavras pode ter um nome?, 2007 http://tadificil.wordpress.com/2007/07/25/ta-dificil-quantas-palavras-pode-ter-um-nome/ www.facebook.com.br (outubro/2007) 50 Mercado de Trabalho 25

Grau de Experiência 51 Os profissionais possuem em média 7 anos de experiência de trabalho com Internet (manteve-se a média)e 3 anos de experiência com Arquitetura de Informação (a média caiu em 1 ano). Continua alto o número de profissionais entrando na área. Distribuição dos profissionais pelos anos de trabalho com Internet Distribuição dos profissionais pelos anos de trabalho com Arquitetura de Informação Qtd de Profissionais 25 20 15 10 5 2 16 13 10 20 7 3 Qtd de Profissionais 40 35 30 25 20 15 10 5 35 21 11 4 0 até 2 anos 3 a 4 anos 5 a 6 anos 7 a 8 anos 9 a 10 anos 11 a 12 anos 13 a 14 anos 0 0 a 2 anos 3 a 4 anos 5 a 6 anos 7 a 8 anos REIS, G. Perfil do Arquiteto de Informação Brasileiro 2008, EBAI, 2008 http://www.guilhermo.com/ai_biblioteca/referencia.asp?referencia=370 Salário 52 O salário médio dos profissionais é cerca de R$ 3.600 por mês. Salário por tempo de trabalho com Arquitetura de Informação R$ 6.000 5750 R$ 5.000 4405 4591 R$ 4.000 3613 R$ 3.000 2586 R$ 2.000 R$ 1.000 R$ 0 Média 0 a 2 anos 3 a 4 anos 5 a 6 anos 7 a 8 anos REIS, G. Perfil do Arquiteto de Informação Brasileiro 2008, EBAI, 2008 http://www.guilhermo.com/ai_biblioteca/referencia.asp?referencia=370 26

53 Turn--over Turn Quase metade dos profissionais está a menos de 1 ano na empresa. Tempo de trabalho na Empresa 3 anos ou mais 10 14% Menos de 1 ano 35 49% 2 anos 11 16% 1 ano 15 21% REIS, G. Perfil do Arquiteto de Informação Brasileiro 2008, EBAI, 2008 http://www.guilhermo.com/ai_biblioteca/referencia.asp?referencia=370 54 AI na Mídia Veja Novembro/08 Info Exame Março/09 27

Aprendizado de Arquitetura de Informação 55 A maioria dos profissionais desenvolveu seus conhecimentos sobre Arquitetura de Informação como autodidata ou aprendeu na empresa onde trabalham. Formas como os profissionais desenvolveram seus conhecimentos sobre Arquitetura de Informação Autodidata 57 Aprendeu na empresa 49 Fez curso 25 Especialização 8 Graduação 8 Mestrado 2 REIS, G. Perfil do Arquiteto de Informação Brasileiro 2008, EBAI, 2008 http://www.guilhermo.com/ai_biblioteca/referencia.asp?referencia=370 0 10 20 30 40 50 60 Adoção de uma metodologia nos projetos de arquitetura de informação 56 Embora não seja a maioria, é alto o número de profissionais que afirmam não seguir uma metodologia em seus projetos de arquitetura de informação. Não houve mudanças em relação a última pesquisa. Quantidade de profissionais que seguem uma metodologia nos projetos de arquitetura de informação Sim 39 55% Não 32 45% 28

Não perca a esperança! Um pensamento 58 Se o simples fosse fácil, teríamos milhões de Parabéns a você. Erasmo Carlos 29

Para saber mais sobre Arquitetura de Informação 59 Algumas referências: www.iainstitute.org www.boxesandarrows.org Lista de Discussão AIfIA-pt http://lists.ibiblio.org/mailman/listinfo/aifia-pt www.guilhermo.com 2 e 3 de outubro de 2009 São Paulo www.congressoebai.org Obrigado! Guilhermo Almeida dos Reis reis@guilhermo.com www.guilhermo.com 30