Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designing for next steps: A forward moving Web experience

Nick DeNardis
December 09, 2012

Designing for next steps: A forward moving Web experience

Getting a visitor to your website is only half the battle. How do you keep them? A lot of attention is put on the "action" items on a homepage, but it's more likely a visitor is landing on an interior page from a Web search or link. Every visual element, content or cue makes an impression with your visitor and influences what next step they take. The last thing you want to do is leave your visitor at a dead end or continuously force them to use the back button. With each page having a defined next step it gives your visitor a forward moving Web experience.

The idea is more than just bigger and brighter action buttons. No matter how large you make them your visitors are not going to click if they don't care. Your goal is the design an experience to make your visitors care.

Nick DeNardis

December 09, 2012

More Decks by Nick DeNardis

Other Decks in Technology


  1. @nickdenardis #CASEV Associate Director of Web Communications Wayne State University

    hp://wayne.edu/ Host of EDU Checkup hp://educheckup.com/ Curator of EDU Snippits hp://edusnippits.com/
  2. @nickdenardis #CASEV Information Architecture “the art and science of organizing

    and labeling websites, intranets, online communities and software to support usability.” - Information Architecture Institute
  3. @nickdenardis #CASEV User Experience “a person's perceptions and responses that

    result from the use or anticipated use of a product, system or service" - ISO 9241-210
  4. @nickdenardis #CASEV “To understand any individual screen, you must understand

    the chain of events that led to a user going there…” ~ Des Traynor
  5. @nickdenardis #CASEV Can I trust this page? Is the information

    up to date? Can I use this page as a resource in the future? What do they want me to do on this page?
  6. @nickdenardis #CASEV <script type="text/javascript"> var _gaq = _gaq || [];

    _gaq.push( ['_setAccount', 'UA-xxxxxxxx-1'], ['_trackPageview'], ['b._setAccount', 'UA-xxxxxxxx-1'], ['b._trackPageview'] ); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script') [0]; s.parentNode.insertBefore(ga, s); })(); </script>
  7. @nickdenardis #CASEV 1. Junk Get a baseline understanding of your

    visitors 2. Good Entice them to get just one step further 3. Great Walk along their journey 4. Rememberable Adding a few #lilebigdetails
  8. @nickdenardis #CASEV Resources • google.com/analytics • slickplan.com • intercom.io •

    woopra.com • clicktale.com • freegeoip.net • lilebigdetails.com