76
Welcome to…

Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Embed Size (px)

DESCRIPTION

Do Orange buttons have higher conversion? Are carousels really evil? And should I still be scared of ‘the fold’? Branded3’s Creative Manager Andy Curry guided delegates through the mire of misinformation and rumour that seems to surround so many aspects of digital design. On the way discovering the origins of many popular design myths, how valid they might actually be and what you can take from them to really boost your engagement.

Citation preview

Page 1: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Welcome to…

Page 2: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Welcome to our Leeds September Seminar

10 Myths of Digital Design

Andy Curry – Creative Manager

Page 3: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

#B3Seminar

Page 4: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

IntroductionWhere do they come from?

Are they true?

Let’s have a meeting!

Page 5: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 6: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The Myth:

“Carousels are bad and should never be used .”

Page 7: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Where does it come from?

Designers

Page 8: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Is it true?

Page 9: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Test #1

Page 10: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

#B3Seminar

Page 11: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Siemens website

#B3Seminar

Page 12: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

F Pattern• User don’t read top to bottom

• Bounce around

• Eye moves quickly between points of interest

• Attention moves backwards too

#B3Seminar

Page 13: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Selective attention / banner blindness

#B3Seminar

Page 14: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Should I use Carousels?

#B3Seminar

Page 15: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

No.

#B3Seminar

Page 16: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 17: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

COMIC SANS IS EVIL

Page 18: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The Myth:

“Comic Sans is an awful font and should never be used.”

Page 19: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Where does it come from?

Designers

Page 20: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

“Sometimes

Times New Roman is not the best choice.”

Created in 1994 by Vincent Connaire for Microsoft

Page 21: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

“We are summoning forth the proletariat around the globe to aid us in this revolution. We call on the common man to rise up in revolt against this evil of typographical ignorance. We believe in the gospel message “ban comic sans.” “

#B3Seminar

Page 22: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Is it true?

Page 23: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 24: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

#B3Seminar

Page 25: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

#B3Seminar

Page 26: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

#B3Seminar

Page 27: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

VAG Rounded

ANIME ACE BOLD

Action Man Bold

Century gothic

#B3Seminar

Page 28: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 29: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The Myth:

“All designers are über-trendy hipsters.”

Page 30: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 31: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 32: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 33: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 34: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The Myth:

“If I make my buttons orange more people will click on them.”

Page 35: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Where does it come from?

Chinese Whispers

Page 36: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 37: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Is it true?

Page 38: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Change button colour

Sign UpSign Up

#B3Seminar

Page 39: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Sign UpSign Up

35.81% rise in conversion

Change button colour

#B3Seminar

Page 40: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Sign UpSign Up

Change text colour

#B3Seminar

Page 41: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Sign UpSign Up

18.01% drop in conversion

Change text colour

#B3Seminar

Page 42: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Sign UpSign Up

Enlarge the button

#B3Seminar

Page 43: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Sign UpSign Up

10% drop in conversion

Enlarge the button

#B3Seminar

Page 44: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 45: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Make it personal

Start your 30 day free trial Start my 30 day free trial

#B3Seminar

Page 46: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Make it personal

Start your 30 day free trial Start my 30 day free trial

90% rise in conversion

#B3Seminar

Page 47: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Convey value

Order Information Get Information

#B3Seminar

Page 48: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Convey value

Order Information Get Information

38.26% rise in conversion

#B3Seminar

Page 49: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Consider your users motivation

Get your membershipFind your Gym

and Membership

#B3Seminar

Page 50: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Consider your users motivation

Get your membershipFind your Gym

and Membership

213.6% rise in conversion

#B3Seminar

Page 51: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 52: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 53: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The Myth:

“Designers can’t exist without a constant supply of caffeine.”

Page 54: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 55: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Your brain on coffeeYour brain on coffee:

• Caffeine blocks Adenosine receptors - the chemical responsible for informing your brain of fatigue

• The effect begins within 5 minutes

• Effect peaks between 15 minsand 2 hours

Page 56: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Your brain on beerYour brain on beer:• Decreases working memory

• Care less about what’s happening around you

• This frees your brain to think more creatively

Page 57: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The idea The Execution

#B3Seminar

Page 58: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 59: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The Myth:

“You have to place your most important content above the fold.”

Page 60: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Where does it come from?

Habit and History

Page 61: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 62: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 63: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 64: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Is it true?

Page 65: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 66: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 67: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The fold still exists

#B3Seminar

Page 68: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Encouraging exploration• Information foraging

• Narrative structure

• Logical flow

• The promise of more –information scent

• Believe it will be worth their time

#B3Seminar

Page 69: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

‘Top Heavy’ Algorithm

#B3Seminar

Page 70: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 71: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 72: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

The Myth:

“Web designers just make things look pretty.”

Page 73: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Is it true?

Page 74: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 75: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry
Page 76: Leeds #B3Seminar: 10 Myths of Digital Design - Andy Curry

Thank you from

[email protected] @andycurry1 Branded3.com @Branded_3

#B3Seminar