Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
NOT JUST ANOTHER
PRETTY (INTER) FACE
The Benefits of Integrating Visual Design
With User Experience Methodologies
Lee Fara...
© PointClear Solutions 2013. All Rights Reserved.
POINTCLEAR SOLUTIONS
• Healthcare software development firm that builds
...
© PointClear Solutions 2013. All Rights Reserved. 3
Lee Farabaugh, MS-HCI MSHI
Chief Experience Officer
Raelynn O’Leary, M...
© PointClear Solutions 2013. All Rights Reserved.
RE-SKIN THIS
APPLICATION?
4
© PointClear Solutions 2013. All Rights Reserved. 5
Visual design
≠
User Experience design
© PointClear Solutions 2013. All Rights Reserved. 6
+
Visual design
Interaction design
User research
User Experience design
7
8
9
10
11
© PointClear Solutions 2013. All Rights Reserved.
Great interfaces
• Look good
• Perform well
• Fulfill a real need
12
© PointClear Solutions 2013. All Rights Reserved.
Aesthetics alone do not
ensure a good product.
13
© PointClear Solutions 2013. All Rights Reserved.
VISUAL DESIGN CAN
• Increase usability
• Engage users and build their tr...
© PointClear Solutions 2013. All Rights Reserved.
VISUAL DESIGN CAN
INCREASE USABILITY
• Hierarchy
• Legibility
• Learnabi...
© PointClear Solutions 2013. All Rights Reserved.
• Hierarchy
• Legibility
• Learnability
• Feedback
16
VISUAL DESIGN CAN
...
17
© PointClear Solutions 2013. All Rights Reserved.
• Hierarchy
• Legibility
• Learnability
• Feedback
18
VISUAL DESIGN CAN
...
19
© PointClear Solutions 2013. All Rights Reserved.
• Hierarchy
• Legibility
• Learnability
• Feedback
20
VISUAL DESIGN CAN
...
21
© PointClear Solutions 2013. All Rights Reserved.
• Hierarchy
• Legibility
• Learnability
• Feedback
22
VISUAL DESIGN CAN
...
23
© PointClear Solutions 2013. All Rights Reserved.
• Brand
• Engagement
24
VISUAL DESIGN CAN ENGAGE
USERS AND BUILD THEIR T...
© PointClear Solutions 2013. All Rights Reserved.
• Brand
• Engagement
25
VISUAL DESIGN CAN ENGAGE
USERS AND BUILD THEIR T...
26
© PointClear Solutions 2013. All Rights Reserved.
VISUAL DESIGN CAN ENGAGE
USERS AND BUILD THEIR TRUST
• Brand
• Engagemen...
© PointClear Solutions 2013. All Rights Reserved.
KEY COMPONENTS OF
DESIGN METHODOLOGY
28
RESEARCH
INTERACTION DESIGN
VISU...
© PointClear Solutions 2013. All Rights Reserved.
• Understand the brand from the outset
• Don’t create high fidelity comp...
© PointClear Solutions 2013. All Rights Reserved.
• Understand the brand from the outset
• Don’t create high fidelity comp...
© PointClear Solutions 2013. All Rights Reserved.
• Understand the brand from the outset
• Don’t create high fidelity comp...
© PointClear Solutions 2013. All Rights Reserved.
• Understand the brand from the outset
• Don’t create high fidelity comp...
© PointClear Solutions 2013. All Rights Reserved.
• Understand the brand from the outset
• Don’t create high fidelity comp...
© PointClear Solutions 2013. All Rights Reserved.
TESTING VISUAL DESIGN
USABILITY
• Are users looking where we want/need t...
35
© PointClear Solutions 2013. All Rights Reserved.
TESTING VISUAL DESIGN
ENGAGEMENT
• Is it eliciting the right emotions?
•...
© PointClear Solutions 2013. All Rights Reserved.
CONCLUSION
• Great interfaces solve real problems, function efficiently ...
© PointClear Solutions 2013. All Rights Reserved. 38
Questions & Answers
© PointClear Solutions 2013. All Rights Reserved.
UPCOMING WORKSHOPS
• The Essentials of User Experience
– Introduction to...
Upcoming SlideShare
Loading in …5
×

Not Just Another Pretty (Inter)Face - UX Webinar

561 views

Published on

PointClear Solutions' user experience webinar based on the white paper "Not Just Another Pretty Interface"

Presented by:
Lee Farabaugh (Chief Experience Officer)
Raelynn O'Leary (User Experience Expert)

Visit www.pointclearsolutions.com/resources to download the free white paper.

Published in: Technology, News & Politics
  • Be the first to comment

  • Be the first to like this

