37
HOW USER CENTRED DESIGN & LEAN BENEFIT CROSS-CHANNEL DESIGN

Cross-Channel UX

Embed Size (px)

DESCRIPTION

Whether they realise it or not, every company is in the user experience (UX) business. Naturally, the best products and services have design at their very core; placing the user at the centre of the design process means we can create more consistent and delightful experiences. At its inception, the UX field was primarily focused on design for the web. However, technological progression means that cutting-edge UX has become more strategic; it examines multiple ‘touch-points’, and how they should all work together to provide a harmonised route to the internet for users. This is because the technology used to access the web is constantly changing, with new web-enabled devices of all shapes and sizes released every day. Users expect a consistent and meaningful experience everywhere; they jump between touch-points, expecting to see the same data and settings across platforms. So, the role of the UX professional has grown from initial consideration of web, mobile and email screens towards facilitating users’ switch between modalities; further challenges and opportunities are even raised by the Internet of Things’ presentation of low-powered devices, interconnecting to websites and smartphones (via APIs). Danny’s talk will delve into how this strategic UX approach can transform your business strategy, to achieve that elusive, brilliant experience for every user, regardless of how they have chosen to access the web. Here, it will draw on Cyber-Duck’s successful client work, built on our research-driven, user-centred design (UCD) process, which blends with lean and agile project management methodologies to achieve ISO accreditation.

Citation preview

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