Usabilidoido: Menu Principal

English Website


Estética antes, usabilidade depois

Perfil no LinkedIn
Perfil no Youtube
Perfil no Twitter
Perfil no Instagram
Perfil no Spotify
Estética antes, usabilidade depois

É o que argumenta esse excelente artigo na Digital Web. O cara ficou de saco cheio dos gurus da usabilidade dizerem que temos que fazer websites só com links azuis, fundo branco, altos contrastes, enfim todas essas encheções de saco que eu repito aqui também. Concordo com ele. Antes da efetividade da interação, vem o impacto inicial.

Beleza relativa

Compare as duas versões de um design de interface. A de cima é bonita, o de baixo, segue as normas de usabilidade (eu tentei reproduzir as imagens aqui mas o websites idiota não me deixa salvar nem embutir a imagem aqui por medidas de copyright - antiweb).

Tive duas conversas recentes sobre o assunto, e isso está me atormentando. Não tenho muita proeficiência no domínio da estética. Pela minha formação em Jornalismo, prefiro me ater mais ao lado estrutural. Porém, não posso ignorar esse lado. Veja o layout do jornal Comunicação um projeto da minha faculdade. Modéstia à parte tem grande usabilidade, mas não tem esse impacto inicial gráfico que incentive o novo leitor a ler mais. Falei pro professor orientador que precisamos melhorar isso para dar o empurrão inicial da curva de aprendizado da interface. Do jeito que está, está muito sem sal.

No livro "Não me faça pensar", Steven Krug diz que a primeira coisa que devemos perguntar a um usuário num teste de usabilidade é o que ele acha do aspecto visual da página. Para ele, o que o usuário responde não deve ser levado em consideração porque ele não entende de design mesmo. Discordo. A graça da obra de arte está no efeito que ela causa no seu contemplador, e da mesma forma, o design de uma interface.

Claro, é uma medida subjetiva. Quase sempre a pessoa responde: gostei ou odiei, mas não sabe explicar bem o porque. A dica é tentar explorar esses sentimentos através de perguntas indiretas, supor o que incomodou ou agradou ela e ir perguntando em maior profundidade. Perguntar se de outra cor ficaria melhor, acho que não vale à pena porque já é difícil para um designer visualizar como vai ficar aquele design antes de colocá-lo no papel, ainda mais para uma pessoa que não tem treinamento em fazer isso.

Não podemos nos esquecer que cada elemento em um layout está intimamente ligado a todos os outros que compõem o produto final. Se mudar um detalhe por menor que seja, muda tudo. Então, a impressão inicial de que fala o artigo se refere ao conjunto total, não à cor desse ou daquele botão.

Entretanto, no artigo o autor comete um deslize. Se tem uma coisa que aprendi com esses gurus da usabilidade é que não podemos ficar enclausurados na frente do nosso computador, fazendo os melhores designs do mundo sem verificar se eles são realmente efetivos. Nossos próprios julgamentos não são suficientes. Na comparação de duas versões das interfaces, ele diz:

A versão graficamente trabalhada transmite a sensação de facilidade de uso, utilidade e diversão. A versão baseada em texto não alcança isso, o que na minha opinião, resulta em experiências menos favoráveis

O erro está em generalizar isso para todos os usuários. Pode ser que para um determinado segmento a versão baseada em texto seja mais eficiente. Eu e bilhões de pessoas preferem o Google porque ele não tem fru-fru, é muito mais ´rapido. Desinstalei o Windows XP da minha máquina e voltei ao Windows 98 porque, apesar do primeiro ser muuuuito mais agradável, é mais lento. Ou seja, a estética de uma interface deve atender a expectativa do usuário. Se ele não quer fru-fru, não insista. Ponto.

Fotos de pessoas

