Web standards, arquitetura da informação, usabilidade, acessibilidade, tecnologia, filosofia de buteco (sic), e qualquer coisa em uma casca de noz!

Ir direto para o conteúdo

#2 Usabilidade nas pequenas coisas – Ambigüidade em design

Por: Henrique Pereira

Tuesday 12 June 2007 às 14:42

Categoria: Design, Experiência de usuário

Que a linguagem pode ser ambígua às vezes ninguém duvida. Mas em design, o bom design tem o objetivo de esclarecer evitando o máximo ambiguidades. Um botão em um site não deve ser confundido com um título destacado, senão o design tem problemas. Excluindo é claro contextos em que isso é provocado intencionalmente pelos artistas, o que não é o nosso caso.

Veja a imagem abaixo por exemplo. Acredito que quase ninguém terá problemas em possivelmente identificar onde esta imagem pode ser encontrada, mas a ambigüidade aqui não foi evitada.

Alguém arrisca? Não, esta imagem não foi retirada de algum livro de curso de ginecologia. Também não foi retirado de algum manual de sadomasoquismo. Acredite ou não mas a imagem acima se encontra em um saquinho de salgados, ela supostamente ensina como abrir o saquinho! Esta imagem foi publicada no Charges com um comentário super engraçado: “significa que é pra puxar antes de comer?”. Veja abaixo outro exemplo que eu já escrevi aqui anteriormente.

Provavelmente, o dono do site acima tinha logs do próprio site de que os usários estavam utilizando um campo qualquer como sendo um campo de busca. O que de fato ele não era. A solução encontrada por ele foi colocar um texto em vermelho com fundo amarelo escrito “A CAIXA ACIMA NÃO É A BUSCA” próximo ao campo.

Um bom design não é necessariamente uma interface linda com boa “aparência”, e sim aquela que encontra um equilibrio harmônico entre forma e função. As coisas devem ser claras, fáceis de entender e sem ambiguidades. Certo?

Artigos relacionados:

Este texto não pode ser copiado ou reproduzido em nenhum outro site na íntegra sem autorização do autor!. Mais detalhes sobre licença de uso aqui!

Tags:



Existem 14 comentários para “#2 Usabilidade nas pequenas coisas – Ambigüidade em design”

# 1° edy Tuesday 12 June 2007 às 16:09GMT

heheh..
achei q era instruções para abrir o paraquedas dakele avião que tu falou anteriormente, hehehe..

ao menos eu não iria morrer de fome com esse salgado!

# 2° Rodrigo Fante Tuesday 12 June 2007 às 21:46GMT

ahahha
muito boa essa do saquinho!

# 3° Henrique Pimentel Wednesday 13 June 2007 às 13:21GMT

Tenho que dar uma de advogado do diabo e dizer que essa ilustração do saquinho é realmente mais complicada.
Afinal se vc pegar a visão de cima do saquinho e o que vc faz para abri-lo é exatamente isso e talvez por isso tenha dado a ambiguidade.
Fiquei curioso para ver como outras embalagens resolveram esse problema.
Mas de uma coisa eh certa, falta um bocado de tato em diversos materiais produzidos.

# 4° Mark de Souza Costa Wednesday 13 June 2007 às 14:10GMT

Um símbolo, uma imagem ou um sinal só faz sentido dentro de um contexto. Isso é básico no design. Provavelmente não teríamos essa impressão ao ver o primeiro símbolo num pacote de salgadinhos.

Já a segunda imagem, putz, realmente lamentável rs.

# 5° Julio Fragoso Thursday 14 June 2007 às 01:36GMT

Designers que compartilhem do ideal, hoje em dia, estão raros como o mico-leão-dourado-do-pelo-prateado !

Encontrar o meio termo entre beleza e usabilidade é papel complicado, para os micreiros pelo menos.

e quanto ao saquinho, eu lembrei de uma coisa que li no usabilidoido, que era “se o ícone precisa de legenda” pois o bom ícone fala por sí, sem necessidade de legendas.

quase isso !

para o alto e avante !

# 6° Priscila Thursday 14 June 2007 às 19:57GMT

Fantástico
O seu post é claro! rs

# 7° Rodrigo Fante Friday 15 June 2007 às 11:01GMT

ahah ja comentei, mas reforço o poder que essa imagem de abrir o saquinho exerce sobre mim!

# 8° Ed Friday 15 June 2007 às 13:24GMT

Na verdade é um típico caso de mensagem subliminar onde a figura pode ser confundida como algo sexual, e como todos sabem que sexo vende bastante, a forma de atração pelo produto será inevitável. =P

# 9° Yalli Oliveira Friday 15 June 2007 às 16:21GMT

Onde mais se pode notar esse tipo de ambiguidade são em pequenos negócios ou empresas. E oque nos levar a crer nessa prática é a falta de profissionais com o conhecimento em usabilidade.

# 10° Pedro Saturday 16 June 2007 às 04:13GMT

Olá Henrique!

Estou passando para indicar um vídeo que fiz, mostrando um exemplo de má usabilidade…

http://youtube.com/watch?v=xdoc4LaTu_Q

Um abraço!

# 11° Paulo Saturday 16 June 2007 às 14:14GMT

Vendo a imagem no saquinho acompanhada de instruções acho que não seria tão grave. Quanto ao site …

# 12° renato cruz Friday 20 July 2007 às 15:54GMT

Creio que escrevendo “BUSCA” próximo ao campo ele acabou reforçando a ação daquelas pessoas.

Talvez o ideal seria escrever a legenda daquele formulário logo acima.

# 13° William Becher Friday 27 July 2007 às 23:05GMT

Henrique Pimentel, o simples uso de uma perspectiva no desenho, quase uma visão isométrica da situação, evitaria a ambigüidade.

# 14° lendro da costa silva Wednesday 03 December 2008 às 15:07GMT

Ambíguidade é o que expressa vários sentidos e pode ser causada intencionalmente e nâo-intencionalmente.Intencionalmente é encontrado em charges,quadrinhos ETC….E nâo-intencionalmente se encontra em jornais,revistas ETC…

Deixe um comentário

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

Informações de Contato

Sobre o Revolução Etc

Henrique Costa Pereira O Revolução Etc é o site pessoal do Henrique C. Pereira que trabalha com design de interfaces, planejamento, arquitetura da informação e desenvolvimento para web. Ele escreve aqui sobre várias coisas relacionadas com acessibilidade, web standards, tecnologia, desenvolvimento e o que mais der na telha, além de eventualmente escrever alguma coisa ou outra para o Webinsider. Leia mais.

Publicidade

  • Banner
  • Banner

Henrique Costa Pereira - Revolução Etc - (CC) Alguns Direitos Reservados - Powered by WordPress

O conteúdo deste site de autoria de Henrique Costa Pereira está sob a licença de Creative Commons Atribuição-Uso Não-Comercial-Compartilhamento pela mesma Licença 2.5 Brasil. Permissões e/ou restrições além do escopo desta licença podem ser vistas e/ou requeridas na minha página de licença.

Nenhum conteúdo deste site pode ser copiado e reproduzido em outro site sem autorização do autor! Mais detalhes aqui!

Powered by WordPress