Designing for next steps: A forward moving Web experience

@nickdenardis #CASEV

@nickdenardis #CASEV Designing for next steps (a forward moving Web
experience)

@nickdenardis #CASEV @nickdenardis

@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/

@nickdenardis #CASEV Information Architecture “the art and science of organizing
and labeling websites, intranets, online communities and software to support usability.” - Information Architecture Institute

@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

@nickdenardis #CASEV Good Design != Good UX

@nickdenardis #CASEV “To understand any individual screen, you must understand
the chain of events that led to a user going there…” ~ Des Traynor

@nickdenardis #CASEV school.edu/page.asp?id=1245 or go.school.edu/grad-programs

@nickdenardis #CASEV Good UX = Good Design

@nickdenardis #CASEV 1. Junk 2. 3. 4.

@nickdenardis #CASEV Care.

@nickdenardis #CASEV First Impressions

@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?

@nickdenardis #CASEV 1. Junk 2. Good 3. 4.

@nickdenardis #CASEV Test early, test often.

@nickdenardis #CASEV Woopra

@nickdenardis #CASEV Silos get in the way of your users

@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>

@nickdenardis #CASEV 1. Junk 2. Good 3. Great 4.

@nickdenardis #CASEV Use a human proxy

@nickdenardis #CASEV We have limited time

@nickdenardis #CASEV ClickTale

@nickdenardis #CASEV People suck at reading online

@nickdenardis #CASEV 1. Junk 2. Good 3. Great 4. Rememberable

@nickdenardis #CASEV #littlebigdetails http://littlebigdetails.com/

@nickdenardis #CASEV Error messages matter

@nickdenardis #CASEV Reduce the barrier to completion

@nickdenardis #CASEV Creepy!

@nickdenardis #CASEV Details matter (pixels don’t)

@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

@nickdenardis #CASEV Resources • google.com/analytics • slickplan.com • intercom.io •
woopra.com • clicktale.com • freegeoip.net • lilebigdetails.com

@nickdenardis #CASEV https://speakerdeck.com/u/nickdenardis Thank You

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

Designing for next steps: A forward moving Web experience

More Decks by Nick DeNardis

Other Decks in Technology

Featured

Transcript