--- sourceDocument: Interface do usuário da Now Platform Yokohama sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Interface do usuário da Now Platform Yokohama ft:clusterId : - platux bundleId : - platux workflow : - Platform --- # Projetando tours guiados # Projetando tours guiados {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 7 min. de leitura Use estas dicas para ajudar você a criar tours guiados eficazes para seus usuários. ## Planejando 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? Você deseja usar textos explicativos que forneçam descrições detalhadas da interface do usuário para que seus usuários possam entender melhor o recurso? Ou você quer que o usuário aprenda a executar uma tarefa, como criar um novo incidente? É importante que você considere essas perguntas e, talvez, faça alguma pesquisa antes de começar a planejar o tour para que você possa dividir adequadamente 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 executar diariamente, como solicitar um item do Catálogo de serviçosou criar um incidente, faz sentido disponibilizar o tour na sua instância de produção. Se você pretende treinar os usuários para explorar essas tarefas sem criar registros reais no sistema, considere disponibilizar o tour em uma instância que não seja de produção para fins de treinamento. Ambos os cenários são válidos. * Qual nome você deve nomear seu tour? Ao criar um tour, você será solicitado a fornecer um nome de tour. O nome deve ser exclusivo e intuitivo para que seus 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 sobre o que o usuário já sabe sobre a página ou 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 quanta descrição fornecer no início do tour para que qualquer usuário que fizer o tour entenda o conteúdo. * Se o objetivo do tour for 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 para atribuir um valor exclusivo ao campo Nome do grupo. {#guided-tour-advice__ul_gfm_lcy_1z} Ao planejar sua excursão, 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 outra? {#guided-tour-advice__ul_qvy_yzd_ydb} ## Plano de tour guiado {#guided-tour-advice__section_rls_m12_ydb} Revise o plano de amostra a seguir para um tour guiado cujo objetivo é explorar o. Portal de serviçospágina inicial. Observe essas informações-chave que você precisará fornecer e os valores de campos que usará ao criar um tour guiado. * Nome do tour: Portal de serviçosVisão geral * Objetivo: Os usuários devem ter uma boa compreensão de como navegar pelos elementos-chave do Portal de serviçospágina inicial * Nome do portal: Portal de serviços * Página inicial: Portal de serviçosÍndice de ID * Funções: Todas {#guided-tour-advice__ul_krk_gb2_ydb} {#guided-tour-advice__table_rz5_2fv_zdb__entry__3} | Etapa | Texto Explicativo | Gatilho | |-|-|-| | Introdução | * Título: Portal de serviçosVisão geral * Texto: Boas-vindas a este tour guiado do seu novo Portal de serviçospágina inicial. {#guided-tour-advice__ul_mhc_rfv_zdb} | Próximo botão | | 1 | * Aponta para este elemento: Como podemos ajudar? * Posicionamento: Abaixo * Texto: Começamos com Como podemos ajudar? barra de pesquisa. Se você não conseguir encontrar o que está procurando, insira-o aqui e clique em Pesquisa Ou pressione Enter no teclado. Por enquanto, vamos dar uma olhada em algumas outras áreas primeiro. {#guided-tour-advice__ul_jv2_zfv_zdb} | Próximo botão | | 2 | * Aponta para este elemento: Peça algo * Posicionamento: Superior * Texto: Se você quiser solicitar algo, como um novo telefone, selecione Peça algo . {#guided-tour-advice__ul_fk1_pgv_zdb} | Próximo botão | | 3 | * Aponta para este elemento: Base de conhecimento * Posicionamento: Superior * Texto: Se você quiser pesquisar a base de conhecimento, selecione Base de conhecimento . {#guided-tour-advice__ul_pnd_pgv_zdb} | Próximo botão | | 4 | * Aponta para este elemento: Obter ajuda * Posicionamento: Superior * Texto: Se você quiser obter ajuda para um problema, selecione Obter ajuda . {#guided-tour-advice__ul_cxg_pgv_zdb} | Próximo botão | | 5 | * Aponta para este elemento: Comunidade * Posicionamento: Superior * Texto: Se você quiser fazer uma pergunta aos seus colegas, selecione Comunidade . {#guided-tour-advice__ul_z3j_mhv_zdb} | Próximo botão | | 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, verificar solicitações registradas e verificar outras opções aqui na barra de título. {#guided-tour-advice__ul_z5g_nhv_zdb} | Próximo botão | | 7 | * Aponta para este elemento: Seu nome * Posicionamento: À esquerda * Texto: Exiba seu perfil ou faça logout clicando em seu nome. {#guided-tour-advice__ul_zqm_qhv_zdb} | Próximo botão | | 8 | * Aponta para este elemento: Logotipo superior esquerdo * Posicionamento: Abaixo * Texto: Navegue de volta para seu Portal de serviçosclicando no logotipo da sua empresa. {#guided-tour-advice__ul_bst_qhv_zdb} | Próximo botão | | Conclusão | Texto: Parabéns! Agora você tem uma compreensão geral de Portal de serviçospágina inicial. | Clique em Concluído para encerrar o tour. | [Tabela 1. Plano de tour guiado de amostra: Portal de serviçosvisão geral da página inicial] {#guided-tour-advice__table_rz5_2fv_zdb} ## Selecionando 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. Próximo botão 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 abra a janela de pesquisa. O tour termina quando a janela de pesquisa é aberta. Use um dos seguintes gatilhos: * Próximo Botão: O usuário digita o valor ou o pesquisa e o seleciona e, em seguida, clica em Próximo . * Valor do elemento de mudança Gatilho: Depois que o usuário seleciona o valor e clica fora do campo, o gatilho passa para a próxima etapa. {#guided-tour-advice__ul_g1q_jvs_bz} * Para alguns elementos de IU, você pode usar Clique com o botão direito no elemento gatilho. Em geral, a ação de clique 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 você deseja descrever as opções do menu de clique com o botão direito do mouse. Coloque as informações descritivas no texto explicativo e diga aos usuários para clicar 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, essa instrução desaparece e a próxima aparece. * . Passe o mouse sobre o elemento o gatilho é semelhante ao Clique com o botão direito no elemento gatilho. 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 chamada desaparecerá antes que o texto da dica apareça. Esse tipo de gatilho pode parecer perturbador para o fluxo do tour guiado. {#guided-tour-advice__ul_pmc_53y_1z} ## Usando legendas Você deve colocar um texto explicativo sobre um elemento para interagir com ele. O elemento é realçado em azul quando selecionado como o 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. Figura 1. Posicionamento incorreto do texto explicativo 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. Figura 2. Posicionamento do texto explicativo correto para o menu de contexto 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 primeiro abrir a guia antes de prosseguir com o restante do tour. * Minimize chamadas nos campos associados ao 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 pelas janelas pop-up, adicione seu texto explicativo à página de origem no ícone pop-up ou próximo dele. Nas instruções do texto explicativo, oriente o usuário pelas etapas previstas para a janela pop-up, porque 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 capacidade para garantir uma aparência consistente entre seus textos explicativos e seus Portal de serviçospáginas. Para obter mais informações sobre tours guiados que você cria em Portal de serviçospáginas, consulte [Solicitar tours guiados](https://servicenow-prod.fluidtopics.net/qNd7NFIhfS_ynAmLd1Hlbw "Habilitar tours guiados para Portal de serviçosBem como a IU da plataforma padrão."). {#guided-tour-advice__ul_arv_21f_ydb} ## Iniciando automaticamente seu tour {#guided-tour-advice__section_c5m_dtg_b2b} Iniciar automaticamente um tour se você quiser que seus usuários façam o tour na primeira visita de 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 seus usuários comecem o segundo tour após a segunda visita à página, o terceiro tour após a visita à terceira 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.