Diretrizes de interface do usuário instrucional

Em algumas circunstâncias, pode ser útil ensinar o usuário sobre funções em seu aplicativo que podem não ser óbvias para ele, como interações de toque específicas. Nesses casos, você precisa apresentar instruções ao usuário por meio da interface do usuário, para que ele possa usar os recursos que pode ter perdido.

Quando usar a interface do usuário instrucional

A interface do usuário instrucional deve ser usada com cuidado. Quando usado em excesso, pode ser facilmente ignorado ou incomodar o usuário, tornando-o ineficaz.

A interface do usuário instrucional deve ser usada para ajudar o usuário a descobrir recursos importantes e não óbvios do seu aplicativo, como gestos de toque ou configurações nas quais ele possa estar interessado. Ele também pode ser usado para informar os usuários sobre novos recursos ou alterações em seu aplicativo que, de outra forma, eles poderiam ter ignorado.

A menos que seu aplicativo dependa de gestos de toque, a interface do usuário instrucional não deve ser usada para ensinar aos usuários os recursos fundamentais do seu aplicativo.

Princípios de escrita da interface do usuário instrucional

Uma boa interface do usuário instrucional é relevante e educacional para o usuário e aprimora a experiência do usuário. Ele deveria ser:

  • Simples: os usuários não querem que sua experiência seja interrompida com informações complicadas
  • Memorável: os usuários não querem ver as mesmas instruções toda vez que tentam uma tarefa, portanto, as instruções precisam ser algo que eles se lembrem.
  • Imediatamente relevante: se a interface do usuário instrucional não ensinar um usuário sobre algo que ele deseja fazer imediatamente, ele não terá motivos para prestar atenção a isso.

Evite o uso excessivo da interface do usuário instrucional e certifique-se de escolher os tópicos certos. Não ensine:

  • Recursos fundamentais: se um usuário precisar de instruções para usar seu aplicativo, considere tornar o design do aplicativo mais intuitivo.
  • Recursos óbvios: se um usuário puder descobrir um recurso por conta própria sem instrução, a interface do usuário instrucional apenas atrapalhará.
  • Recursos complexos: a interface do usuário instrucional precisa ser concisa e os usuários interessados em recursos complexos geralmente estão dispostos a buscar instruções e não precisam recebê-las.

Evite incomodar o usuário com sua interface do usuário instrucional. Não:

  • Informações importantes obscuras: a interface do usuário instrucional nunca deve atrapalhar outros recursos do seu aplicativo.
  • Forçar os usuários a participar: os usuários devem ser capazes de ignorar a interface do usuário instrucional e ainda progredir no aplicativo.
  • Exibindo informações repetidas: não assedie o usuário com a interface do usuário instrucional, mesmo que ele a ignore na primeira vez. Adicionar uma configuração para exibir a interface do usuário instrucional novamente é uma solução melhor.

Exemplos de interface do usuário instrucional

Aqui estão alguns casos em que a interface do usuário instrucional pode ajudar seus usuários a aprender:

  • Ajudando os usuários a descobrir interações por toque. A captura de tela a seguir mostra a interface do usuário instrucional ensinando um jogador a usar gestos de toque no jogo, Cut the Rope.

    Captura de tela do jogo mostrando a mensagem de instrução da interface do usuário,

  • Causando uma ótima primeira impressão. Quando o Movie Moments é iniciado pela primeira vez, a interface do usuário instrucional solicita que o usuário comece a criar filmes sem obstruir sua experiência.

    Tela de inicialização do aplicativo Movie Moments

  • Orientar os usuários a dar o próximo passo em uma tarefa complicada. No aplicativo Windows Mail, uma dica na parte inferior da Caixa de Entrada direciona os usuários para Configurações para acessar mensagens mais antigas.

    Captura de tela cortada do aplicativo Windows Mail mostrando a mensagem instrucional da interface do usuário

    Quando o usuário clica na mensagem, o submenu Configurações do aplicativo aparece no lado direito da tela, permitindo que o usuário conclua a tarefa. Essas capturas de tela mostram o aplicativo Mail antes e depois de um usuário clicar na mensagem de interface do usuário instrucional.

    Antes Após
    Captura de tela do aplicativo Windows Mail Captura de tela do aplicativo Windows Mail com um submenu Configurações estendidas