Como projetar tours guiados

Como planejar 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 forneçam 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 os 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ê é 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 fizer 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 questões adicionais.

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

Plano de tour guiado

Revise o exemplo de plano 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. Amostra 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: Fazer um pedido 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 faça logout 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 a finalidade do tour for apresentar aos usuários os recursos de uma página para que eles se familiarizem com o produto, como um painel personalizado, use o botão Avançar como gatilho. Se a finalidade 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.
- Gatilho demudança de valor do 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 usar o gatilho de clique com o botão direito do mouse no elemento. Normalmente, a ação de clicar com o botão direito é 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. 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 de texto explicativo e peça aos usuários que cliquem com o botão direito do mouse no elemento para ver o menu. A seguir está um exemplo desse 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 Passar o mouse sobre o elemento é semelhante ao gatilho Clicar com o botão direito do mouse no 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 perturbador para o fluxo de tour guiado.

Como usar 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 do 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 janelas pop-up, adicione o 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 não é possível adicionar textos explicativos à 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 capacidade 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 nas páginas Portal de serviços, consulte Solicitação de tours guiados.

Como iniciar seu tour automaticamente

Inicie automaticamente um tour se quiser que os usuários façam o tour na visita à 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 início automático 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 os usuários com um tour introdutório e adicionar níveis crescentes de complexidade ou diferentes áreas de foco com tours de acompanhamento.