01
ago 09

Como criar formulários com usabilidade

Em muitos trabalhos, nós Arquitetos da Informação nos deparamos com a necessidade de se criar e transformar formulários extensos e complexos em uma etapa leve e com o máximo de usabilidade possível.
Geralmente estes formulários são necessários, pois fazem parte do modelo de negócio do cliente, sendo utilizados para contratação de algum serviço, compra de algum produto ou um simples cadastro para poder utilizar o site.

O blog Núcleo de User Experience publicou um post muito interessante com um checklist de como se criar formulários com usabilidade. A imagem abaixo foi traduzida do Frontend.com.

Como criar formulários com usabilidadeO blog também disponibilizou o arquivo em formato para impressão.

Gostou deste Post? Compartilhe:
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Digg

30
jul 09

Exemplo de organização de menu em e-commerce

O site de e-commerce brasileiro OQVestir utiliza um ótimo exemplo de organização de menu. Você pode encontrar a roupa ideal para você, buscando por “Ocasião”, por “Estilo” ou por “Tipo Físico”.
Além de ser um exemplo fora dos padrões atuais de e-commerce, a loja mostra que realmente conhece seu público e quer ajudar suas consumidoras a encontrarem a peça ideal e se vestirem bem.

Exemplo de organização de menu em e-commerce

Já comentei isso no post anterior, mas não custa nada reafirmar: Caso vocês encontrem referências legais de Arquitetura da Informação, Usabilidade, Acessibilidade, Navegabilidade, etc… enviem os links pelos comentários, que eu crio um post com a referência (com os devidos créditos). Ok?

Site: http://www.oqvestir.com.br/

Gostou deste Post? Compartilhe:
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Digg

28
jul 09

Menú com ícones em site de E-commerce

Fugindo um pouco dos padrões dos sites de e-commerce, a Dainese (uma fabricante de acessórios para motos) utiliza ícones (e somente ícones) em seu menú para representar as categorias de produtos.
No meu caso, que não entendo muito de motos, é extremamente intuitivo, pois não saberia o nome real dos acessórios, mas consigo reconhecer o formato de cada um deles.

Menú com ícones em site de e-commerce
Vocês já devem ter percebido, mas tenho focado bastante minhas pesquisas ultimamente em e-commerce. Caso encontrem mais algumas referências bacanas é só enviar o link por comentário.

Site: http://www.dainese.com/us_en/motorbike

Gostou deste Post? Compartilhe:
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Digg

23
jul 09

Cauda Longa no E-commerce

Mais um exemplo de cauda longa (long tail) na internet, mais especificamente em um site de e-commerce.
O site Kiki & Bree comercializa somente produtos para gêmeos, mostrando que na web é possível trabalhar com segmentos de públicos muito pequenos como modelo de negócio.

Kiki & Bree - Venda de Produtos para Gêmeos - Cauda Longa no E-commerce

Site: http://www.kikiandbree.com/

Gostou deste Post? Compartilhe:
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Digg

22
jul 09

Exemplo de padrão Web e Mobile Phone

O site de música GrooveShark é um bom exemplo de como explorar os padrões Web e Mobile Phone ao mesmo tempo, sem grandes diferenciações no site entre as duas plataformas.

Exemplo de padrão Web e Mobile Phone

Site: http://listen.grooveshark.com/

Gostou deste Post? Compartilhe:
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Digg