O assunto do sexto post da série Projetando e desenhando aplicações e websites complexos é sobre o uso de mensagens, instruções e ajuda contextual para guiar o usuário durante a execução de uma tarefa.
Três padrões de interação comumente usados para Guias são:
23. Sistema de mensagens: é usado quando o usuário precisa ser informado sobre as possíveis consequências de uma ação que ele irá tomar. Cada ação deve ter explicações claras, os próximos passos precisam estar visíveis, caso existam, e deve fornecer fácil acesso a fontes de dados relevantes para ajudar o usuário na tomada de decisão.
24. Ajuda contextual: esse padrão é utilizado quando o usuário precisa da informação para ajudá-lo a completar uma tarefa, seja para entender determinadas terminologias que a tarefa apresenta ou o motivo de um dado está sendo solicitado ou como deve preenchê-lo, etc. Uma melhor solução é apresentar essa ajuda exatamente onde o usuário precisará dela, já contextualizada, mais que dar acesso a links genéricos de ajuda.
Nesse exemplo, o link leva para mais informações que ajudará o usuário a decidir qual cor escolher para o anel usado na embalagem da medicação que ele está pedindo.
Ao passar o mouse pela “?” abre um box com explicação sobre o que significa e qual a finalidade daquela informação que está sendo solicitada ao usuário.
25. Guide me: utilize esse padrão quando o usuário já tem experiência no que está fazendo, mas pode faltar conhecimento para completar alguma parte dessa tarefa maior. Nesses casos, pode-se usar uma área da tela (ou tela separada) que guiará o usuário através de questões, ou informações detalhadas, para determinar “como” ou “se” eles devem tomar determinada ação ou escolher determinada opção, sem perder o contexto da tarefa maior.
No exemplo acima, a funcionalidade de busca em si pode ser facilmente usada pelo usuário, mas foi colocado um guia com questões que o ajuda a limitar o resultado da busca aos mouses que mais se adequam às suas necessidades.
No próximo post, falaremos sobre padrões de interação na construção de cenários. Até lá!
Veja os padrões anteriores: