[Padrão de Uso] Entrada e alteração de dados

por em Experiência do Usuário (3) comentários

Estamos na quarta publicação – de oito – sobre padrões de interação para aplicações complexas. Nos posts anteriores, falamos dos padrões:

Nesse, iremos falar sobre três padrões de interação que são utilizados quando o usuário precisa informar dados:

17. Auto-completar: utilizado quando o usuário precisa entrar uma informação em um campo texto e pode não saber exatamente o que informar ou tem grandes chances de digitar incorretamente.

Auto completar

Nesse exemplo, ao digitar SAO uma lista aparece com sugestões que completam o que o usuário escreveu no campo.

18. Apresentação visual de seleção: usado quando é difícil explicar apenas em texto as opções disponíveis para seleção. Nesses casos, o uso de imagem mais texto é bem indicado.

selecao_visual_1

Além do label indicando o tipo de alinhamento, também tem uma imagem para cada opção que apresenta visualmente como a figura será posicionada com relação ao texto.

19. Save for later: esse padrão normalmente é usado quando uma tarefa é muito longa para ser completada de uma vez só, ou quando existe um fluxo de ações que possibilite início/parada/reinício. Nessas situações, a opção de salvar para continuar depois deve ser dada ao usuário.

Funcionalidade Save for Later

Um botão é disponibilizado para que o usuário possa salvar um documento (artigo, notícia, página) e depois voltar a ele para continuar com o fluxo de edição (passar para revisão, publicar, etc).

No próximo post da série, padrões para apresentação de conteúdo. Até lá!