Download pdf - Cross-Channel UX

Transcript
Page 1: Cross-Channel UX

H O W U S E R C E N T R E D D E S I G N & L E A N B E N E F I T C R O S S - C H A N N E L D E S I G N

Page 2: Cross-Channel UX

!

1. A B O U T D A N N Y 2. W H Y I S C R O S S - C H A N N E L E X P E R I E N C E S O I M P O R TA N T 3. W H AT I S T H E P U R P O S E O F G R E AT C R O S S C H A N N E L U X 4. E X A M P L E S 5. G U I D I N G P R I N C I P L E S F O R G R E AT C R O S S C H A N N E L U X E M O T I O N A L AVA I L A B L E & S E A M L E S S C O N T E X T O P T I M I S E D S C A L A B L E & C O N S I S T E N T

6. A P P R O A C H & P R O C E S S 7. C O N C L U S I O N

Page 3: Cross-Channel UX
Page 4: Cross-Channel UX

W H Y I S C R O S S - C H A N N E L U S E R E X P E R I E N C E I M P O R TA N T ?

Page 5: Cross-Channel UX

W H AT I S T H E P U R P O S E O F G R E AT C R O S S - C H A N N E L U X ?

Page 6: Cross-Channel UX

C U S T O M E R S W A N T E N G A G E M E N T

B R A N D S W A N T L O YA LT Y

!

VA L U E

=http://o5.com/author/kent/http://www.1emulation.com/forums/topic/34786-opinion-oculus-ridiculous-my-take-on-the-oculus-rift/

Page 7: Cross-Channel UX

T H E B A R H A S B E E N S E T. Y O U E I T H E R E X C E E D I T O R FA I L .

W H Y E V E R Y O N E I S I N T H E U X B U S I N E S S

http://www.imore.com/best-passbook-compatible-apps-iphone

Page 8: Cross-Channel UX
Page 9: Cross-Channel UX
Page 10: Cross-Channel UX

http://blogs.ft.com/tech-blog/2014/01/teenagers-summly-app-leaps-into-yahoo-product-suite/yahoo-launches-news-aggregation-and-summary-app-news-digest-i/

Page 11: Cross-Channel UX
Page 12: Cross-Channel UX
Page 13: Cross-Channel UX
Page 14: Cross-Channel UX

http://www.thedrum.com/opinion/2014/07/25/another-flurry-acquisition-activity-confirms-yahoos-reinvention

Page 15: Cross-Channel UX
Page 16: Cross-Channel UX
Page 17: Cross-Channel UX

1. E M O T I O N A L

2. AVA I L A B L E & S E A M L E S S

3. C O N T E X T O P T I M I S E D

4. S C A L A B L E & C O N S I S T E N T

G U I D I N G P R I N C I P L E S

Page 18: Cross-Channel UX

http://en.last-video.com/video-advertissement-jeorge-cloonet-nespresso

E M O T I O N A L

Page 19: Cross-Channel UX

H T T P : / / A L LT H I N G S D . C O M / 2 0 1 3 0 5 2 9 / T O M O R R O W L A N D - T O D A Y- D I S N E Y- M A G I C B A N D - U N L O C K S - N E W - G U E S T- E X P E R I E N C E - F O R - PA R K - G O E R S /

AVA I L A B L E & S E A M L E S S

Page 20: Cross-Channel UX

AVA I L A B L E & S E A M L E S S

Page 21: Cross-Channel UX

“ C O N F O R M I T Y I S T H E J A I L E R O F F R E E D O M A N D T H E E N E M Y O F G R O W T H ”

J O H N F K E N N E D Y

Page 22: Cross-Channel UX

H T T P : / / W W W. V VA L L PA P E R . N E T / 2 0 1 1 / 0 9 / E I F F E L - T O W E R - H D - D E S K T O P - W A L L PA P E R S . H T M L

S C A L A B L E & C O N S I S T E N T

Page 23: Cross-Channel UX

http://www.wordstream.com/blog/ws/2011/10/12/online-marketing-and-technology-news

S C A L A B L E & C O N S I S T E N T

Page 24: Cross-Channel UX
Page 25: Cross-Channel UX
Page 26: Cross-Channel UX
Page 27: Cross-Channel UX
Page 28: Cross-Channel UX

H O W T O ‘ P R A C T I C A L LY ’

A P P R O A C H C R O S S C H A N N E L U X

Page 29: Cross-Channel UX

P R O C E S S ( V I A U S E R C E N T R E D D E S I G N ) 1. I M M E R S I O N & B R A N D M A P P I N G 2. S TA K E H O L D E R S E N G A G E M E N T 3. P E R S O N A R E S E A R C H 4. D E S I G N & I T E R AT E

Page 30: Cross-Channel UX
Page 31: Cross-Channel UX

I M M E R S I O N & B R A N D M A P P I N G

Page 32: Cross-Channel UX

I M M E R S I O N & B R A N D M A P P I N G

Page 33: Cross-Channel UX

“ T H E T I P P I N G P O I N T F O R M E I S W H E N T H E P E R C E I V E D VA L U E O F S O M E T H I N G I S S O G R E AT, Y O U D O N ’ T Q U E S T I O N

T H E B I L L . P E R C E I V E D VA L U E I S A N E M O T I O N A L T H I N G . ”

S TA K E H O L D E R E N G A G E M E N T

Page 34: Cross-Channel UX

W I T H P E R S O N A S , W E E X T R A C T T H E I R E M PAT H E T I C F E E L I N G S T O W A R D S T H E B R A N D

A N D O B TA I N D O Z E N S O F K A I Z E N S U G G E S T I O N S .

P E R S O N A R E S E A R C H

Page 35: Cross-Channel UX

D E S I G N & I T E R AT E

Page 36: Cross-Channel UX

C O N C L U S I O N 1. P R O V O K E E M O T I O N S O N A L L T O U C H P O I N T S 2. E N S U R E AVA I L A B I L I T Y A N D S E A M L E S S E X P E R I E N C E S 3. O P T I M I S E F O R U S A G E A C R O S S C O N T E X T 4. S C A L E I N A L E A N A N D C O N S I S T E N T W AY 5. C O N S TA N T LY I T E R AT E U S I N G R E A L H U M A N F E E D B A C K

Page 37: Cross-Channel UX

T H A N K Y O U !@ C Y B E R D U C K _ U K @ D A N N Y _ B L U E S T O N E

Credits to responsivelogos.co.uk for providing examples of how logos can scale across devices and browsers