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

Great User Experience is what you customer demands

Apr 14, 2017

Download

Internet

Digimediabe
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Great User Experience is what you customer demands

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

Page 2: Great User Experience is what you customer demands

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: Great User Experience is what you customer demands
Page 4: Great User Experience is what you customer demands
Page 5: Great User Experience is what you customer demands
Page 6: Great User Experience is what you customer demands
Page 7: Great User Experience is what you customer demands
Page 8: Great User Experience is what you customer demands
Page 9: Great User Experience is what you customer demands
Page 10: Great User Experience is what you customer demands
Page 11: Great User Experience is what you customer demands
Page 12: Great User Experience is what you customer demands
Page 13: Great User Experience is what you customer demands

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

Page 14: Great User Experience is what you customer demands

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

Page 15: Great User Experience is what you customer demands

“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: Great User Experience is what you customer demands
Page 17: Great User Experience is what you customer demands

User Experience Framework

CUSTOMER JOURNEY

DESIGN VISION

VALUE PROPOSITION

CUSTOMER INSIGHT

Page 18: Great User Experience is what you customer demands

User Experience Framework

DESIGN VISIONVALUE PROPOSITION

Page 19: Great User Experience is what you customer demands

Product / Service

Needs

Wants

Concerns

Customer

Value proposition

Technology Features

User Experience

Value Proposition Canvas

Page 20: Great User Experience is what you customer demands
Page 21: Great User Experience is what you customer demands
Page 22: Great User Experience is what you customer demands
Page 23: Great User Experience is what you customer demands
Page 24: Great User Experience is what you customer demands
Page 25: Great User Experience is what you customer demands
Page 26: Great User Experience is what you customer demands
Page 27: Great User Experience is what you customer demands
Page 28: Great User Experience is what you customer demands
Page 29: Great User Experience is what you customer demands
Page 30: Great User Experience is what you customer demands
Page 31: Great User Experience is what you customer demands
Page 32: Great User Experience is what you customer demands
Page 33: Great User Experience is what you customer demands
Page 34: Great User Experience is what you customer demands
Page 35: Great User Experience is what you customer demands
Page 36: Great User Experience is what you customer demands
Page 37: Great User Experience is what you customer demands
Page 38: Great User Experience is what you customer demands
Page 39: Great User Experience is what you customer demands

WELCOME HOME

Page 40: Great User Experience is what you customer demands
Page 41: Great User Experience is what you customer demands

User Experience Framework

DESIGN VISIONVALUE PROPOSITION

Page 42: Great User Experience is what you customer demands

Design vision

USABILITY PRINCIPLES

DESIGNDESIGN PRINCIPLES

Page 43: Great User Experience is what you customer demands

BASED ON HOW PEOPLE

Feel

Think

HearSee

InteractBehave

Usability principles

Page 44: Great User Experience is what you customer demands

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: Great User Experience is what you customer demands
Page 46: Great User Experience is what you customer demands
Page 47: Great User Experience is what you customer demands
Page 48: Great User Experience is what you customer demands
Page 49: Great User Experience is what you customer demands

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: Great User Experience is what you customer demands

filters

scoped search

related search

Page 51: Great User Experience is what you customer demands

well-positioned call-to-action

Page 52: Great User Experience is what you customer demands

well-positioned call-to-action

Page 53: Great User Experience is what you customer demands

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: Great User Experience is what you customer demands

12

3

Design principles

“The simpler,the better”

“Power to the people”

DESIGN

Page 55: Great User Experience is what you customer demands

Design vision

USABILITY PRINCIPLES

DESIGNDESIGN PRINCIPLES

Page 56: Great User Experience is what you customer demands

Design challenges

Page 57: Great User Experience is what you customer demands

Design challenges• Carousels

• Product pages

Page 58: Great User Experience is what you customer demands

• 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: Great User Experience is what you customer demands
Page 60: Great User Experience is what you customer demands
Page 61: Great User Experience is what you customer demands
Page 62: Great User Experience is what you customer demands
Page 63: Great User Experience is what you customer demands
Page 64: Great User Experience is what you customer demands
Page 65: Great User Experience is what you customer demands
Page 66: Great User Experience is what you customer demands
Page 67: Great User Experience is what you customer demands
Page 68: Great User Experience is what you customer demands

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: Great User Experience is what you customer demands

• 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: Great User Experience is what you customer demands

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

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

Page 71: Great User Experience is what you customer demands
Page 72: Great User Experience is what you customer demands
Page 73: Great User Experience is what you customer demands
Page 74: Great User Experience is what you customer demands
Page 75: Great User Experience is what you customer demands
Page 76: Great User Experience is what you customer demands
Page 77: Great User Experience is what you customer demands
Page 78: Great User Experience is what you customer demands
Page 79: Great User Experience is what you customer demands
Page 80: Great User Experience is what you customer demands
Page 81: Great User Experience is what you customer demands
Page 82: Great User Experience is what you customer demands
Page 83: Great User Experience is what you customer demands
Page 84: Great User Experience is what you customer demands
Page 85: Great User Experience is what you customer demands
Page 86: Great User Experience is what you customer demands
Page 87: Great User Experience is what you customer demands
Page 88: Great User Experience is what you customer demands
Page 89: Great User Experience is what you customer demands
Page 90: Great User Experience is what you customer demands
Page 91: Great User Experience is what you customer demands
Page 92: Great User Experience is what you customer demands

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: Great User Experience is what you customer demands

Before you take off:3 things to take with you

Page 94: Great User Experience is what you customer demands

1. Clearly communicate your value proposition

Page 95: Great User Experience is what you customer demands

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

Page 96: Great User Experience is what you customer demands

3. Tackle design challengeswith design best practices

Page 97: Great User Experience is what you customer demands

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!