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

Por: Henrique C. Pereira

Publicado em Tuesday 12 June 2007 às 14:42

Categoria: Design, User Experience

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?

Comentários dos leitores

Este artigo possui 14 comentários

  1. edy Tuesday 12 June 2007 às 13:09

    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 #1° Tuesday 12 June 2007 às 18:46

    ahahha

    muito boa essa do saquinho!

  3. Henrique Pimentel #2° Wednesday 13 June 2007 às 10:21

    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 #3° Wednesday 13 June 2007 às 11:10

    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 #4° Wednesday 13 June 2007 às 22:36

    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 #5° Thursday 14 June 2007 às 16:57

    Fantástico

    O seu post é claro! rs

  7. Rodrigo Fante #6° Friday 15 June 2007 às 08:01

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

  8. Ed #7° Friday 15 June 2007 às 10:24

    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 #8° Friday 15 June 2007 às 13:21

    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 #9° Saturday 16 June 2007 às 01:13

    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 #10° Saturday 16 June 2007 às 11:14

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

  12. renato cruz #11° Friday 20 July 2007 às 12:54

    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 #12° Friday 27 July 2007 às 20:05

    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 silv #13° Wednesday 03 December 2008 às 12:07

    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 seu comentário:

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

  1. As seguintes tags podem ser inseridas nos comentários: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Sobre este blog

Meu nome é Henrique C. Pereira e o Revolução Etc é o meu blog pessoal. Eu trabalho com design de interfaces, dispositivos móveis, planejamento de soluções web, arquitetura da informação, programação de interfaces, acessibilidade, padrões web, e-commerce e outras coisas relacionadas.
Leia mais sobre o autor.