'

Lab Coat Lessons Webinar Brian Massey Joel Harvey

Понравилась презентация – покажи это...





Слайд 0

Lab Coat Lessons Webinar Brian Massey Joel Harvey @bmassey


Слайд 1

@bmassey November, 18 2012 http://www.internetretailer.com/2013/01/08/finish-line-loses-3-million-sales-its-new-web-site


Слайд 2

@bmassey November, 19 2012


Слайд 3

@bmassey November, 19 2012


Слайд 4

@bmassey Not a happy ending.


Слайд 5

@bmassey Not a happy ending.


Слайд 6

@bmassey Important Info Why redesigns fail


Слайд 7

@bmassey Important Info Justifying the risk and effort of a redesign


Слайд 8

@bmassey Important Info Use your existing site to reduce risks


Слайд 9

@bmassey Important Info Apply a data-driven methods to avoid redesign pitfalls


Слайд 10

Conversion Sciences A/B Testing Experts B2C and B2B Ecommerce Lead Generation SaaS Brian Massey @bmassey bmassey@conversionsciences.com www.ConversionScience.com (512) 961-6604


Слайд 11

@bmassey


Слайд 12

What JJ Knows @bmassey


Слайд 13

Know What to Keep and Know What to Create @bmassey


Слайд 14

The things that decrease performance The things that increase performance All Website Changes


Слайд 15

The things that decrease performance The things that increase performance All Website Changes “Give it more time.”


Слайд 16

@bmassey “The redesign that was two years in the making started badly leading to an 8% decrease in online sales not to mention countless frustrated and irate customers.” http://www.digital-tonic.co.uk/digital-tonic-blog/went-wrong-marks-spencer-website-redesign-made-lose-sales/ More research would be needed for us to give a thorough UX opinion but our first thoughts are that it’s a positive redesign. -- ExperienceSolutions Some customers have had difficulty registering on the site There were early reports of crashes Customers apparently felt that there was too much video Customers couldn’t find what they wanted -- Web Growth Consulting ?150 million redesign took two years.


Слайд 17

The things that decrease performance The things that increase performance All Website Changes “We’re geniuses!”


Слайд 18

@bmassey http://dminc.com/case-study/african-wildlife-foundation/


Слайд 19

WHY REDESIGNS FAIL @bmassey


Слайд 20

Repeat Visitors are Shocked @bmassey


Слайд 21

Designed for Wrong Segments @bmassey


Слайд 22

Your Audience Has Several Local Maxima @bmassey


Слайд 23

Your Visitors Didn’t Go to the Same Design School. Half of your changes will decrease the site’s performance. @bmassey


Слайд 24

Reliance on Best Practices @bmassey


Слайд 25

More Choice is Better, Right?


Слайд 26

Too Much Emphasis on Look and Feel @bmassey


Слайд 27

Making the Case for a Redesign Photo Credit: drinksmachine https://www.flickr.com/photos/95457978@N00/3732782275/ (cc)


Слайд 28

Typical Reasons to Redesign @bmassey


Слайд 29

@bmassey Change in Management Photo Credit: https://www.flickr.com/photos/64636204@N00/2373428173/  (cc)


Слайд 30

@bmassey Poor Performance Photo Credit: rkleine https://www.flickr.com/photos/47544801@N00/3566407243/ (cc)


Слайд 31

@bmassey Improve Mobile Experience Photo Credit: the_steve_cox https://www.flickr.com/photos/35468147898@N01/6294412553/  (cc)


Слайд 32

@bmassey Well, Just Look at It! Photo credit: https://www.flickr.com/photos/27904432@N00/6672288949/ (cc)


Слайд 33

@bmassey We Need to be Unique * Photo Credit: https://www.flickr.com/photos/95572727@N00/2065282685/ (cc)


Слайд 34

These sites will improve faster and more reliably with an optimization program. @bmassey


Слайд 35

Good Reasons to Redesign @bmassey


Слайд 36

@bmassey Poor Content Management System Photo Credit: https://www.flickr.com/photos/108488366@N07/14359994013/ (cc)


Слайд 37

@bmassey Rebranding or Repositioning *


Слайд 38

STRATEGIES FOR REDESIGN @bmassey


Слайд 39

@bmassey 1 Going All In Photo Credit: https://www.flickr.com/photos/39804614253@N01/1761955352/ (cc)


Слайд 40

@bmassey There’s No Such Thing as a Best Practice, Only Best Bets. * Photo Credit: https://www.flickr.com/photos/19365001@N00/123811344/ (cc)


Слайд 41

Bets The Right Value Proposition The Right Calls to Action The Right Copy and Images The Expected Look and Feel Trust Builders Proof Risk Reversal @bmassey


Слайд 42

All Website Changes We see these changes as Bets.


Слайд 43

All Website Changes Every Audience is Different


Слайд 44

WHAT TO WATCH Metrics that Matter in a Redesign @bmassey


Слайд 45

The Kinds of Information We Use to Make Design Decisions Informed Intuition Self-reported Input Best Practices Experience Qualitative Behavioral Data Quantitative Behavioral Data @bmassey


Слайд 46

Returning Users Are probably in the Consideration Phase or Action Phase @bmassey


Слайд 47

