Diretrizes de UI Instrucional

Em algumas circunstâncias, pode ser útil ensinar o utilizador sobre funções na sua aplicação que podem não ser óbvias para ele, como interações táteis específicas. Nestes casos, é necessário apresentar instruções ao utilizador através da interface de utilizador (UI), para que possa usar as funcionalidades que possa ter deixado passar.

Quando usar a interface instrucional

A interface instrucional tem de ser usada com cuidado. Quando usado em excesso, pode ser facilmente ignorado ou irritar o utilizador, tornando-se ineficaz.

A interface de instruções deve ser usada para ajudar o utilizador a descobrir funcionalidades importantes e não evidentes da sua aplicação, como gestos táteis ou definições que lhe possam interessar. Também pode ser usado para informar os utilizadores sobre novas funcionalidades ou alterações na sua aplicação que, de outra forma, poderiam ter passado despercebidas.

A menos que a sua aplicação dependa de gestos táteis, a interface instrucional não deve ser usada para ensinar aos utilizadores as funcionalidades fundamentais da sua aplicação.

Princípios de redação para interfaces do utilizador instrucionais

Uma boa interface instrucional é relevante e educativa para o utilizador, e melhora a experiência do utilizador. Deve ser:

  • Simples: Os utilizadores não querem que a sua experiência seja interrompida por informações complicadas
  • Memorável: Os utilizadores não querem ver as mesmas instruções sempre que tentam uma tarefa, por isso as instruções têm de ser algo que se lembrem.
  • Imediatamente relevante: Se a interface instrucional não ensinar ao utilizador algo que ele quer fazer imediatamente, ele não terá razão para prestar atenção a isso.

Evite usar excessivamente a interface instrucional e certifique-se de escolher os tópicos certos. Não ensine:

  • Características fundamentais: Se um utilizador precisar de instruções para usar a sua aplicação, considere tornar o design da aplicação mais intuitivo.
  • Características óbvias: Se um utilizador conseguir perceber uma funcionalidade sozinho, sem instrução, então a interface instrucional só vai atrapalhar.
  • Características complexas: A interface instrucional precisa de ser concisa, e os utilizadores interessados em funcionalidades complexas geralmente estão dispostos a procurar instruções e não precisam de as receber.

Evite incomodar o utilizador com a sua interface instrucional. Não:

  • Informações importantes obscuras: A interface instrucional nunca deve atrapalhar outras funcionalidades da sua aplicação.
  • Forçar os utilizadores a participar: Os utilizadores devem conseguir ignorar a interface instrucional e continuar a avançar na aplicação.
  • Mostrar informação repetida: Não assedies o utilizador com uma interface instrucional, mesmo que ele a ignore à primeira. Adicionar uma configuração para mostrar novamente a interface instrucional é uma solução melhor.

Exemplos de UI instrucional

Aqui estão alguns exemplos em que a interface instrucional pode ajudar os seus utilizadores a aprender:

  • Ajudar os utilizadores a descobrir interações táteis. A captura de ecrã seguinte mostra uma interface instrucional a ensinar um jogador a usar gestos táteis no jogo Cut the Rope.

    Captura de ecrã de uma imagem do jogo que mostra a mensagem de instruções da interface:

  • Está a causar uma ótima primeira impressão. Quando o Movie Moments é lançado pela primeira vez, a interface instrucional pede ao utilizador para começar a criar filmes sem obstruir a sua experiência.

    Ecrã de lançamento da aplicação Momentos de Filme

  • Orientar os utilizadores para darem o próximo passo numa tarefa complicada. Na aplicação Windows Mail, uma dica no fundo da caixa de entrada direciona os utilizadores para as Definições para aceder a mensagens mais antigas.

    Captura de ecrã recortada da aplicação Windows Mail a mostrar uma mensagem de interface instrucional

    Quando o utilizador clica na mensagem, o menu de Definições da aplicação aparece no lado direito do ecrã, permitindo ao utilizador completar a tarefa. Estas capturas de ecrã mostram a aplicação Mail antes e depois de o utilizador clicar na mensagem da interface instrucional.

    Antes Depois de
    Captura de ecrã da aplicação Windows Mail Captura de ecrã da aplicação Windows Mail com um painel de definições expandido