por que arquitetura de informação e usabilidade são importantes?

© 2008 Guilhermo Reis – www.guilhermo.com

Por que Arquitetura de Informaçãoe Usabilidade são importantes ?

2

Enquanto isso no caixa eletrônico ...

3

O que é Arquitetura de Informação de websites ?

Tornar o complexo claro. WURMAN (1997)

1. O design estrutural de ambientes de informação compartilhados.

2. A combinação dos esquemas de organização, de rotulação de busca e de navegação dentro de websites e intranets.

3. A arte e a ciência de dar forma a produtos e experiências de informação para suportar a usabilidade e a findability.

4. Uma disciplina emergente e uma comunidade de prática focada em trazer princípios do design e arquitetura ao espaço digital.

ROSENFELD e MORVILLE (2006)

4


Ambiente de Informação não planejado Ambiente de Informação planejado

usuários

Todos os objetos de conteúdo Todos os objetos de conteúdo

empregados fornecedores clientes

Usuários não conseguem

achar as informaçõesque necessitam

Usuários acessam a informação

certa no momentocerto

Rosenfeld, L., Information Architecture I

5

Na prática o trabalho do arquiteto de informação é balancear as características e as necessidades dos usuários, do conteúdo e do contexto.


Usu

ário C

onteúdo

Contexto

AI

ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 2ed. Sebastopol: O’Reilly, 2002.

6

Um exemplo

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

7

Um exemplo

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.

O trabalho do arquiteto é evidenciar as informações mais importantes e retirar as que não são necessárias.

8

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

O que é Usabilidade?

9

O que é Usabilidade?

Usabilidade não é apenas tornar “mais fácil de usar”.

Vários atributos estão associados à usabilidade e cada software busca enfatizar os atributos mais importantes para seus usuários.

Cinco atributos da usabilidade (NIELSEN, 1993):

Facilidade de aprendizagemCapacidade com que o usuário começa a interagir rapidamente com o sistema logo na primeira vez que o utiliza.

Eficiência de usoGrau de produtividade atingido pelo usuário depois que aprendeu a utilizar o sistema.

Facilidade de memorizaçãoRetenção, capacidade do usuário de voltar a utilizar o sistema após certo tempo sem precisar aprendê-lo novamente.

Baixa taxa de errosMedida do quanto o usuário pode ser induzido ao erro pelo sistema e o quanto pode se recuperar do mesmo.

Satisfação subjetivaMedida do quanto o usuário se sente feliz de estar utilizando o sistema.

10

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

www.orkut.com (fevereiro/2008)

11

Benefícios da Arquitetura de Informação e Usabilidade

Desenvolvimento do Software: Redução de custos Economia nos custos de

desenvolvimentoAproximadamente 63% dos grandes projetos de software excedem o budget e as quatro principais razões com maior responsabilidade estão relacionadas com a engenharia de usabilidade. (NIELSEN, 1993)

Redução do tempo de desenvolvimento

Acelerar o desenvolvimento é um objetivo chave para se integrar eficientemente a usabilidade no desenvolvimento de produtos: um atraso de três meses na introdução de um produto no mercado pode resultar na perda de 50% do seu lucro. (CONKLIN, 1991)

Redução dos custos de manutenção

80% dos custos no ciclo de vida de um software ocorrem durante a fase de manutenção e são associados a requerimentos dos usuários que não foram observados e outros problemas de usabilidade. (PRESSMAN, 1992)

Redução dos custos de redesign

A Sun Microsystems demonstrou como um investimento de U$ 20.000 em usabilidade gerou uma economia de U$ 152 milhões. (RHODES, 2000)

MARCUS, A. Return on Investment for Usable User - Interface Design. AM+A, 2002. http://www.amanda.com/resources/ROI/AMA_ROIWhitePaper_28Feb02.pdf

12



Vendas: Aumento da rentabilidade Aumento das

transações/comprasVocê pode aumentar suas vendas em 225% no seu website fornecendo informações suficientes ao seus consumidores no momento certo.(USER INTERFACE ENGINEERING, 2001)

Aumento das vendas É comum que os esforços em usabilidade resultem em um aumento de 100% ou mais no trafego ou vendas. (NIELSEN, 1999)

Aumento do trafego e tamanho da audiência

A presença da IBM na web era tradicionalmente um labirinto com diversos sub-sites difíceis de navegar, mas um redesign tornou-a mais coesa e amigável. De acordo com a IBM os esforços massivos de redesign rapidamente pagaram os dividendos. A companhia anunciou que no mês após o relançamento de fevereiro de 1999 o trafego da loja virtual IBM shop cresceu 120% e as vendas cresceram 400%. (BATTEY, 1999)

Retenção dos clientes Mais de 83% dos usuários da Internet tem a tendência a abandonar um website se eles sentirem que precisam executar muitos cliques para encontrar o que estão procurando. (NIELSEN, 1999)

Atração de mais consumidores

Quando os usuários são indagados para listar as cinco principais razões para comprar na web, 83% aponta “facilidade para fazer um pedido” como a razão principal. (NIELSEN, 1999)

Aumento do market share A importância de ter uma vantagem competitiva em usabilidade é mais importante em sites de e-commerce, os quais normalmente perdem aproximadamente metade dos negócios quando dificultam os visitantes de encontrarem a informação que precisam. (MANNING, 1999)

13



Usuário: Melhora da eficiência Aumento da taxa de

sucesso / redução dos erros do usuário

Em um estudo de Jared Spool com 15 grande websites comerciais os usuários conseguiram encontrar a informação em apenas 42% das vezes apesar de terem visto a home-page correta antes de ter lhes sido dada a tarefa de teste.(NIELSEN, 1998)

Aumento da eficiência e produtividade (redução do tempo para completar as tarefas)

Estima-se que o uso inadequado de métodos de engenharia de usabilidade nos projetos de desenvolvimento de software gera um custo de cerca de 30 bilhões de dólares por ano na economia dos EUA em perda de produtividade. (LANDAUER, 1995)

Aumento da satisfação do usuário

Em um estudo do Gartner Group, métodos de usabilidade aumentaram as taxas de satisfação dos usuários em 40%: quando o sistema atende as necessidades dos usuários a satisfação frequentemente aumenta drasticamente.(BIAS & MAYHEW, 1994)

Aumento da facilidade de uso

Incorporar a facilidade de uso nos produtos realmente economiza dinheiro. Relatórios têm mostrado que é muito mais econômico considerar as necessidades dos usuários nos primeiros estágios do design que deixar para resolver isso mais tarde. (IBM, 2001)

14



Usuário: Melhora da eficiência Aumento da facilidade de

aprendizagemUm estudo da Computer + Software News (1986) descobriu que os usuários consideram a facilidade de uso o segundo fator de importância para compra, com nota de 6,8 em 10. A facilidade de aprendizagem é o quarto fator, com uma nota de 6,4. (BIAS & MAYHEW, 1994)

Redução dos custos de suporte

Na Microsoft durante vários anos a funcionalidade de impressão de mala direta do Word for Windows gerava uma grande quantidade de ligações demoradas ao serviço do suporte (média de 45 minutos). Como resultado de testes de usabilidade e outras técnicas, a interface para o usuário dessa funcionalidade foi ajustada. Na versão seguinte a quantidade de ligações para o suporte caiu drasticamente. (BIAS & MAYHEW, 1994)

Redução dos custos de treinamento e documentação

Um estudo da Computer + Software News (1986) aponta que gerentes de sistemas de informação consideram a facilidade de treinamento o sétimo fator de importância na sua decisão de compra. (BIAS & MAYHEW, 1994)

Redução dos custos para encontrar informação

Nas empresas os custos relativos a busca de informação inexistente, falha em encontrar informação existente ou recriar informação não encontrada é da ordem de 15 milhões de dólares. . (IDC, 2001)

15

Componentes da Arquitetura de Informação

ROSENFELD e MORVILLE (2002) dividem a Arquitetura de Informação de um website em quatro grandes sistemas interdependentes, cada um composto por regras próprias e suas aplicações:

Sistema de Organização (Organization System)Determina o agrupamento e a categorização do conteúdo informacional.

Sistema de Navegação (Navigation System)Especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual.

Sistema de Rotulação (Labeling System)Estabelece as formas de representação, de apresentação, da informação, definindo signos para cada elemento informativo.

Sistemas de Busca (Search System)Determina as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter.

ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 3ed. Sebastopol: O’Reilly, 2006.

16

Sistema de Organização

Jogo de caça-palavras Dicionário

