Como projetar tours guiados

Planejamento de um tour guiado

Antes de começar a descrever os detalhes de um tour guiado, responda às perguntas a seguir.

Qual é a finalidade do tour? Deseja usar textos explicativos que fornecem descrições detalhadas da interface do usuário para que os usuários possam entender melhor o recurso? Ou você deseja que o usuário aprenda a executar uma tarefa, por exemplo, como criar um novo incidente? É importante que você considere essas perguntas e talvez faça algumas pesquisas antes de começar a planejar o tour para que possa dividir corretamente o objetivo geral em etapas discretas.
Onde o tour deve estar disponível? Se você pretende orientar seus usuários a concluir tarefas que eles podem realizar diariamente, como solicitar um item do Catálogo de serviços ou criar um incidente, faz sentido disponibilizar o tour em sua instância de produção. Se você pretende treinar usuários para explorar essas tarefas sem criar registros reais no sistema, considere disponibilizar o tour em uma instância de não produção para fins de treinamento. Ambos os cenários são válidos.
Que nome você deve dar ao seu tour? Ao criar um tour, você será solicitado a fornecer um nome para o tour. O nome deve ser exclusivo e intuitivo para que os usuários possam entender a finalidade do tour. Por exemplo, use "Criar um novo incidente" ou "Revisar a lista de incidentes" como possíveis nomes de tour.
Que suposições você está fazendo em relação ao que o usuário já sabe sobre a página ou a tarefa? Todos os usuários que podem fazer o tour têm o mesmo nível de compreensão? Use essas informações para decidir a quantidade de descrição a ser fornecida no início do tour para que qualquer usuário que faça o tour entenda o conteúdo.
Se a finalidade do tour é executar uma tarefa, como você pode personalizar as instruções para que cada usuário que faz o tour crie um registro diferente? Por exemplo, se o tour orientar os usuários na criação de um grupo chamado Instalações, você poderá impedir que os usuários subsequentes recebam um erro de nome duplicado, instruindo-os em um texto explicativo a atribuir um valor exclusivo ao campo Nome do grupo.

Ao planejar seu tour, você também pode abordar essas perguntas adicionais.

Em que página o tour deve começar?
Quais etapas são importantes para alcançar o objetivo?
Como um usuário deve navegar de uma etapa para a próxima?

Plano de tour guiado

Analise o plano de exemplo a seguir para um tour guiado cujo objetivo é explorar a página inicial Portal de serviços.

Anote as principais informações que você precisará fornecer e os valores de campos que usará ao criar um tour guiado.

Nome do tour: Portal de serviços Visão geral
Objetivo: os usuários devem ter uma boa compreensão de como navegar pelos principais elementos da página inicial Portal de serviços
Nome do portal: Portal de serviços
Página inicial: Portal de serviços: Índice de ID
Funções: Todas

Tabela 1. Exemplo de plano de tour guiado: Portal de serviços visão geral da página inicial
Etapa	Texto Explicativo	Gatilho
Introdução	Título: Portal de serviços Visão geral Texto: Bem-vindo(a) a este tour guiado da sua nova página inicial Portal de serviços.	BotãoAvançar
1	Aponta para este elemento: Como podemos ajudar? Posicionamento: Abaixo Texto: Começamos com Como podemos ajudar? barra de pesquisa. Se você não encontrar o que está procurando, insira-o aqui, clique no ícone Pesquisar ou pressione Enter no teclado. Por enquanto, vamos dar uma olhada em algumas outras áreas primeiro.	BotãoAvançar
2	Aponta para este elemento: Solicitar algo Posicionamento: superior Texto: se você quiser solicitar algo, como um novo telefone, selecione Solicitar algo.	BotãoAvançar
3	Aponta para este elemento: Base de conhecimento Posicionamento: superior Texto: se você quiser pesquisar a base de conhecimento, selecione Base de conhecimento.	BotãoAvançar
4	Aponta para este elemento: Obter ajuda Posicionamento: superior Texto: se você quiser obter ajuda para um problema, selecione Obter ajuda.	BotãoAvançar
5	Aponta para este elemento: Comunidade Posicionamento: superior Texto: se você quiser fazer uma pergunta aos seus colegas, selecione Comunidade.	BotãoAvançar
6	Aponta para este elemento: Conhecimento na barra de título Posicionamento: Esquerda Texto: você também pode verificar a base de conhecimento, solicitar algo, ver as solicitações registradas e verificar outras opções aqui na barra de título.	BotãoAvançar
7	Aponta para este elemento: Seu nome Posicionamento: Esquerda Texto: exiba seu perfil ou saia clicando no seu nome.	BotãoAvançar
8	Aponta para este elemento: Logotipo superior esquerdo Posicionamento: Abaixo Texto: navegue de volta para a página inicial Portal de serviços clicando no logotipo da sua empresa.	BotãoAvançar
Conclusão	Texto: Parabéns! Agora você tem uma compreensão geral da página inicial Portal de serviços.	Clique em Concluir para encerrar o tour.

Seleção de gatilhos

