see the line ux lt presentation here
Post on 18-Oct-2014
449 views
DESCRIPTION
TRANSCRIPT
![Page 1: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/1.jpg)
© LINE Communications 2014
25 years of transforming business
through learning innovation
User Experience (UX)
29th January 2014
![Page 2: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/2.jpg)
Today
The importance of UX
What is UXD?
Why UXD matters
The experience of users
Future thinking
![Page 3: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/3.jpg)
© LINE Communications 2014
The importance of UX is growing
© 2004 Scott Adams Inc.
Today’s users demand more …
![Page 4: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/4.jpg)
© LINE Communications 2014
The importance of UX is growing
Today’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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/7.jpg)
UX design Vs.
Visual (UI) design
![Page 8: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/8.jpg)
© LINE Communications 2014
![Page 9: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/10.jpg)
© LINE Communications 2014
![Page 11: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/11.jpg)
© LINE Communications 2014
UX Design is not…
![Page 12: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/12.jpg)
© LINE Communications 2014
…only concerned with visual design.
UX Design is not…
![Page 13: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/13.jpg)
© LINE Communications 2014
…about technology.
UX Design is not…
![Page 14: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/14.jpg)
© LINE Communications 2014
…just about the user.
UX Design is not…
![Page 15: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/15.jpg)
© LINE Communications 2014
…optional
UX Design is not…
![Page 16: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/16.jpg)
Why UXD
matters
![Page 17: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/19.jpg)
© LINE Communications 2014
Sketching out the UI
![Page 20: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/20.jpg)
© LINE Communications 2014
Design – Lenses and outputs
SKETCH
CONCEPTS
MAP
Rapid sketched, heavily iterated
Storyboard or map the user journey
Visual concepts based on brand
Workshop to sketch
Storyboards
Personas
User journeys
Visual concepts
![Page 21: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/22.jpg)
© LINE Communications 2014
9 Questions to ask about a UX project
1. 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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/23.jpg)
Personas &
Use Cases
![Page 24: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/24.jpg)
© LINE Communications 2014
Why do we need Use Cases?
Because there is less of …
And more of …
![Page 25: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/26.jpg)
© LINE Communications 2014
Large screen,
keyboard and mouse
for input
Seated, predictable environment
![Page 27: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/27.jpg)
© LINE Communications 2014
UI takes up entire
screen, difficult to
multi-task.
Variable context and environment
![Page 28: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/28.jpg)
© LINE Communications 2014
Larger screen size,
longer session time,
more immersive tasks
Variable context and environment
![Page 29: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/29.jpg)
The experience
of users
![Page 30: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/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: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/31.jpg)
© LINE Communications 2014
Know your audience
Who they are?
What do they need?
What motivates them?
![Page 32: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/32.jpg)
© LINE Communications 2014
Don’t make me think!
Obvious Requires
thought
Click!
Click!
“Is that a
button?”
“I can’t
find
what I
need”
Exits
Interactivity
Click!
![Page 33: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/33.jpg)
Future
thinking
![Page 34: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/34.jpg)
© LINE Communications 2014
It won’t get easier…
With new form factors
and navigation modes
![Page 35: See the line ux lt presentation here](https://reader034.vdocument.in/reader034/viewer/2022051512/5442f2b2afaf9ff3098b47f1/html5/thumbnails/35.jpg)
© LINE Communications 2014
Get in touch
Steve Barden
Lead Consultant
Paul Thorpe
Head of Visual & UX Design
Stand 38
www.LINE.co.uk