Outro ponto interessante que o autor toca e é que fotos de pessoas rindo inspiram confiança. Adiciono que uma foto bem aproveitada humaniza mais a interface, causa identificação com o público. Aí vem o senhor Jakob Nielsen e diz que não é porque você tem uma foto de uma mulher feliz na homepage que os usuários vão pensar que também serão felizes se comprarem o produto vendido. Pô, o cara jogou fora décadas da história da publicidade. Essa é velha. De tão velha, às vezes o pessoal exagera e usa desnecessariamente ou com tipos que não conseguem obter identificação com o público.

O que é essa tal de experiência?

Para terminar, colo abaixo uma conversa que tive com um grande defensor das idéias do Nielsen, o Irapuan Martinez sobre o que é experiência do usuário, um dos tópicos que o autor do artigo lá de cima toca:

Lonewolf (Irapuan) 14:31 Usabilidade não tem nada a ver com o grau de experiência do usuário, mas é em função da interface/client que ele opera.
fred 14:31 isso é uma contradição em si
fred 14:31 quem falou isso?
Lonewolf 14:33 Tinha alguns dias que eu estava matutando a respeito. O proposto é idéia minha.

Prova 1: Usuários experts se beneficiam de sistemas usáveis, no mesmo jeito que usuários nem tão experts (Usabilidade não tem nada a ver com o grau de experiência do usuário...)

Prova 2: Acessar um site com o Opera é bem mais acessível que no IE. (...mas é em função da interface/client que ele opera.)
fred 14:35 ah tá, peraí. Desculpe eu tinha entendido que você queria dizer que usabilidade não tinha nada a ver com a experiência, aquele termo vago que eu uso para definir o resultado subjetivo do uso de um consumo
Lonewolf 14:36 Quis dizer experiência no sentido da prática, do background, no hábito de se operar determinada interface. ;)
fred 14:36 entendi
fred 14:36 de qualquer forma, eu continuo discordar de você
Lonewolf 14:36 Por quê?
fred 14:37 acho que o DOS pode ser muito usável para um usuário expert, mas não para um iniciante
fred 14:37 porque usabilidade não é só facilidade de uso
fred 14:37 também tem a ver com a perfomance
fred 14:37 o tempo que leva pra fazer as tarefas
fred 14:38 no DOS eu ia muito mais rápido que no windows, então não aderi ao Win95 quando saiu
Lonewolf 14:39 Mas o que é o Windows Explorer que não uma interface gráfica para algumas tarefas que o DOS opera? Ele habilita o usuário usar um "drag'n'drop" que não sabe digitar "move [path origem] [path destino]".

E um usuário tarimbado no DOS pode usfruir de boa experiência (o ato, o resultado) com o WE.
fred 14:40 são duas interfaces distintinas, com usabilidades distintas
fred 14:40 mas eu concordo com as suas doas provas, entrementes
Lonewolf 14:40 O fato de você não ter migrado ao Win95 e continuar com comando de linha é apenas por hábito. Usuários que não tinha o seu hábito adotaram o WE. E hoje você provavelmente também o utiliza, embora acumule background para operar comando de linha.
fred 14:41 eu amei o win95. Em 3 dias me habituei a ele, indício de que a curva de aprendizado era muito melhro que a do DOS, isso é um dos fatores importantes na usabilidade
Lonewolf 14:41 > são duas interfaces distintinas, com usabilidades distintas

Não, são duas interfaces distintas, porém com tarefas em comum.

Copiar, apagar, criar...
fred 14:42 ok, as tarefas são as mesmas. Mas a usabilidade não é qualidade da tarefa, é da interface
Lonewolf 14:42 agora vc me confundiu. O que é pra vc usabilidade?
fred 14:43 usabilidade é uma qualidade da interface de um produto
fred 14:44 é o resultado de um conjunto de fatores
fred 14:44 de característica
fred 14:44 na verdade nunca tinha pensado nisso hehehhe
Lonewolf 14:45 > usabilidade é uma qualidade da interface de um produto

Tenho por mim que usabilidade é o grau de satisfação em realizar uma tarefa mediante uma interface.