Se o objetivo do tour for apresentar aos usuários os recursos de uma página para que eles possam se familiarizar com o produto, como um painel personalizado, use o botão Avançar como gatilho. Se o objetivo for realizar uma tarefa, como criar um registro, considere o seguinte.

Para preencher um campo com um elemento de pesquisa, como um campo de referência ou um campo de data, não use um gatilho que abre a janela de pesquisa. O tour termina quando a janela de pesquisa é aberta. Use um dos seguintes gatilhos:
- BotãoAvançar : o usuário digita o valor ou pesquisa, seleciona e clica em Avançar.
- Mudar gatilho de valor de elemento : depois que o usuário seleciona o valor e clica fora do campo, o gatilho passa para a próxima etapa.
Para alguns elementos de IU, você pode clicar com o botão direito do mouse no gatilho do Elemento. Normalmente, a ação de clique com o botão direito do mouse é usada para abrir um menu. No entanto, você não pode colocar um texto explicativo em uma opção de menu de clique com o botão direito do mouse. Você pode usar este gatilho em um tour guiado descritivo em que deseja descrever opções de menu de clique com o botão direito do mouse. Coloque as informações descritivas no texto da legenda e informe aos usuários para clicar com o botão direito do mouse no elemento para ver o menu. A seguir está um exemplo deste tipo de texto explicativo.

Quando o usuário clica com o botão direito do mouse no elemento, neste caso, um rótulo de campo, esta instrução desaparece e a próxima aparece.
O gatilho do mouse sobre o elemento é semelhante ao clique com o botão direito do mouse no gatilho do elemento. Quando o usuário aponta para o elemento, o texto explicativo desaparece. Por exemplo, se você demonstrar que uma dica aparece quando você aponta para um rótulo de campo, a etapa de texto explicativo desaparece antes que o texto da dica seja exibido. Este tipo de gatilho pode parecer prejudicial para o fluxo do tour guiado.

Usando textos explicativos

Você deve colocar um texto explicativo na parte superior de um elemento para interagir com ele. O elemento é realçado em azul quando é selecionado como destino. No exemplo a seguir, parece que o texto explicativo está apontando para o ícone do menu de contexto, mas observe que a barra de cabeçalho está realçada em azul.

Posicionamento incorreto do texto explicativo — Figura 1. Posicionamento de texto explicativo incorreto para o menu de contexto

Este exemplo descreve o posicionamento correto do texto explicativo para o menu de contexto. Observe que o ícone do menu de contexto está realçado em azul.

As dicas a seguir também podem ser úteis:

Ao colocar um texto explicativo em um formulário que contém guias, considere que um usuário pode não ter a guia aberta para exibição. Crie um novo texto explicativo que instrua o usuário a abrir a guia antes de prosseguir com o restante do tour.
Minimize textos explicativos em campos associados a conteúdo dinâmico. Uma atualização de página atrasada pode encerrar prematuramente o tour se o usuário não conseguir encontrar o elemento de tour associado.
Ao orientar um usuário por meio de janelas pop-up, adicione seu texto explicativo à página de origem no ícone pop-up ou próximo a ele. Nas instruções de texto explicativo, oriente o usuário pelas etapas destinadas à janela pop-up, pois os textos explicativos não podem ser adicionados à janela pop-up.
Embora a cor de um texto explicativo seja estática na IU da plataforma padrão, você pode personalizar textos explicativos em Portal de serviços. Considere usar esta funcionalidade para garantir uma aparência consistente entre seus textos explicativos e suas páginas Portal de serviços. Para obter mais informações sobre tours guiados que você cria em páginasPortal de serviços, consulte Solicitar tours guiados.

Iniciar automaticamente o tour

Inicie automaticamente um tour se você quiser que os usuários façam o tour na visita da primeira página.

Você pode optar por iniciar automaticamente vários tours a partir de uma única página inicial. Nesse caso, você pode aplicar a ordem de inicialização automática a cada tour sucessivamente para que os usuários iniciem o segundo tour na segunda visita à página, o terceiro tour na terceira visita à página e assim por diante. Use esta opção se você pretende iniciar seus usuários com um tour introdutório e adicionar níveis crescentes de complexidade ou diferentes áreas de foco com tours de acompanhamento.

Testando seu tour

Para garantir que seu tour guiado atenda ao objetivo pretendido, você pode testá-lo dessas maneiras.

Represente uma função para verificar o tour do ponto de vista do usuário pretendido. Ao representar um usuário que possui uma função direcionada pelo tour, ou vários usuários se o tour tiver como destino várias funções, você pode experimentar o tour da mesma forma que o usuário.
Envie o link da URL do tour para seus colegas para revisar o tour e fornecer feedback. Se o feedback for valioso, modifique seu tour de acordo. Para obter mais informações sobre o feedback do tour, consulte Criar um tour guiado.
Depois que o tour for publicado, revise todas as falhas do tour devido a erros exibidos na página Visão geral dos tours guiados. Analise essas falhas para fornecer informações sobre quais usuários tiveram problemas com o tour, em qual etapa o tour falhou e qual foi a mensagem de erro. Você pode usar essas informações para solucionar problemas e resolver problemas.