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

Transcrição

1 Arquitetura de Informação e Usabilidade 2009 Guilhermo Reis Guilhermo Reis São Paulo março/2009 Quem sou eu? 2 Experiência Profissional Formação Acadêmica Paixões Guilhermo Reis Consultor de Arquitetura de Informação e Usabilidade 1

2 Mais um atendimento do Help Desk... Nós somos viciados em computador. 2

3 Mas nem todos são. 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 ENIAC, 1946 IBM System/360,

4 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$ (na época) Wikipédia, 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., Kbyte é mais que suficiente para qualquer um. Bill Gates, 1981 Apple II, 1977 Wikipédia 4

5 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 Preço: U$ (uma unidade) U$ (rede com 3 estações e servidores) Wikipédia, 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

6 Testes de Usabilidade 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. 6

7 13 Vivemos uma era de explosão da informação 14 Você consegue assimilar toda a informação que precisa? 7

8 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 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 O que é Arquitetura de Informação? 16 Tornar o complexo claro. Wurman 8

9 É um campo multidisciplinar O estudo da experiência do usuário com interfaces computacionais envolve muitas disciplinas diferentes. SMITH apud ROSENFELD, L. User Experience Education, Um exemplo 18 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

10 Um exemplo 19 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. Tá bom. E por que Arquitetura de Informação e Usabilidade são importantes? 10

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