Seria uma determinação (uma medida) de experiência. Usar IE é uma experiência ruim. Usar o Opera, uma experiência boa. Para acessar o mesmo site (mesma tarefa) é mais usável utilizar o Opera.
Lonewolf 14:47 http://labs.google.com/glossary?q=usability
fred 14:48 um produto pode trazer satisfação e ser assim mesmo difícil de usar. Exemplo: o computador em si (é bem mais difícil de usar do que um televisor, mas traz mais satisfação para alguns).
fred 14:49 eu gostei dessa:
"A quantifiable characteristic of a product's user interface. Usability reflects how easy a product is to learn to use and how easy it is to use once it is learned."
fred 14:50 e usabilidade pra mim é só um dos fatores que afetam a experiência total do usuário
fred 14:51 você é o link de ontem no meu blog? tem uns portugueses que falaram isso sobre usabilidade:
"USABILIDADE - Branco é, galinha o pôs
A usabilidade é uma característica daquilo que é utilizável, funcional.
É tornar óbvio o óbvio, tendo em conta as necessidades do utilizador e o contexto em que este está inserido. "
Lonewolf 14:53 então precisa adicionar o fator "falta de opção" na definiçào de usabilidade. Era usável se levantar do sofá para mudar de canal até popularizar o controle remoto.
Lonewolf 14:54 > eu gostei dessa:
> "A quantifiable characteristic of a product's user interface.
> Usability reflects how easy a product is to learn to use and
> how easy it is to use once it is learned."

Intuitividade. Certa vez, há uns dois anos, disse algo a respeito na WDDesign. Não sabemos diferenciar um usuário experiente de um usuário intuitivo e/ou sem medo de explorar a interface.
Lonewolf 14:54 > e usabilidade pra mim é só um dos fatores que afetam a
> experiência total do usuário

quais são os demais fatores?
fred 14:56 experiência pra mim é o somatório do impacto subjetivo e objetivo que um produto causa no seu usuário. Deixa eu pensar bem os outros fatores
fred 14:58 Aparência (a primeira impressão: seja visual, tátil, auditiva ou palatal)
fred 14:59 Usabilidade (o quanto é prático de usar)
fred 14:59 Utilidade (o quanto vale à pena usar)
Lonewolf 15:00 Não, nada de impacto. Impacto é coisa de marketeiro.

Uma maçaneta não gera impacto mas é usável.
fred 15:00 não, Utilidade (o resultado do uso)
fred 15:00 Claro que uma maçaneta gera impacto.
fred 15:00 nao estou usando o termo de forma promíscuida
Lonewolf 15:00 > Aparência (a primeira impressão: seja visual, tátil, auditiva
> ou palatal)

Isso é impressão, não usabilidade. Alguém pode ter uma má impressão do TopStye mas descobrir que ele é o melhor editor de CSS que há.
fred 15:01 Olha só, eu estou definindo os fatores que afetam a experiÊncia total:
1. Aparência
2. Usabilidade
3. Utilidade
4. Custo
Lonewolf 15:02 aonde uma maçaneta cria impacto?
fred 15:02 você sente ela nas suas mãos
fred 15:03 você vê ela antes de tocá-la
fred 15:03 você tem pensamentos associados à maçanetas
fred 15:03 subjetividades
fred 15:03 e sem falar que maçanetas sem cabo podem ser menos usáveis
fred 15:05 mas acho que a palavra impacto está prostituída demais mesmo. Então que seja, efeito:
Experiência é o somatório dos efeitos subjetivos e objetivos que um produto causa no seu usuário.
Lonewolf 15:07 > Olha só, eu estou definindo os fatores que afetam a
> experiÊncia total:
> 1. Aparência
> 2. Usabilidade
> 3. Utilidade
> 4. Custo


Eu pensaria assim:
1) Intuitividade do usuário
2) Interface do usuário
3) complexidade da tarefa

fred 15:09 Mas pra você o que seria a experiência? Me parece que você trata como se fosse sinônimo de usabilidade. Eu não concordo com isso.
OBS: Prefiro o termo familiaridade ao invés de intuitividade.
Lonewolf 15:11 Preciso dar uma saída agora... Mais tarde continuamos essa estimulante conversa. ;)

Autor

Frederick van Amstel - Quem? / Contato - 12/04/2004

Redes

Siga-me no Twitter, Facebook, LinkedIn ou Instagram.

Citação

VAN AMSTEL, Frederick M.C. Estética antes, usabilidade depois. Blog Usabilidoido, 2004. Acessado em . Disponível em: http://www.usabilidoido.com.br/estetica_antes_usabilidade_depois.html

Relacionados



Comentários

Discussão
millano
15/04/04 às 05:57

Imagino que usabilidade seja tradução de "usability", ou seja, uma palavra inventada pelos americanos, que adoram palavras terminadas em "bility". Existia até uma propagando de cerveja long neck que dizia "Já vem com 'drinkability'". Esta propaganda passava no Brasil e usava uma palavra americana, pq era uma palavra 'descolada' e nós brasileiros adoramos palavras 'descoladas'. Sendo assim eu prefiro falar sobre ergonomia, que foi o que aprendi na faculdade e, ao meu ver, engloba usabilidade e muito mais. Bom, o que é ergonomia senão uma das muitas disciplinas que fazem parte da vida de um designer. Na faculdade não existia essa exacerbação da ergonomia, assim como não existia da antropologia ou da Históra das artes e das técnicas industriais. Tudo faz parte de um conjunto e tudo tem a sua importância. Ao meu ver, não existe concorrência entrea ERGONOMIA e a ESTÉTICA, quando se fala de Design. Isso pode acontecer em obras de arte, que têm por princípio comunicar algo muito intrínseco ao modo de ver o mundo do autor. Em Design isso não ocorre, já que, enquanto na Arte o autor não precisa se fazer entender de imediato, no Design o entendimento claro da mensagem é de grande importância. Desse modo, vejo que estética e ergonomia se complementam. O problema é quando colocamos a ergonomia no pedestal e transformamo-na em um totem. Voltando, também vejo que estamos copiando (de novo) coisas que os americanos falam. É sabido que os EUA são um país capitalista de extrema concorrência. Solo fértil para a proliferação de gurus. São gurus do marketing, gurus de meditação, de dietas milagrosas e de salvação da lavoura HTML. Cabe a nós filtrar o que é bom e o que é picuinha e auto promoção em cima de "flames".
Finalizando, acredito que teu site pode começa com uma grande preocupação em ergonomia e depois passar por um estudo conceitual. O ideal seria o inverso, ao meu ver.
Bom, teu site está interessante de qualquer maneira.


Discussão
Fred
15/04/04 às 06:42

Aff.. pensei que ninguém ia comentar esse extenso post.

Vejo uma distinção muito leve entre os termos usabilidade e ergonomia. O primeiro se refere a facilidade de uso de uma interface, o outro se refere ao conforto de uma interface. Claro, também acredito que o termo usabilidade foi criado só para dar um thcan na ergonomia. Mas isso é bom. Ergonomia é uma palavra monstro, feia e não traz significado imediato para leigos como o termo usabilidade.
...
Claro que há concorrência entre estética e ergonomia! São dois fatores que precisam ser desenvolvidos para que o produto final seja efetivo. Você pode pender o seu foco mais em um do que em outro, mas eles não se anulam mutuamente. Ou seja, é possível ter um produto bonito e fácil de usar, é só uma questão de dar atenção às duas coisas.

O que o autor do artigo fez foi puxar de volta o bife para o seu lado, o estético. Os usabiliteiros estão sempre puxando para o lado deles. Na verdade as disciplinas não se confrontam, mas os homens que a defendem, sim.