Lead Generation Did we make it harder for visitors to take action? @bmassey


Слайд 48

Lead Quality @bmassey Lead Score Lead Pipeline Stage Lead Close Ratio


Слайд 49

Conversion Rate @bmassey


Слайд 50

Average Order Value @bmassey


Слайд 51

Lead Value @bmassey


Слайд 52

Revenue per Visit @bmassey


Слайд 53

Conversion by Traffic Source @bmassey


Слайд 54

Compare Before and After Year-over-year @bmassey


Слайд 55

@bmassey 2 Best Practices Bets


Слайд 56

B2B Furniture Site @bmassey


Слайд 57

Reasons for Redesign New Content Management System Increase Revenue Per Visit Better Search Engine Optimization Increase Mobile Revenue @bmassey


Слайд 58

The Plan Busy Season


Слайд 59

December January March April July August November September The Result


Слайд 60

This is Typical A Website is Software Not Page Design. @bmassey


Слайд 61

December January March April July August November September The Process Consulted with Conversion Sciences on Best Practices


Слайд 62

@bmassey Before After


Слайд 63

@bmassey Before After


Слайд 64

No Change in Conversion Rate @bmassey


Слайд 65

No Change in Conversion Rate @bmassey


Слайд 66

No Change in Average Order Value @bmassey


Слайд 67

Is This a Problem? @bmassey


Слайд 68

Returning Visitors @bmassey Returning Visitors All Visitors


Слайд 69

Mobile Conversion Rate Improved Substantially @bmassey


Слайд 70

Responsive Mobile Site @bmassey Significant decrease in Home Page load time


Слайд 71

Testing has begun to increase conversion rate. @bmassey


Слайд 72

@bmassey 3 Test on Current Site


Слайд 73

Reasons for Redesign Increase Revenue @bmassey


Слайд 74

@bmassey January 1, 2014


Слайд 75


Слайд 76


Слайд 77

Extreme Site AB Test Statistically identical


Слайд 78

No Change in Conversion Rate @bmassey


Слайд 79

No Change in Average Order @bmassey


Слайд 80

Things You Should Test on Your Current Site Before a Redesign Value Proposition Language Calls to Action Risk Reversal Trust Builders Landing Pages Form Length @bmassey


Слайд 81

@bmassey 4 The Simultaneous Launch


Слайд 82

Reasons for Redesign Increase Trials of Pro Services Increase Revenue Get Users to Try More Features @bmassey


Слайд 83

B2B Applications: MXToolbox @bmassey


Слайд 84

New Look Before After


Слайд 85

@bmassey “New Application Interface” Before After


Слайд 86

Let the Visitor Tell You @bmassey


Слайд 87

New Features for Anonymous Users Before


Слайд 88

Results Positive Feedback From PRO Users Decision to hold off on new interface for anonymous users. @bmassey


Слайд 89

@bmassey 5 Stepwise Redesign


Слайд 90

B2B Inventory and Asset Tracking Systems @bmassey


Слайд 91

Reasons for Redesign Increase Live Demos Present a Better Brand Impression @bmassey


Слайд 92

Test New Design and Calls to Action @bmassey +48.7% Before


Слайд 93

Test Demo Form Page @bmassey +50.0% Before


Слайд 94

New Design Influenced by Testing @bmassey Before +30.0%


Слайд 95

@bmassey


Слайд 96

We’re Still Not Done


Слайд 97

Why This Crazy Approach? @bmassey


Слайд 98

Constant Feedback to Designers @bmassey


Слайд 99

Increase Leads During Redesign @bmassey


Слайд 100

The Result $ $ $ $ $ $ $ $ $ $ $ $


Слайд 101

Caveats Wasp Barcode was an outlier. We don’t typically triple leads in such a short time. The intuition of the designers proved to be very good for this audience.


Слайд 102

Be ready to go back @bmassey


Слайд 103

"We made a strategic decision on December 6 to transition back to our previous site, given the importance of the selling season. As part of our contingency plan, we had kept our previous platform up and running, parallel to the new site, so we were able to swiftly engineer a smooth return to the original site.” @bmassey


Слайд 104

@bmassey November, 18 2012 http://www.internetretailer.com/2013/01/08/finish-line-loses-3-million-sales-its-new-web-site


Слайд 105

@bmassey November, 19 2012


Слайд 106

@bmassey December 6, 2012 http://www.internetretailer.com/2013/01/08/finish-line-loses-3-million-sales-its-new-web-site


Слайд 107

@bmassey June 2014


Слайд 108

We often redesign for the wrong reasons. @bmassey


Слайд 109

Without data, redesigns are risky. @bmassey


Слайд 110

Going All In is the most risky (and most common!) @bmassey


Слайд 111

Collecting test data on the current site mitigates the risk. @bmassey


Слайд 112

Testing assumptions on the current site further reduces risk. @bmassey


Слайд 113

A side-by-side approach allows you to back out poor performing features. @bmassey


Слайд 114

A stepwise approach eliminates risk while increasing performance immediately. @bmassey


Слайд 115

Do you need a redesign or an optimization program? @bmassey


Слайд 116

Free Site Evaluations -First Three- Tweet something nice using #labcoatlessons @bmassey


×

HTML:





Ссылка: