Arquitetura de Informação e Usabilidade Guilhermo Reis ENCOINFO Palmas / TO março/2009 Era uma vez um atendimento do Help Desk... 1
www.youtube.com/watch?v=jo3rl2kxb4g Nós somos viciados em computador 2
Mas nem todos são Uma rápida história da computação... 3
ENIAC, 1946 Computer History Museum www.computerhistory.org Creio que há no mundo um mercado para cinco computadores. Atribuída a Tomas Watson, Presidente da IBM, 1943 O primeiro disco rígido 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 4
Apple I, 1976 http://pt.wikipedia.org/wiki/apple_i 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 A Interface Gráfica 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 5
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 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. 6
13 Vivemos uma era de explosão da informação 14 Você consegue assimilar toda a informação que precisa? 7
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? 16 Tornar o complexo claro. Wurman 8
17 O estudo da experiência do usuário com computadores é uma atividade multidisciplinar SMITH apud ROSENFELD, L. User Experience Education, 2005. http://louisrosenfeld.com/home/bloug_archive/000341.html 9
Um exemplo prático Este é 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? 19 WURMAN, R. Ansiedade de Informação. São Paulo: Cultura, 1991, pág. 286 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. 20 10
Tá bom. E por que Arquitetura de Informação e Usabilidade são importantes? AGNER, L. A contribuição da história oral e dos testes de campo na pesquisa em Arquitetura de Informação. 1º EBAI, 2007. http://www.encontroai.org/viewabstract.php?id=28&cf=1 11
Sistema de Organização 23 Sistema de Navegação Sistema de Rotulação Sistema de Busca 24 Sistema de Organização 12
Organizar a informação na Web não é fácil 25 Ambigüidade Heterogeneidade Diferenças de Perspectiva Políticas Internas Estética 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? 13
27 Localização www.casaclaudia.com.br 28 Público-Alvo www.visavale.com.br 14
29 Tempo www.guiadobebe.com.br 30 Metáfora www.capricho.abril.com.br 15
Organize a informação de várias formas. No mundo virtual um corpo pode ocupar dois lugares no espaço graças ao link. Sistema de Navegação 32 16
33 Navegar é alcançar um destino que está fora do alcance do campo de visão do ponto de partida. 34 Para alcançar seu destino, o navegador se orienta através de mapas e pontos de referência que determinam a sua posição e a direção a seguir. 17
35 36 A interface gráfica criou o conceito de espaço virtual Lisa 1.0 (1980) On-Line System (1968) Windows 3.11 (1993) Microsoft BOB (1995) XGL 3D Desktop (2006) Windows Vista (2007) 18
No mundo virtual os caminhos também precisam ser sinalizados Sistema de Rotulação 19
Se não agüenta a vara peça cacetinho! 40 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! 20
41 42 21
43 Chat Notícias Esportes Tempo Terra Mail Compras Horóscopo Caixa Eletrônico Alienígena 44 DEITRICH, D. ; PATTERSON, W. ; WARNER, B. ATM Interface Redesign, 1994. http://www. cc. gatech. edu/ computing/ classes/ cs6751_ 94_ summer/ deitrich/ project. html 22
Sistema de Busca 23
O sistema de busca cria um diálogo mais humano de perguntas e respostas entre usuário e o computador Compreende erros 48 24
Sugere outras fontes 49 50 Para bom entendedor meia palavra basta 25
51 Simples e com muitas opções de busca 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. 26
Algumas Heurísticas 53 As 10 Heurísticas do Nielsen São 10 princípios gerais para o design de interfaces para usuários. http://www.useit.com/papers/heuristic/heuristic_list.html Heurísticas para Arquitetura de Informação do Rosenfeld (ROSENFELD, 2004) Avaliam as cinco áreas mais prováveis do usuário interagir com a arquitetura de informação do website. http://www.useit.com/papers/heuristic/heuristic_list.html IA Heuristics for Search Systems (ROSENFELD, 2004) Avalia o sistema de busca. http://louisrosenfeld.com/home/bloug_archive/000290.html Navigation Stress Test(INSTONE, 2004) Avalia o sistema de navegação. http://user-experience.org/uefiles/navstress Content Analysis Heuristics(LEISE, 2007) Avalia o conteúdo do website. http://www.boxesandarrows.com/view/content-analysis Heurísticas para avaliação de usabilidade de portais corporativos (DIAS, 2001) http://www.geocities.com/claudiaad/heuristicas_web.html Minimizar a sobrecarga de memória do usuário 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. 54 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) 27
Feedback 55 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 56 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) 28
Boas mensagens de erro 57 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) Trocando de estações da memória no rádio 2. Girar o botão para selecionar a estação. Para esquerda seleciona a próxima estação, para a direita seleciona a estação anterior. 1. Apertar o botão List. Ao apertar esse botão aparece uma lista com as 6 estações gravadas na memória. 3. Apertar o botão. Após apertar esse botão começa a tocar a estação selecionada. Esse rádio tem uma navegação ruim para trocar as estações da memória. São necessários muitos passos, que podem distrair o motorista, e como o feedback é todo visual, obriga o motorista a tirar os olhos da rua. 29
59 Mercado de Trabalho Grau de Experiência 60 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 30
Salário 61 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 Turn-over 62 Quase metade dos profissionais está a menos de 1 ano na empresa. 3 anos ou mais 10 14% Tempo de trabalho na Empresa 2 anos 11 16% Menos de 1 ano 35 49% 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 31
63 AI na Mídia Veja Novembro/08 Info Exame Março/09 64 Aprendizado de Arquitetura de Informação 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 0 10 20 30 40 50 60 REIS, G. Perfil do Arquiteto de Informação Brasileiro 2008, EBAI, 2008 http://www.guilhermo.com/ai_biblioteca/referencia.asp?referencia=370 32
65 Adoção de uma metodologia nos projetos de arquitetura de informação 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% 66 Não perca a esperança nos computadores! 33
67 Um pensamento 68 Se o simples fosse fácil, teríamos milhões de Parabéns a você. Erasmo Carlos 34
69 Para saber mais sobre Arquitetura de Informação 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 35