Discussão
Fred
15/04/04 às 06:46

Como sugeriu o Irapuan na conversa acima, vale à pena dar uma olhada no que o Google tem a dizer, veja as definições dele de usabilidade:

"A quantifiable characteristic of a product's user interface. Usability reflects how easy a product is to learn to use and how easy it is to use once it is learned."
http://www.google.com.br/search?q=define%3Ausability&ie=UTF-8&oe=UTF-8&hl=pt-BR&btnG=Pesquisa+Google&meta=

e de estética:
"Pertains to understanding that incorporates intellectual, sensory, and emotional involvement in and responses to the fine arts; of or relating to a sense of what is pleasing or "artistic." What is considered aesthetic varies greatly in different contexts. In dance performance, aesthetic qualities may take into consideration the application of style and performance skills; in choreography, aesthetics may be defined in terms of use of the elements of movement, choreographic form, and the principles of design, stagecraft, and the application of the creative process. "
http://www.google.com.br/search?hl=pt-BR&ie=UTF-8&oe=UTF-8&c2coff=1&q=define%3Aaesthetic&btnG=Pesquisar&meta=


Discussão
Fred
23/04/04 às 06:21

O Luke Wroblemski postou um comentário sobre o artigo inicial e também adicionou outros textos a discussão. Aliás, o blog dele parece estar discutindo várias vezes o lugar da estética no design de interface:

http://lukew.com/ff/entry.asp?41


Discussão
João Victor
01/11/05 às 22:16

Nossa... esse texto "The Designer Is Dead, Long Live The Designer!" tá pra lá de sem-noção hem.

Ele diz que estética vem antes de usabilidade. Hum. Ok. Vamos então aos exemplos dele.

Ele coloca um exemplo com grafico, e outro sem grafico - querendo ilustrar um que tem "estética", e outro que tem "usabilidade".

Só que, um detalhe que faz toda a diferença: os exemplos gráficos que ele dá *tem* usabilidade. Então vamos reformular a comparação:

O que é melhor: um design usável *e bonito*, ou um design usável apenas? É meio óbvio a resposta, não?

Mas veja só: a usabilidade foi quem veio antes. A usabilidade tá nos 2 exemplos, a estética apenas incrementou.

Aí vem a discussão de "o que é usabilidade". Não existe nada mais tão-usabilidade do que usar e abusar de *design universal*. Design universal é o termo-chave.

Usar o desenho de um carrinho de compras pra suas compras é design universal. Usar a foto de uma mulher prestativa e sorridente pra um serviço de atendimento é design universal.

E as pessoas que defendem o design simples, *com certeza* são a favor de design universal, porq design universal é usabilidade na essência.


Discussão
Fred
02/11/05 às 09:26

João, a estética de uma interface é percebida antes da usabilidade. O usuário olha para a tela e vê do geral ao específico. Só depois disso é que ele começa a interagir com ela. Se a tela for agradável, isso pode até facilitar o uso, ou seja, aumentar a eficiência, eficácia, memorização, prevenção de erros e satisfação.

Para o usuário, não existe divisão entre usabilidade e estética, para ele é uma experiência integrada. Depois de ver umas pesquisas recentes sobre design emocional, estou tentado a considerar a usabilidade percebida é mais importante do que a usabilidade real. Se ela é percebida através da estética, isso reforça a idéia do texto do Didier Hirlhost.

http://www.usabilidoido.com.br/usabilidade_percebida_e_o_que_importa.html

E quanto ao design universal, não acho que seja a solução para os problemas de usabilidade. É como dizer que se todo mundo falasse inglês, não haveriam mais problemas de comunicação entre as pessoas. Com certeza os problemas continuariam a existir e a cultura de cada povo estaria massacrada, pois a língua é um dos seus elementos mais importantes. Sou mais o design contextual do que o universal.


Discussão
Gabi Viana
03/02/07 às 13:47