Not Just Another Pretty (Inter)Face - UX Webinar

  1. 1. NOT JUST ANOTHER PRETTY (INTER) FACE The Benefits of Integrating Visual Design With User Experience Methodologies Lee Farabaugh, Chief Experience Officer Raelynn O’Leary, Senior User Experience & Visual Designer August 27, 2013 Healthcare Technology Re-imagined
  2. 2. © PointClear Solutions 2013. All Rights Reserved. POINTCLEAR SOLUTIONS • Healthcare software development firm that builds transformative technologies • Strong healthcare clinical informatics capability • Exceptional User Experience (UX) expertise – User-centered design – Increased user adoption 2
  3. 3. © PointClear Solutions 2013. All Rights Reserved. 3 Lee Farabaugh, MS-HCI MSHI Chief Experience Officer Raelynn O’Leary, MS Des. Sr. User Exp & Visual Designer
  4. 4. © PointClear Solutions 2013. All Rights Reserved. RE-SKIN THIS APPLICATION? 4
  5. 5. © PointClear Solutions 2013. All Rights Reserved. 5 Visual design ≠ User Experience design
  6. 6. © PointClear Solutions 2013. All Rights Reserved. 6 + Visual design Interaction design User research User Experience design
  7. 7. 7
  8. 8. 8
  9. 9. 9
  10. 10. 10
  11. 11. 11
  12. 12. © PointClear Solutions 2013. All Rights Reserved. Great interfaces • Look good • Perform well • Fulfill a real need 12
  13. 13. © PointClear Solutions 2013. All Rights Reserved. Aesthetics alone do not ensure a good product. 13
  14. 14. © PointClear Solutions 2013. All Rights Reserved. VISUAL DESIGN CAN • Increase usability • Engage users and build their trust 14
  15. 15. © PointClear Solutions 2013. All Rights Reserved. VISUAL DESIGN CAN INCREASE USABILITY • Hierarchy • Legibility • Learnability • Feedback 15
  16. 16. © PointClear Solutions 2013. All Rights Reserved. • Hierarchy • Legibility • Learnability • Feedback 16 VISUAL DESIGN CAN INCREASE USABILITY Communicating to the user where he is, where he can go next and where it’s important to look
  17. 17. 17
  18. 18. © PointClear Solutions 2013. All Rights Reserved. • Hierarchy • Legibility • Learnability • Feedback 18 VISUAL DESIGN CAN INCREASE USABILITY Making the system’s data easy for the user to read and digest
  19. 19. 19
  20. 20. © PointClear Solutions 2013. All Rights Reserved. • Hierarchy • Legibility • Learnability • Feedback 20 VISUAL DESIGN CAN INCREASE USABILITY Helping the user know what to expect
  21. 21. 21
  22. 22. © PointClear Solutions 2013. All Rights Reserved. • Hierarchy • Legibility • Learnability • Feedback 22 VISUAL DESIGN CAN INCREASE USABILITY Providing visible, understandable and actionable feedback about the system and the data
  23. 23. 23
  24. 24. © PointClear Solutions 2013. All Rights Reserved. • Brand • Engagement 24 VISUAL DESIGN CAN ENGAGE USERS AND BUILD THEIR TRUST
  25. 25. © PointClear Solutions 2013. All Rights Reserved. • Brand • Engagement 25 VISUAL DESIGN CAN ENGAGE USERS AND BUILD THEIR TRUST Users trust products built by brands that they trust
  26. 26. 26
  27. 27. © PointClear Solutions 2013. All Rights Reserved. VISUAL DESIGN CAN ENGAGE USERS AND BUILD THEIR TRUST • Brand • Engagement 27 An application that “feels” beautiful can draw a user in and accentuate how simple it is to use
  28. 28. © PointClear Solutions 2013. All Rights Reserved. KEY COMPONENTS OF DESIGN METHODOLOGY 28 RESEARCH INTERACTION DESIGN VISUAL DESIGN User research and design planning Persona development Iterative wireframing, prototyping Iterative visual design Interaction & visual design testing
  29. 29. © PointClear Solutions 2013. All Rights Reserved. • Understand the brand from the outset • Don’t create high fidelity comps too soon • Start visual design activities early • Test the visual design 29 VISUAL DESIGN IN THE UX PROCESS
  30. 30. © PointClear Solutions 2013. All Rights Reserved. • Understand the brand from the outset • Don’t create high fidelity comps too soon • Start visual design activities early • Test the visual design 30 VISUAL DESIGN IN THE UX PROCESS
  31. 31. © PointClear Solutions 2013. All Rights Reserved. • Understand the brand from the outset • Don’t create high fidelity comps too soon • Start visual design activities early • Test the visual design 31 VISUAL DESIGN IN THE UX PROCESS
  32. 32. © PointClear Solutions 2013. All Rights Reserved. • Understand the brand from the outset • Don’t create high fidelity comps too soon • Start visual design activities early • Test the visual design 32 VISUAL DESIGN IN THE UX PROCESS
  33. 33. © PointClear Solutions 2013. All Rights Reserved. • Understand the brand from the outset • Don’t create high fidelity comps too soon • Start visual design activities early • Test the visual design 33 VISUAL DESIGN IN THE UX PROCESS
  34. 34. © PointClear Solutions 2013. All Rights Reserved. TESTING VISUAL DESIGN USABILITY • Are users looking where we want/need them to? • Is the content legible? • Are the colors conveying intended meaning? • Is the meaning behind iconography clear? • Do symbols and graphics fit the domain and user mental models? 34
  35. 35. 35
  36. 36. © PointClear Solutions 2013. All Rights Reserved. TESTING VISUAL DESIGN ENGAGEMENT • Is it eliciting the right emotions? • Does it feel appropriate to the software’s context? 36
  37. 37. © PointClear Solutions 2013. All Rights Reserved. CONCLUSION • Great interfaces solve real problems, function efficiently and effectively, and are appealing and engaging • Visual design is so much more than pretty pictures • The user experience design process is most effective when all components work together in an iterative fashion to inform each other White paper available at: PointClearSolutions.com/Resources 37
  38. 38. © PointClear Solutions 2013. All Rights Reserved. 38 Questions & Answers
  39. 39. © PointClear Solutions 2013. All Rights Reserved. UPCOMING WORKSHOPS • The Essentials of User Experience – Introduction to User Experience – Design Best Practices – Iterative Design Exercise – How to Better Understand Your User • Upcoming Dates – Nashville – Sept 24 – Birmingham - Dec 10 More Info/ Sign-up at: PointClearSolutions.com/NewsAndEvents 39 Healthcare T echnology Re-imagined

×