marketing automation summit 2015

97
Great User Experience is what your customer demands Johan Verhaegen - Marketing Automation Summit, 18.9.2015

Upload: human-interface-group

Post on 14-Apr-2017

288 views

Category:

Marketing


0 download

TRANSCRIPT

Page 1: Marketing Automation Summit 2015

Great User Experience is what your customer demandsJohan Verhaegen - Marketing Automation Summit, 18.9.2015

Page 2: Marketing Automation Summit 2015

A typical project brief for a UX designer

“Our new service should breath our brand and wow our

customers. Here’s are the requirements, all we need you to do is to create a gorgeous design.”

Page 3: Marketing Automation Summit 2015
Page 4: Marketing Automation Summit 2015
Page 5: Marketing Automation Summit 2015
Page 6: Marketing Automation Summit 2015
Page 7: Marketing Automation Summit 2015
Page 8: Marketing Automation Summit 2015
Page 9: Marketing Automation Summit 2015
Page 10: Marketing Automation Summit 2015
Page 11: Marketing Automation Summit 2015
Page 12: Marketing Automation Summit 2015
Page 13: Marketing Automation Summit 2015

http://www.mobify.com/blog/

Page 14: Marketing Automation Summit 2015

http://www.mobify.com/blog/

Page 15: Marketing Automation Summit 2015

“It’s only when [UX] is done poorly that we notice it”

Jared Spool

“You cannot NOT have a user experience”

Lou Carbone

Page 16: Marketing Automation Summit 2015
Page 17: Marketing Automation Summit 2015

User Experience Framework

CUSTOMER JOURNEY

DESIGN VISION

VALUE PROPOSITION

CUSTOMER INSIGHT

Page 18: Marketing Automation Summit 2015

User Experience Framework

DESIGN VISIONVALUE PROPOSITION

Page 19: Marketing Automation Summit 2015

Product / Service

Needs

Wants

Concerns

Customer

Value proposition

Technology Features

User Experience

Value Proposition Canvas

Page 20: Marketing Automation Summit 2015
Page 21: Marketing Automation Summit 2015
Page 22: Marketing Automation Summit 2015
Page 23: Marketing Automation Summit 2015
Page 24: Marketing Automation Summit 2015
Page 25: Marketing Automation Summit 2015
Page 26: Marketing Automation Summit 2015
Page 27: Marketing Automation Summit 2015
Page 28: Marketing Automation Summit 2015
Page 29: Marketing Automation Summit 2015
Page 30: Marketing Automation Summit 2015
Page 31: Marketing Automation Summit 2015
Page 32: Marketing Automation Summit 2015
Page 33: Marketing Automation Summit 2015
Page 34: Marketing Automation Summit 2015
Page 35: Marketing Automation Summit 2015
Page 36: Marketing Automation Summit 2015
Page 37: Marketing Automation Summit 2015
Page 38: Marketing Automation Summit 2015
Page 39: Marketing Automation Summit 2015

WELCOME HOME

Page 40: Marketing Automation Summit 2015
Page 41: Marketing Automation Summit 2015

User Experience Framework

DESIGN VISIONVALUE PROPOSITION

Page 42: Marketing Automation Summit 2015

Design vision

USABILITY PRINCIPLES

DESIGNDESIGN PRINCIPLES

Page 43: Marketing Automation Summit 2015

BASED ON HOW PEOPLE

Feel

Think

HearSee

InteractBehave

Usability principles

Page 44: Marketing Automation Summit 2015

1. People are lazy by nature• If no effort is required, no effort will be done.

• People scan screens based on past experiences and expectations.

• In the mind of most users, a website is a simple thing:• a logo• primary navigation• a search box• utilities• content• (that’s it)

Usability principles

Page 45: Marketing Automation Summit 2015
Page 46: Marketing Automation Summit 2015
Page 47: Marketing Automation Summit 2015
Page 48: Marketing Automation Summit 2015
Page 49: Marketing Automation Summit 2015

2. People like to be in control• People love it when you give them autonomy. It

gives them the feeling that they’re smart and powerful.

• It’s like raising your kids: If you give them control, you give the message that you trust them. And they’ll trust you in return.

• People love choice. Let them choose and they’ll taste the power of control.

