Pitch: guie seu usuário passo a passo com Trail · gabrielcursino

Guiar o usuário e informá-lo como utilizar sua aplicação ou site é uma das tarefas mais trabalhosas e importantes a se proporcionar na experiência de uso.

Por isso, eu criei essa biblioteca, Trail, que tem como principais vantagens:

api simples
licensa gratuita
ser framework agnostic

Aqui está um exemplo básico de implementação:

var trail = Trail([{
  id: 1,
  content: 'First step',
  attachedEl: document.getElementById('one')
}, {
  id: 2,
  content: 'Step two, without attachedEl'
}, {
  id: 3,
  content: 'Step 3',
  attachedEl: document.getElementById('two'),
  interactive: false
}, {
  id: 4,
  content: 'Step 4, end of the line!',
  attachedEl: document.getElementById('three')
}]);

trail.next(); // inicia ou vai para o próximo passo do tour

trail.back(); // inicia ou vai para o passo anterior do tour

trail.stop(); // para o tuor

trail.destroy(); // para o tuor e remove totalmente estilos e listeners da biblioteca

A API é muito simples, todas especificações podem ser encontradas no GitHub do projeto.

GitHub

Para mais informações acesse o GitHub do projeto:

https://github.com/ionited/trail

Artigo

https://insights.ionited.io/ion/guie-seu-usuario-passo-a-passo-com-trail

Exemplo

Caso queira ver a biblioteca em funcionamento em um projeto real, baixe esse meu aplicativo, que já está usando a biblioteca:

https://play.google.com/store/apps/details?id=com.ion.finances