Fonte: Superdownloads (http://superdownloads.ubbi.com.br/download/i30333.html)

É mais fácil encontrar uma informação em um ambiente organizado.É mais fácil encontrar uma informação em um ambiente organizado.

Onde é mais rápido encontrar uma palavra ?

17

Dificuldades em organizar a informação na Web

Devido aos seus diversos aspectos cognitivos e culturais, a organização da informação na Web apresenta diversas dificuldades.

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?

www.submarino.com.br (fevereiro/2008)

18

Tarefa

Assunto

Público-Alvo eLocalização

Tempo

www.yahoo.com.br

19

Sistema de Navegação

Onde Estou? Aonde posso ir?

Onde estive?

NIELSEN, J. Projetando Websites. Rio de Janeiro: Campus, 2000.

20

Sistema de Rotulação

www.cartoonnetwork.com.br/dexter

O site da Cartoon Network fala a linguagem dos usuários. Esse site utiliza como rótulo no menu desenhos dos seus personagens ao invés dos seus nomes. Desse modo até crianças em fase inicial de alfabetização conseguem compreender.

21

www.brastemp.com.br

22

Sistema de Busca

Interface

Página de Resultados

Página sem Resultados

Ajuda On-line

www.google.com.br

23

Sistema de Busca

tempo.terra.com.br

Anéis de sinônimos podem ser utilizados para corrigir erros comuns de digitação, como a falta de acentos. No website Terra – Tempo esse recurso não é utilizado, por isso a cidade de São Paulo, quando digitada sem til, não é encontrada.

24

Princípios para metodologias de projeto de arquitetura de informação de websites

Possuir 5 fases:

Aplicar na fase de Pesquisa os fundamentos e técnicas do Design Centrado no Usuário da Ciência da Informação para buscar uma visão holística do usuário e uma compreensão global de suas situações particulares de uso de informação, incluindo o antes e o depois de suas interações com o website.

Aplicar na fase de Concepção os fundamentos e técnicas do Design Centrado no Usuário da Interação Humano-Computador para focalizar no usuário e nas suas tarefas desde o início do projeto e ter um processo de design com um ciclo iterativo e interativo de definição, validação e refinamento da solução utilizando avaliações de usabilidade.

Pesquisa Concepção

Este wireframe não tem nenhum compromisso com fontes, cores ou disposição dos elementos na página. Sua função é indicar o

conteúdo de cada página do site.

Biblio teca Básica - Texto

Biblioteca Básica.vsd - pág. 1 de 2

Projeto: Biblioteca

Site:

Autor: Guilhermo Reis

Última Atualização: 27/10/03

Título 2

Chamada de Texto

Lista com marcador

Imagem

Ícone

Banner

Logotipo

Tabela

Nota de Rodapé

Título 1

Download de Arquivo

Discla imer

Lista numerada

Texto de Corpo

Este wireframe não tem nenhum compromisso com fontes, cores ou disposição dos elementos na página. Sua função é indicar o

conteúdo de cada página do site.

Biblio teca Básica - Texto

Biblioteca Básica.vsd - pág. 1 de 2

Projeto: Biblioteca

Site:

Autor: Guilhermo Reis

Última Atualização: 27/10/03

Título 2

Chamada de Texto

ŸLorem ipsum dolor sit amet, consectetuer adipiscing elit.

ŸDuis a diam ac wisi scelerisque sollicitudin.

ŸInteger at augue vitae odio elementum volutpat.

ŸNam sit amet sapien sit amet lectus iaculis porta.

ŸDonec vitae augue vulputate metus viverra convallis.

Imagem

Ícone

Banner

Logo

1- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus sed est. Lorem ipsum dolor sit amet, consectetuer adipiscing

elit. Fusce eget sapien. Ut eros metus, ornare et, vehicula facilisis, congue a, libero. Curabitur facilisis diam a nibh. Nulla facilisi.

Vivamus nulla mauris, consectetuer eu.

Título 1

Nome do Arquivo.xxx

(em arquivo xxx) 100 Kb

Í c o n e

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus sed est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Fusce eget sapien. Ut eros metus, ornare et, vehicula facilisis, congue a, libero. Curabitur facilisis diam a nibh. Nulla facilisi.

Vivamus nulla mauris, consectetuer eu.

1- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

2- Duis a diam ac wisi scelerisque sollicitudin.

3- Integer at augue vitae odio elementum volutpat.

4- Nam sit amet sapien sit amet lectus iaculis porta.

5- Donec vitae augue vulputate metus viverra convallis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vel sapien vitae orci sodales ornare. Ut ornare

sapien ac leo. Duis diam. Cras quis lacus. Nulla facilisi. Morbi tellus tortor, viverra sit amet, aliquam ut, aliquam at,

nibh. Sed adipiscing dui sed risus. Sed pharetra, enim et condimentum tincidunt, metus metus cursus lorem, at

venenatis enim nisl vel est. Duis imperdiet lorem non nibh adipiscing pellentesque. Nam vestibulum dictum arcu.

Aliquam at dui. Nam mauris orci, aliquet et, condimentum non, commodo vel, nisl.

Especificação Implementação Avaliação

REIS, G. Centrando a Arquitetura de Informação no usuário. São Paulo, 2007. Dissertação (Mestrado) – ECA,USPhttp://www.guilhermo.com/mestrado

25

Multidisciplinariedade da AI e da Usabilidade

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

26

Multidisciplinariedade da AI e da Usabilidade

Disciplinas com corpos teóricos já estabelecidos fornecem ferramentas, técnicas, experiência e credibilidade para as novas disciplinas, que unificam os métodos em uma nova forma de pensar.

SMITH apud ROSENFELD, L. User Experience Education, 2005. http://louisrosenfeld.com/home/bloug_archive/000341.html

27

Um pensamento

Se o simples fosse fácil, teríamos milhões de “Parabéns a você”.

Erasmo Carlos

Se o simples fosse fácil, teríamos milhões de “Parabéns a você”.

Erasmo Carlos

28

Para saber mais sobre Arquitetura de Informação

Algumas referências:

www.boxesandarrows.orgwww.iainstitute.org

Lista de Discussão AIfIA-pthttp://lists.ibiblio.org/mailman/listinfo/aifia-pt

www.guilhermo.com

São Paulo – 17 e 18 de outubro de 2008www.aibrasil.org/encontro

29

Obrigado !

Guilhermo Almeida dos Reis [email protected]

www.guilhermo.com

por que arquitetura de informação e usabilidade são importantes?

Technology