case iv - making that first impression online

93
@nickdenardis #cased4 Making that First Impression Nick DeNardis #cased4 http://flic.kr/p/9zjB7R

Upload: nick-denardis

Post on 22-Nov-2014

863 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: CASE IV - Making that first impression online

@nickdenardis #cased4

Making that First ImpressionNick DeNardis#cased4

http://flic.kr/p/9zjB7R

Page 2: CASE IV - Making that first impression online

@nickdenardis

Page 3: CASE IV - Making that first impression online

@nickdenardis #cased4

Associate Director of Web Communications Wayne State Universityhttp://wayne.edu/

Host of EDU Checkuphttp://educheckup.com/

Curator of EDU Snippitshttp://edusnippits.com/

Nick DeNardis

Page 4: CASE IV - Making that first impression online

@nickdenardis #cased4

“When my boss tells me to make our website more vibrant. It needs more movement, it needs to look fresh!I’m like...”

Page 5: CASE IV - Making that first impression online

@nickdenardis #cased4

Why can’t we do it like _____?

Page 6: CASE IV - Making that first impression online

@nickdenardis #cased4

Notre Dame

Page 7: CASE IV - Making that first impression online

@nickdenardis #cased4

CaseWesternReserve

Page 8: CASE IV - Making that first impression online

@nickdenardis #cased4

Biola

Page 9: CASE IV - Making that first impression online

@nickdenardis #cased4

Bates

Page 10: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 11: CASE IV - Making that first impression online

@nickdenardis #cased4

What is a First Impression?

Page 12: CASE IV - Making that first impression online

@nickdenardis #cased4

The Plan

1.Trigger2. 3. 4.

Page 13: CASE IV - Making that first impression online

@nickdenardis #cased4

Triggerfirst step to building an impression

Page 14: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 15: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 16: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 17: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 18: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 19: CASE IV - Making that first impression online

@nickdenardis #cased4

Rough Stats

10% Email

15% Social Media

25% Physical invite

30% Internal page (from search)

15% Homepage (no referrer)

5% Paid advertising

Page 20: CASE IV - Making that first impression online

@nickdenardis #cased4

25%

10%

50%

15%

Visuals Content Timing Context

Trigger

Page 21: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 22: CASE IV - Making that first impression online

@nickdenardis #cased4

school.edu/page.asp?id=1245or

go.school.edu/grad-programs

Page 23: CASE IV - Making that first impression online

@nickdenardis #cased4

Good Experience = Good Design

Page 24: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 25: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 26: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 27: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 28: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 29: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 30: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 31: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 32: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 33: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 34: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 35: CASE IV - Making that first impression online

@nickdenardis #cased4

Vitamins or Painkillers?

Page 36: CASE IV - Making that first impression online

@nickdenardis #cased4

PainkillersSolve an obvious need

Page 37: CASE IV - Making that first impression online

@nickdenardis #cased4

VitaminsSolve an emotional need

Page 38: CASE IV - Making that first impression online

@nickdenardis #cased4

Your own Web pagesVitamins or Painkillers? ?

Page 39: CASE IV - Making that first impression online

@nickdenardis #cased4

The Plan

1.Trigger2. Hook3. 4.

Page 40: CASE IV - Making that first impression online

@nickdenardis #cased4

Project PainkillersHow do we make more of our entrance pages

painkillers?

Page 41: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 42: CASE IV - Making that first impression online

@nickdenardis #cased4

Can I trust this page?

Is the information up to date?

Can I use this as a resource in the future?

What do they want me to do on this page?

Page 43: CASE IV - Making that first impression online

@nickdenardis #cased4

People suck atreading online

Page 44: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 45: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 46: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 47: CASE IV - Making that first impression online

@nickdenardis #cased4

Micro DEtails#littlebigdetails

Page 48: CASE IV - Making that first impression online

@nickdenardis #cased4

Error Messages Matter

Page 49: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 50: CASE IV - Making that first impression online

@nickdenardis #cased4

Reduce Barriers

Page 51: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 52: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 53: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 54: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 55: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 56: CASE IV - Making that first impression online

@nickdenardis #cased4

Creepy!

Page 57: CASE IV - Making that first impression online

@nickdenardis #cased4

Details Matterpixels don’t

Page 58: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 59: CASE IV - Making that first impression online

@nickdenardis #cased4

The Plan

1.Trigger2. Hook3. Action4.

Page 60: CASE IV - Making that first impression online

@nickdenardis #cased4

ActionGet them to do something

Page 61: CASE IV - Making that first impression online

@nickdenardis #cased4

Know your user’s Triggers

Page 62: CASE IV - Making that first impression online

@nickdenardis #cased4

Every time the user (trigger) they go to the (action) page.

Page 63: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 64: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 65: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 66: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 67: CASE IV - Making that first impression online

@nickdenardis #cased4

Silos get in the wayof your users

Page 68: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 69: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 70: CASE IV - Making that first impression online

@nickdenardis #cased4

RewardThe painkiller

Page 71: CASE IV - Making that first impression online

@nickdenardis #cased4

The Plan

1.Trigger2. Hook3. Action4. Investment

Page 72: CASE IV - Making that first impression online

@nickdenardis #cased4

InvestmentTake the time to walk in your user’s shoes

Page 73: CASE IV - Making that first impression online

@nickdenardis #cased4

Use a human proxy

Page 74: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 75: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 76: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 77: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 78: CASE IV - Making that first impression online

@nickdenardis #cased4

InvestmentLoads the next trigger

Page 79: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 80: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 81: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 82: CASE IV - Making that first impression online

@nickdenardis #cased4

Page 83: CASE IV - Making that first impression online

@nickdenardis #cased4

Build. Measure. Learn.Eric Ries

Page 84: CASE IV - Making that first impression online

@nickdenardis #cased4

CrazyEgg

Page 85: CASE IV - Making that first impression online

@nickdenardis #cased4

Google Analytics<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>

Page 86: CASE IV - Making that first impression online

@nickdenardis #cased4

GA Multi Domain

Page 87: CASE IV - Making that first impression online

@nickdenardis #cased4

GA Goals

Page 88: CASE IV - Making that first impression online

@nickdenardis #cased4

Woopra

Page 89: CASE IV - Making that first impression online

@nickdenardis #cased4

ClickTale

Page 90: CASE IV - Making that first impression online

@nickdenardis #cased4

Resourcesgoogle.com/analytics

slickplan.com

crazyegg.com

woopra.com

clicktale.com

littlebigdetails.com

macupdate.com/app/mac/24214/integrity

Page 91: CASE IV - Making that first impression online

@nickdenardis #cased4

A First Impression1.Trigger

external motivation to visit your site

2. Hookitems on the landing page to peak interest

3. Actionpainkiller to drive them to a goal

4. Investmentsetting them up for the next trigger

Page 92: CASE IV - Making that first impression online

@nickdenardis #cased4

Cultivate Meaning

The world is full of interesting problems worth solving

Help others gain insights into your solutions

Build the change you want to see in the world

Page 93: CASE IV - Making that first impression online

@nickdenardis #cased4

Thank youhttp://slideshare.net/nickdenardis