Jan Řezáč - I don’t like that website! MKTFEST 2014

64

description

Get videos from all our lectures - http://video.marketingfestival.cz Marketing Festival - World-Class Digital Marketing Event #mktfest Czech Republic

Transcript of Jan Řezáč - I don’t like that website! MKTFEST 2014

Page 1: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 2: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 3: Jan Řezáč - I don’t like that website! MKTFEST 2014

I don't like this web site!

Page 4: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 5: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 6: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 7: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 8: Jan Řezáč - I don’t like that website! MKTFEST 2014

Ultimate goal of visual design is to make you

money.

Page 9: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 10: Jan Řezáč - I don’t like that website! MKTFEST 2014

Visual design is not alone in this moneymaking stuff.

Page 11: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 12: Jan Řezáč - I don’t like that website! MKTFEST 2014

1. You like it2. It's modern3. It's based on visual design principles4. It's based on web design principles5. It tells story we want6. It helps visitors to make you money

Page 13: Jan Řezáč - I don’t like that website! MKTFEST 2014

I.

You like it!

Page 14: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 15: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 16: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 17: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 18: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 19: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 20: Jan Řezáč - I don’t like that website! MKTFEST 2014

How will THIS help me make more money?

Page 21: Jan Řezáč - I don’t like that website! MKTFEST 2014

II.

It is modern

Page 22: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 23: Jan Řezáč - I don’t like that website! MKTFEST 2014

In the eyes of many customers, ugly equals authentic and credible.

— Gerry McGovern

Page 24: Jan Řezáč - I don’t like that website! MKTFEST 2014

III.

Visual design principles

Page 25: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 26: Jan Řezáč - I don’t like that website! MKTFEST 2014

1. 80/20 Rule2. Aesthetic-Usability Effect3. Affordance4. Attractivenes Bias5. Cathedral Effect6. Chunking7. Closure8. Consistency9. Contrast10. Feedback Loop11. Fitt's Law12. Framing

13. Gestalt Rules14. Golden Ratio15. Hick's Law16. Horror Vacui17. Inverted Pyramid18. Mental Model19. Ockham's Razor20. Picture Superiority Effect21. Priming22. Signal-to-Noise Ratio23. Threat Detection24. Visibility

Page 27: Jan Řezáč - I don’t like that website! MKTFEST 2014

Aesthetic-usability effect

Page 28: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 29: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 30: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 31: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 32: Jan Řezáč - I don’t like that website! MKTFEST 2014

Signal-to-Noise Ratio

Page 33: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 34: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 35: Jan Řezáč - I don’t like that website! MKTFEST 2014

Readability& legibility

Page 36: Jan Řezáč - I don’t like that website! MKTFEST 2014

32 %

Page 37: Jan Řezáč - I don’t like that website! MKTFEST 2014

75

Page 38: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 39: Jan Řezáč - I don’t like that website! MKTFEST 2014

IV.

Web design fundamentals

Page 40: Jan Řezáč - I don’t like that website! MKTFEST 2014

Banner Blindness

Page 41: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 42: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 43: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 44: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 45: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 46: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 47: Jan Řezáč - I don’t like that website! MKTFEST 2014

Automatic Carousels

Page 48: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 49: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 50: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 51: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 52: Jan Řezáč - I don’t like that website! MKTFEST 2014

Stock Photos

Page 53: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 54: Jan Řezáč - I don’t like that website! MKTFEST 2014

V.

Story visual design tells

Page 55: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 56: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 57: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 58: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 59: Jan Řezáč - I don’t like that website! MKTFEST 2014

VI.

Conversions

Page 60: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 61: Jan Řezáč - I don’t like that website! MKTFEST 2014

1. Visual design is NOT about opinions.2. How does THIS helps my business?3. Is it readable & legible?4. Get rid of banners, automatic carousels &

smiling stock guys.5. Test your visual design TODAY.6. Fix your analytics and measure outcomes.

Page 62: Jan Řezáč - I don’t like that website! MKTFEST 2014

Ajanrezac.com/grafikaBjanrezac.com/design

Page 63: Jan Řezáč - I don’t like that website! MKTFEST 2014
Page 64: Jan Řezáč - I don’t like that website! MKTFEST 2014

Thanks for images!Baseline Grid © teehan+laxIllustrations © Klára ZahrádkováJan's Photos © Adam Hrubý

Websites © Owners & their agenciesautobazar.eucez.czgrafton.czhibrno.czmakro.czrsts.cztresorag.cz