Diretrizes para criar uma interface do usuário instrucional

Applies to Windows and Windows Phone

Crie uma interface do usuário instrucional que ensine os usuários a trabalhar com seu aplicativo da Windows Store.

O que fazer e o que não fazer

  • Use a interface do usuário instrucional para apresentar um novo usuário a tudo aquilo que o seu aplicativo pode fazer.
  • Use dicas sobre novos recursos ou detalhes específicos sobre como seu aplicativo mudou após uma atualização.
  • Integre a interface do usuário instrutiva com tarefas específicas.
  • Não bloqueie a interação com a interface do usuário do aplicativo.

Diretriz de uso adicional

Em algumas circunstâncias, a melhor maneira de ajudar os usuários a interagir com o seu aplicativo da Windows Store é ensiná-los a partir da interface do usuário do aplicativo. Usamos o termo Interface do usuário instrucional para nos referirmos a esse tipo de orientação. Um ótimo exemplo é o uso de um elemento da interface do usuário, como texto embutido ou um submenu, para informar ao usuário quando ele precisa usar uma interação por toque para concluir uma tarefa.

Lembre-se de que a interface do usuário instrucional não é uma substituta para um design cuidadoso. Se você usá-la com frequência excessiva ou fora de contexto, poderá interromper o fluxo do seu aplicativo e diminuir sua eficácia. Antes de adicionar a interface do usuário instrucional, explore outras maneiras de apresentar os usuários ao seu aplicativo. Veja Tópicos relacionados para saber mais sobre layouts, navegação e controles.

Aqui estão algumas situações nas quais 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 uma mensagem da interface do usuário instrucional, "Deslize para cortar a corda"

  • Causando uma ótima primeira impressão. Considere a possibilidade de usar a interface do usuário instrucional para apresentar um novo usuário a tudo aquilo que o seu aplicativo pode fazer. Por exemplo, quando o Movie Moments é iniciado pela primeira vez, a interface do usuário instrucional solicita que o usuário comece a criar filmes.

    Tela de inicialização do aplicativo Movie Moments

  • Orientando os usuários a realizarem a próxima etapa de uma tarefa complicada. No aplicativo Windows Mail, uma dica na parte inferior da Caixa de Entrada direciona os usuários até as Configurações para acessar mensagens mais antigas.

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

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

    AntesDepois
    Captura de tela do aplicativo Windows MailCaptura de tela do aplicativo Windows Mail com um submenu Configurações estendido

     

  • Apresentando alterações na interface do usuário. Se você fez alterações significativas na interface do usuário da última versão do seu aplicativo, os usuários podem apreciar dicas sobre novos recursos ou detalhes específicos de como seu aplicativo mudou.

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

  • Mantenha a simplicidade. Apresente um conceito básico de cada vez e use imagens quando possível. Considere a possibilidade de adicionar uma seção de Ajuda a um submenu Configurações no seu aplicativo da Windows Store para abordar recursos complexos.
  • Ensine no contexto. Integre a interface do usuário instrucional com a tarefa que ela ajuda o usuário a concluir. É mais provável que um usuário guarde um conceito quando ele é apresentado na situação em que ele é mais necessário.
  • Não bloqueie a interação. Verifique se os usuários ainda podem interagir com seu aplicativo enquanto a interface do usuário instrucional está presente. A interface do usuário instrucional deve ajudar os usuários e não irritá-los atrapalhando-os.
  • Ensine e depois desapareça. Remova a interface do usuário instrucional assim que ela não for mais relevante ou permita que o usuário a dispense. Além disso, na maioria dos casos, os usuários só precisam que a interface do usuário instrucional seja exibida uma vez. Evite exibir repetidamente a mesma interface do usuário instrucional.
  • Use com moderação. Um design cuidadoso e uma seção de Ajuda frequentemente ensinam aos usuários tudo o que eles precisam saber para apreciar o seu aplicativo. Considere a amplitude das opções de design antes de adicionar a interface do usuário instrucional ao seu aplicativo.

Tópicos relacionados

Para designers
Princípios de design da Microsoft
Layout
Controles
Diretrizes de ajuda do aplicativo
Para desenvolvedores (HTML)
Criando uma interface do usuário (JavaScript)
Para desenvolvedores (XAML)
Criando uma interface do usuário (C#/C++/VB)

 

 

Mostrar:
© 2014 Microsoft