Um não existe sem o outro. E cada caso é um caso. rs
Ninguém faz compras num site como esse:
http://www.gazin.com.br/venda/principal.php, para deixar de comprar em um site como o http://www.submarino.com.br.

Por outro lado, é extramamente irritante procurar um conteúdo no google, achar o site, esperar 3 minz carregando e quando abre, nada de conteúdo.

Existem sites rápidos e simplificados quando se propõe a atender ao público-alvo diversificado.

Existem sites estratégicos para lançamentos de produtos, como geralmente fazem as empresas quando lançam celulares (nokia, samsung), e o que realmente importa nestes casos, é chamar atenção.

O que precisa ser levado em consideração é o objetivo do site, qual o seu conceito, para quem será o site?

No final das contas, seja ele voltado para o lado da estética ou para o lado da usabilidade, o que realmente importa, é se ele atende ao objetivo proposto.

Se você conhece uma determinada marca, gosta de uma música, é fã de um ator, é capaz de esperar alguns minutos a mais para ver o site. Não é a toa que o youtube às vezes fica lento, o orkut fica lento, e ninguém deixa de acessar por isso.

Aliás, se considerarmos a estratégia de marketing do orkut, percebemos que no quisito "usabilidade", ele começou uma furada e em todo resto, um sucesso! Todos implorando por um convite, se matando para decodificar o inglês, e procurando entender o que era cada ícone. E funciona, não funciona?

E gostemos ou não dos "Marketeiros", são eles os donos do conceito, e que passam as diretrizes - se considerarmos que estamos falando de grandes empresas - são os que "advinham - pesquisa e estudos de mercado" o que se passa na cabeça dos consumidores e definem como vão vender seus produtos ou serviços. Seja através de um website, de uma nova embalagem, uma campanha de tv, estamos presos a eles, querendo ou não.


Discussão
Guilherme
22/04/10 às 02:16

Eu penso que os dois tem que andar em conjunto pois usabilidade é fundamental para prender o visitante!

http://www.otimizacao-de-sites.org/


Discussão
Grafica
05/05/10 às 06:44

Um complementa o outro.


Discussão
Criação de Sites
15/06/10 às 01:28

Usabilidade x Design? Essa á a idéia??


Discussão
Criação de Sites
15/06/10 às 01:30

Opa, esquci de deixar meu site.

http://www.henriqueguimaraes.com

Abraços!!!


Discussão
Leo cabral
24/01/11 às 10:54

Estética e usabilidade fazem parte da experiência do usuário. Dar ênfase ou negligenciar um ou outro por motivos pessoais é falhar no projeto e em dispor a informação à audiência.


Discussão
Ana Isabel
23/05/12 às 09:16

Olá Fred. Num dos seus post escreveu: "Se a tela for agradável, isso pode até facilitar o uso, ou seja, aumentar a eficiência, eficácia, memorização, prevenção de erros e satisfação".

Tem toda a razão quando diz que a estética influencia a usabilidade, na verdade existem estudos nessa área que demonstram que, mesmo que inclua os princípios de usabilidade, a estética irá sempre influenciar a noção de usabilidade do utilizador.

No entanto, no seu post que transcrevi fala de ergonomia...tornar o sistema agradável. Minimizar erros, melhorar a eficácia, eficiência...são tudo critérios de usabilidade dos quais a ergonomia se preocupa. Portanto não existe essa distinção entre Ergonomia e Usabilidade. A Ergonomia simplesmente é mais abrangente e vai para além da "facilidade de usar"


Discussão
Frederick van Amstel
25/05/12 às 10:59

Concordo contigo Ana Isabel. Esse post é antigo pra caramba, de 2004. Nessa época ainda não entendia muito bem as relações entre as disciplinas.






Você merece.

Assine nosso conteúdo e receba as novidades!

Atualizado com o Movable Type.

Alguns direitos reservados por Frederick van Amstel.

Apresentação do autor | Website internacional | Política de Privacidade | Contato