Usability principles

Page 50: Marketing Automation Summit 2015

filters

scoped search

related search

Page 51: Marketing Automation Summit 2015

well-positioned call-to-action

Page 52: Marketing Automation Summit 2015

well-positioned call-to-action

Page 53: Marketing Automation Summit 2015

Usability principles Design principles

1. People are lazy by nature

2. People like to be in control

3. …

1. “The simpler, the better”

2. “Power to the people”

3. …

Page 54: Marketing Automation Summit 2015

12

3

Design principles

“The simpler,the better”

“Power to the people”

DESIGN

Page 55: Marketing Automation Summit 2015

Design vision

USABILITY PRINCIPLES

DESIGNDESIGN PRINCIPLES

Page 56: Marketing Automation Summit 2015

Design challenges

Page 57: Marketing Automation Summit 2015

Design challenges• Carousels

• Product pages

Page 58: Marketing Automation Summit 2015

• Not recognizable as such• “Help, they’re moving around” → auto-

forwarding• Difficult to interact with

Source: Usability Geek - http://bit.ly/YNzTR1

CAROUSEL FAILURES

Page 59: Marketing Automation Summit 2015
Page 60: Marketing Automation Summit 2015
Page 61: Marketing Automation Summit 2015
Page 62: Marketing Automation Summit 2015
Page 63: Marketing Automation Summit 2015
Page 64: Marketing Automation Summit 2015
Page 65: Marketing Automation Summit 2015
Page 66: Marketing Automation Summit 2015
Page 67: Marketing Automation Summit 2015
Page 68: Marketing Automation Summit 2015

1. Stick to a maximum of 4 frames2. Show how many frames there are, and where the

user is within the “progression”3. Use crisp-looking text and images4. Don’t auto-forward5. Put navigation controls inside the carousel

Source: Nielsen Norman Group - http://bit.ly/1ljtqav

CAROUSEL SUCCESS

Page 69: Marketing Automation Summit 2015

• Complex layout• Insufficient product information• Tiny product images• Absence of product videos• Poor customer service pages

Source: Usability Geek - http://bit.ly/YNzTR1

PRODUCT PAGE FAILURES

Page 70: Marketing Automation Summit 2015

1. The F-pattern 2. The Z-pattern

CREATIVE BLOQ - http://bit.ly/1GTHGhN

Page 71: Marketing Automation Summit 2015
Page 72: Marketing Automation Summit 2015
Page 73: Marketing Automation Summit 2015
Page 74: Marketing Automation Summit 2015
Page 75: Marketing Automation Summit 2015
Page 76: Marketing Automation Summit 2015
Page 77: Marketing Automation Summit 2015
Page 78: Marketing Automation Summit 2015
Page 79: Marketing Automation Summit 2015
Page 80: Marketing Automation Summit 2015
Page 81: Marketing Automation Summit 2015
Page 82: Marketing Automation Summit 2015
Page 83: Marketing Automation Summit 2015
Page 84: Marketing Automation Summit 2015
Page 85: Marketing Automation Summit 2015
Page 86: Marketing Automation Summit 2015
Page 87: Marketing Automation Summit 2015
Page 88: Marketing Automation Summit 2015
Page 89: Marketing Automation Summit 2015
Page 90: Marketing Automation Summit 2015
Page 91: Marketing Automation Summit 2015
Page 92: Marketing Automation Summit 2015

1. Use a predictable layout2. Provide elaborate product information3. Use (very) large product images4. Include product videos5. Go for a holistic customer service

PRODUCT PAGE SUCCESS

Page 93: Marketing Automation Summit 2015

Before you take off:3 things to take with you

Page 94: Marketing Automation Summit 2015

1. Clearly communicate your value proposition

Page 95: Marketing Automation Summit 2015

2. Know how to use usability principles(or hire someone who does…)

Page 96: Marketing Automation Summit 2015

3. Tackle design challengeswith design best practices

Page 97: Marketing Automation Summit 2015

Contact usDe Regenboog 112800 MechelenBelgiumwww.higroup.com

+32 (0)15 40 01 38

Follow usHuman Interface

Group

@higroup

Human Interface Group

[email protected]

Thank you!