Experiência do Usuário (Locaweb)

Como dito no meu post anterior “Projetando e desenhando aplicações e websites complexos” vou começar a falar dos padrões de uso de aplicações complexas e seus respectivos padrões de interação.

O padrão de uso exploratório é aquele que permite ao usuário explorar a aplicação. Os padrões de interação associados ao padrão de uso exploratório costumam ter as seguintes características:

• Suportam navegação segura e previsível;
• Provêem informações para que o usuário se encontre;
• Ajudam a unificar informação em uma única visão que de outra forma iria requerer muitos cliques para ser acessada;
• Colocam dados e ações relevantes próximos de uma informação principal.

Algumas vezes, ao invés de um modo exploratório, pode ser interessante colocar o usuário em um modo linear de ação. O modo linear, por exemplo, um wizard, pode ser muito útil em situações onde o usuário não é um especialista, ou quando queremos dar uma opção simplificada de ação.

Para o padrão de uso exploratório, precisamos pensar em permitir erros e em mostrar dados e ações.

Exploratório - permitindo erros

1. Itens de menu inteligentes: são itens que dizem exatamente o que a aplicação vai fazer, incluindo informação sobre qual objeto vai sofrer a ação.

2. Undo multi-nível: permite reverter facilmente uma série de ações feitas pelo usuário.

3. Sandbox: permite ao usuário salvar dados para que ele possa fazer algo com esses dados no futuro. O primeiro exemplo que vem à cabeça é o carrinho de compras, mas há outros, como o botão “Salvar anúncio” do Zap imóveis:

ou as inúmeras opções da Amazon:

Exploratório - mostrando dados

4. Inspeção: o usuário precisa frequentemente ver mais informações sobre um determinado item na mesma tela em que está vendo o item.

5. Tabs dentro de páginas: permite ver conteúdo detalhado sobre o conteúdo principal que está sendo mostrado.

6. Mouseover com conteúdo rico: utilizado quando queremos dar ao usuário a possibilidade de ver mais informações sobre um determinado item.

Exploratório - mostrando ações

7. Ações inline: o usuário precisa executar uma ação no item que está sendo mostrado.

No próximo post vamos falar sobre padrões de interação para gestão de grandes conjuntos de dados.

Até lá!

Enviar por E-Mail

Este post foi feito em 18 de novembro de 2008 às 12:46 por Joca na(s) categoria(s) Arquitetura da Informação, Design, Design de Interação. Você pode seguir estas respostas pelo feed RSS 2.0. Você pode deixar um comentário ou fazer um trackback do seu próprio site.