FeatureDiscovery

Provide value and encourage return visits by introducing users to new features and functionality at contextually relevant moments.

Tap Target

Feature discovery prompts have more impact when they are presented to the right users at contextually relevant moments. When presented to the wrong user at the wrong time, they can be intrusive and annoying.

Open tap target    Close tap target
menu
I am here

Provide value and encourage return visits by introducing users to new features and functionality at contextually relevant moments.

Tap Target HTML Structure


  <!-- Element Showed -->
  <a id="menu" class="waves-effect waves-light btn btn-floating" ><i class="material-icons">menu</i></a>

  <!-- Tap Target Structure -->
  <div class="tap-target cyan" data-activates="menu">
    <div class="tap-target-content white-text">
      <h5 class="white-text">Title</h5>
      <p class="white-text">A bunch of text</p>
    </div>
  </div>

jQuery Plugin Methods

To open/close a tap target:


  $('.tap-target').tapTarget('open');
  $('.tap-target').tapTarget('close');

For more detailed informations please visit: http://materializecss.com/feature-discovery.html