12 Sistema de Organização 23 Sistema de Organização Onde é mais rápido encontrar uma palavra? 24 Jogo de caça-palavras Dicionário Fonte: Superdownloads ( É mais fácil encontrar uma informação em um ambiente organizado. 12

13 Organizar 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 (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

14 Esquemas de Organização da Informação 27 Exata Divide a informação em categorias bem definidas e mutuamente exclusivas com regras claras para incluir novos itens. Indicado quando o usuário sabe exatamente o que está procurando. Alfabeto Indicado para grandes conjuntos de Informação e público muito diversificado. Ex: Dicionários, Enciclopédias, Listas Telefônicas Tempo Indicado para mostrar a ordem cronológica de eventos. Ex: Livros de História, Guias de TV, Arquivo de notícias Localização Compara informações vindas de diferentes locais. Ex: Previsão do tempo, pesquisa política, Atlas de anatomia Seqüência Organiza itens por ordem de grandeza. Indicado para conferir valor ou peso a informação. Ex: Lista de preços, Top musics Esquemas de Organização da Informação Ambígua Divide a Informação em categorias subjetivas. Baseia-se na ambigüidade inerente da língua e na subjetividade humana. Não possui regras claras de como incluir novos itens. Indicado quando o usuário não sabe exatamente o que está procurando. Assunto Divide a informação em diferentes tipos, diferentes modelos ou diferentes perguntas a serem respondidas Ex: Páginas Amarelas, Editorias do jornal, Supermercado Tarefa Organiza a informação em conjuntos de ações. Usado muito em software transacionais. Raramente utilizado sozinho na Web. Ex: Menu aplicativos Windows (Editar, Exibir, Formatar) Público Alvo Indicado quando se deseja customizar o conteúdo para cada público-alvo. Ex:Lojas de departamento Metáfora Utilizado para orientar o usuário em algo novo baseado em algo familiar. Normalmente limita muito a organização. Ex:Desktop de um computador Hibrido Reúne 2 ou mais esquemas anteriores. Normalmente causa confusão ao usuário. 28 Localização 14

15 29 Público-Alvo 30 Tempo 15

16 31 Metáfora Organize a informação de várias formas No mundo virtual um mesmo corpo pode ocupar dois lugares no espaço. 16

17 Sistema de Navegação 33 O que é navegar? 34 Navegar é alcançar um destino que está fora do alcance do campo de visão do ponto de partida. 17

18 35 A interface gráfica criou o conceito de espaço virtual 36 Lisa 1.0 (1980) On-Line System (1968) Windows 3.11 (1993) Microsoft BOB (1995) XGL 3D Desktop (2006) Windows Vista (2007) 18

19 37 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. No mundo virtual os caminhos também precisam ser sinalizados 38 19

20 Logotipo 39 Barra de Navegação Global Bread Crumb Menu Local Cross Content Sistema de Rotulação 20

21 O que significa essa frase? 41 Se não aguenta a vara peça cacetinho! 42 Se não aguenta a vara peça cacetinho! No dialeto baianês : Vara: pão de sal (200g) Cacetinho: pão de sal pequeno (50g) Traduzindo: O que significa essa frase? Se não agüenta pão grande peça pão pequeno! 21

22 43 Dificuldades no projeto do Sistema de Rotulação 44 Conseguir falar a linguagem do usuário. O usuário normalmente vive em um ambiente distante do arquiteto de informação, por isso convive com gírias, expressões técnicas e até dialetos diferentes. Toda organização possui uma linguagem interna própria e muitas vezes, devido a suas políticas internas, utiliza essa linguagem para criar os rótulos do website. Porém é comum que os usuários não compreenda essa linguagem, especialmente aqueles que não vivem no ambiente interno da empresa. Superar a ausência de feedback. Numa conversa, nós seres humanos dispomos de uma infinidade de recursos de feedback que nos auxiliam, em tempo real, a verificar se nossas mensagens estão sendo bem compreendidas (gestos, entonação de voz, perguntas, etc.). Em um website não existe esse feedback entre o arquiteto de informação e o usuário. As poucas formas que existem (medição de acesso as páginas, s, sugestões e reclamações) raramente são em tempo real. 22

23 45 46 Chat Notícias Esportes Tempo Terra Mail Compras Horóscopo 23

24 Sistema de Busca 2009 Guilhermo Reis

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

26 26

27 E quando a busca não traz resultados? Caixa de busca com os parâmetros editáveis Funciona como feedback informando o que foi buscado e facilita a realização de uma nova busca bastando apenas editar os campos ou digitar mais alguma palavra chave. Mensagem de erro clara Informa que não foram encontrados resultados para a pesquisa. Ajuda Sugestões de como o usuário pode refazer sua busca. (março/09) (março/09) Link para outros serviços do website Pode ser incluído um link para o formulário de contato do website ou para outros serviços relevantes. Link para a Ajuda Acesso aos textos de ajuda da busca. Buscapé - 50 top zero resultado - 20/10/07 a 01/11/07 1 mp3tones 26 e61i 2 jornaldocarro 27 i710 3 w bondfaro 4 acomplia 29 chocadeira 5 w910i 30 ln46m81b 6 casasbahias 31 chocadeiras 7 k850i 32 p5k 8 osklen 33 i835 9 casaspernambucanas 34 whitestrips 10 ecobrisa 35 ln40r81b 11 sadica 36 w cvcturismo 37 mircoinformatica 13 winstrol 38 casadasaliancas 14 u mg pederneira 40 voicetones 16 s500i 41 itouch 17 lipostabil 42 paparazzo 18 furao 43 rimonabanto 19 pramil 44 luv3 20 w600i 45 ialozima 21 mp7 46 naike 22 wwwtvtugacombr 47 geovision 23 materialdeconstrucao 48 k w dv stopplay 50 epiphone Relatório das palavras mais digitadas que não trouxeram resultado no Buscapé. Por esse relatório é possível ver erros de ortografia (naike), sinônimos (w910 e w910i) e até outros produtos de interesse do usuário (chocadeiras)

28 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. Algumas Heurísticas 56 As 10 Heurísticas do Nielsen São 10 princípios gerais para o design de interfaces para usuários. 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. IA Heuristics for Search Systems (ROSENFELD, 2004) Avalia o sistema de busca. Navigation Stress Test (INSTONE, 2004) Avalia o sistema de navegação. Content Analysis Heuristics (LEISE, 2007) Avalia o conteúdo do website. Heurísticas para avaliação de usabilidade de portais corporativos (DIAS, 2001) First Principles of Interaction Design (NIELSEN NORMAN GROUP, 2001) Heurísticas de usabilidade para interfaces gráficas e para web. 28

29 Minimizar a sobrecarga de memória do usuário 57 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. (setembro/2007) Feedback 58 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. (outubro/2007) 29

30 Atalhos 59 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 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, (outubro/2007) Boas mensagens de erro 60 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?, (outubro/2007) 30

31 Não perca a esperança! 62 31

32 Um pensamento 63 Se o simples fosse fácil, teríamos milhões de Parabéns a você. Erasmo Carlos Para saber mais sobre Arquitetura de Informação 64 Algumas referências: Lista de Discussão AIfIA-pt e 3 de outubro de 2009 São Paulo 32

33 Obrigado! Guilhermo Almeida dos Reis 33