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

Designing for next steps - A forward moving Web...

Nick DeNardis
October 08, 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. Your goal is the design an experience to make your visitors care. This session will walk through real life examples to identify common pitfalls and successful approaches, provide techniques to objectively look at your communications from your audience’s point of view and highlight tools to measure and track success of your communications.

Nick DeNardis

October 08, 2012
Tweet

More Decks by Nick DeNardis

Other Decks in Design

Transcript

  1. @nickdenardis #heweb12 #mcs5 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 #heweb12 #mcs5 Information Architecture “the art and science of

    organizing and labeling websites, intranets, online communities and soware to support usability.” - Information Architecture Institute
  3. @nickdenardis #heweb12 #mcs5 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 #heweb12 #mcs5 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?
  5. @nickdenardis #heweb12 #mcs5 <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>
  6. @nickdenardis #heweb12 #mcs5 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