Como os menus suspensos geralmente revelam seu conteúdo por demanda e seu comportamento é dinâmico em uma página, não é recomendável usar Tooltips.

Como você já deve saber, as etapas são blocos de construção dos Guias e se enquadram em três categorias: Modal, Tooltip e Input Field.

Se o seu desejo é projetar um fluxo que, em algum momento, implique que os usuários finais abram um menu suspenso e selecionem um item dele, você deve usar as Tooltips criando duas etapas separadas:

1. A primeira etapa é abrir o menu suspenso.
2. A segunda etapa é selecionar um item do submenu que abrimos.
   

Observação: Utilizamos uma de nossas listas suspensas nas configurações do Guia no exemplo a seguir.

1) A primeira etapa é abrir o menu suspenso

• Selecione o Tooltip como seu tipo de etapa - você também pode criar do zero.
  

• Destaque a barra de menu suspenso e selecione-a como o elemento desta etapa; digite seu texto na área fornecida.
  

• Escolha a opção "Proceed to Next Step on click of Element" (Ir para a próxima etapa ao clicar no elemento).
  

Se você seguir nossas instruções anteriores, com a ajuda da etapa que criou, os usuários finais poderão clicar na barra de menus para abrir o menu suspenso, como no exemplo abaixo.

Queremos que as pessoas selecionem um item depois de abrir o menu, portanto, nossa segunda etapa deve ser projetada de acordo.
​

2. A segunda etapa é selecionar um item no menu suspenso.

• Selecione o Tooltip como seu tipo de etapa - você também pode criar do zero.
• Em seguida, enquanto o menu estiver aberto, realce todo o elemento e clique nele para selecioná-lo como o elemento desta etapa; digite seu texto na área fornecida.

Importante: Pressionar Option (Alt no Windows) pausa/retoma o processo de seleção para que você possa trabalhar em elementos dinâmicos. Você pode usar as setas para cima/para baixo para selecionar elementos maiores/menores.

• Escolha a opção "Proceed to Next Step on click of Element" (Ir para a próxima etapa ao clicar no elemento).
  

Se você seguir as instruções acima, com a ajuda da etapa que criou, os usuários finais poderão selecionar um item no menu suspenso.

Método alternativo

Se preferir, você pode combinar todos os itens acima em uma única etapa.

• Selecione Tooltip como seu tipo de etapa.
• Escolha a opção "Proceed to Next Step on click of Button" (Ir para a próxima etapa ao clicar no botão).
• Ative a opção "Interação com a área destacada". Para que os usuários finais possam clicar na barra de menus para abrir o menu suspenso.
• Ative a opção "Interação com a página". Para que os usuários finais possam selecionar um item do menu que abriram.
  

Se você seguir as instruções acima, com a ajuda de uma única etapa que você criou, os usuários finais 1) poderão abrir o menu suspenso, 2) selecionar um item e 3) prosseguir para a próxima etapa clicando no botão NEXT, como no exemplo abaixo.