© LINE Communications 2014 25 years of transforming business through learning innovation User...
-
Upload
kieran-sanburn -
Category
Documents
-
view
212 -
download
0
Transcript of © LINE Communications 2014 25 years of transforming business through learning innovation User...
![Page 1: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/1.jpg)
© LINE Communications 2014
25 years of transforming business through learning innovation
User Experience (UX)[email protected]
29th January 2014
![Page 2: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/2.jpg)
Today The importance of UX
What is UXD?
Why UXD matters
The experience of users
Future thinking
![Page 3: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/3.jpg)
© LINE Communications 2014
The importance of UX is growing
© 2004 Scott Adams Inc.
Today’s users demand more …
![Page 4: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/4.jpg)
© LINE Communications 2014
The importance of UX is growingToday’s users demand more …
Digital applications have become hugely more complex as our industry’s technologies and methodologies progress.
What used to be a one-way static medium has evolved into a rich and interactive experience.
But today an application's success hinges on just one thing: how users feel about it
© 2004 Scott Adams Inc.
![Page 5: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/5.jpg)
© LINE Communications 2014
The importance of UX is growing
Digital devices have richer functionality More form factors and screen sizes Increasing need to access more complex data Its about the holistic system
![Page 6: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/6.jpg)
© LINE Communications 2014
How we used to work
Before we and our clients understood the value of user-centered design, there was little or no science behind what designers did. We used to make design decisions based on:
what we thought looked good
what the client said they wanted
![Page 7: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/7.jpg)
UX design Vs. Visual (UI) design
![Page 8: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/8.jpg)
© LINE Communications 2014
![Page 9: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/9.jpg)
© LINE Communications 2014
Booking a flight…Well-known airline #1
Well-known
airline #2
Great Experience is about Control:
The worst feeling in the world is to feel out of control.
![Page 10: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/10.jpg)
© LINE Communications 2014
![Page 11: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/11.jpg)
© LINE Communications 2014
UX Design is not…
![Page 12: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/12.jpg)
© LINE Communications 2014
…only concerned with visual design.
UX Design is not…
![Page 13: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/13.jpg)
© LINE Communications 2014
…about technology.
UX Design is not…
![Page 14: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/14.jpg)
© LINE Communications 2014
…just about the user.
UX Design is not…
![Page 15: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/15.jpg)
© LINE Communications 2014
…optional
UX Design is not…
![Page 16: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/16.jpg)
Why UXD matters
![Page 17: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/17.jpg)
© LINE Communications 2014
“You can use an eraser on the drafting table or a sledge hammer on the construction site”
Frank Lloyd Wright (a REAL architect)
![Page 18: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/18.jpg)
© LINE Communications 2014
UX process
Sketch flows and navigation maps define the UX
Learning architecture define the whole experience
Wireframes highlight layout and navigation UI
Personas aid the learning design
Use cases illuminate the system requirements
![Page 19: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/19.jpg)
© LINE Communications 2014
Sketching out the UI
![Page 20: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/20.jpg)
© LINE Communications 2014
Design – Lenses and outputs
SKETCHSKETCHSKETCHSKETCH
CONCEPTSCONCEPTSCONCEPTSCONCEPTS
MAPMAPMAPMAP
Rapid sketched, heavily iterated
Storyboard or map the user journey
Visual concepts based on brand
![Page 21: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/21.jpg)
© LINE Communications 2014
What’s the value?
Increased product quality
Reduced maintenance and post launch bug
fixes
Avoids rework
Reduced testing and
quality assurance costs
Risk Management: avoids costly
errors
Improve product value: Better products lead to greater market share
Reduced training and maintenance
costs
Embedded product within the business, and spreads it’s value to others
Satisfied Users
![Page 22: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/22.jpg)
© LINE Communications 2014
9 Questions to ask about a UX project1. What is the business goal?
2. What is the strategy?
3. Who are all of the audience groups?
4. What are your audience requirements?
5. What will success look like?
6. How does it make money?
7. How are you solving the end-user 'problem'?
8. What context will this be used in?
9. What mindset is the user in?
![Page 23: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/23.jpg)
Personas & Use Cases
![Page 24: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/24.jpg)
© LINE Communications 2014
Why do we need Use Cases?
Because there is less of …
And more of …
![Page 25: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/25.jpg)
© LINE Communications 2014
Why do we need Use Cases?
Because the old order of content …
Is now replaced and context is king…
![Page 26: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/26.jpg)
© LINE Communications 2014
Large screen, keyboard and mouse for input
Seated, predictable environment
![Page 27: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/27.jpg)
© LINE Communications 2014
UI takes up entire screen, difficult to multi-task.
Variable context and environment
![Page 28: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/28.jpg)
© LINE Communications 2014
Larger screen size, longer session time, more immersive tasks
Variable context and environment
![Page 29: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/29.jpg)
The experience of users
![Page 30: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/30.jpg)
© LINE Communications 2014
User eXperience Design
Is all about:
Knowing your audience
Understanding the barriers your audience will face
Knowing what will make your audience happy
Plotting how your solution maps to their journey
“User experience isn’t a layer or component of a product or service. It’s really about the design of whole systems and their interconnections.”
Andrew Hinton (Senior Information Architect at Vanguard)
![Page 31: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/31.jpg)
© LINE Communications 2014
Know your audience
Who they are? What do they need?
What motivates them?
![Page 32: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/32.jpg)
© LINE Communications 2014
Don’t make me think!
ObviousObvious Requires thoughtRequires thought
Click!
Click!
“Is that a
button?”
“I can’t find
what I need”
Exits
Interactivity
Click!
![Page 33: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/33.jpg)
Future thinking
![Page 34: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/34.jpg)
© LINE Communications 2014
It won’t get easier…With new form factors and navigation modes
![Page 35: © LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) Steve.Barden@LINE.co.uk 29 th January 2014.](https://reader035.fdocuments.in/reader035/viewer/2022070307/551ac16555034656628b5978/html5/thumbnails/35.jpg)
© LINE Communications 2014
Get in touch
Steve BardenLead Consultant
Paul ThorpeHead of Visual & UX Design
Stand 38www.LINE.co.uk