1. NOT JUST ANOTHER PRETTY (INTER) FACE The Benefits of Integrating Visual Design With User Experience Methodologies Lee Farabaugh, Chief Experience Officer Raelynn OLeary, Senior User Experience & Visual Designer August 27, 2013 Healthcare Technology Re-imagined

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. PointClear Solutions 2013. All Rights Reserved. 3 Lee Farabaugh, MS-HCI MSHI Chief Experience Officer Raelynn OLeary, MS Des. Sr. User Exp & Visual Designer 4. PointClear Solutions 2013. All Rights Reserved. RE-SKIN THIS APPLICATION? 4 5. PointClear Solutions 2013. All Rights Reserved. 5 Visual design User Experience design 6. PointClear Solutions 2013. All Rights Reserved. 6 + Visual design Interaction design User research User Experience design 7. 7 8. 8 9. 9 10. 10 11. 11 12. PointClear Solutions 2013. All Rights Reserved. Great interfaces Look good Perform well Fulfill a real need 12 13. PointClear Solutions 2013. All Rights Reserved. Aesthetics alone do not ensure a good product. 13 14. PointClear Solutions 2013. All Rights Reserved. VISUAL DESIGN CAN Increase usability Engage users and build their trust 14 15. PointClear Solutions 2013. All Rights Reserved. VISUAL DESIGN CAN INCREASE USABILITY Hierarchy Legibility Learnability Feedback 15 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 its important to look 17. 17 18. PointClear Solutions 2013. All Rights Reserved. Hierarchy Legibility Learnability Feedback 18 VISUAL DESIGN CAN INCREASE USABILITY Making the systems data easy for the user to read and digest 19. 19 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 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 24. PointClear Solutions 2013. All Rights Reserved. Brand Engagement 24 VISUAL DESIGN CAN ENGAGE USERS AND BUILD THEIR TRUST 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 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. 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. PointClear Solutions 2013. All Rights Reserved. Understand the brand from the outset Dont create high fidelity comps too soon Start visual design activities early Test the visual design 29 VISUAL DESIGN IN THE UX PROCESS 30. PointClear Solutions 2013. All Rights Reserved. Understand the brand from the outset Dont create high fidelity comps too soon Start visual design activities early Test the visual design 30 VISUAL DESIGN IN THE UX PROCESS 31. PointClear Solutions 2013. All Rights Reserved. Understand the brand from the outset Dont create high fidelity comps too soon Start visual design activities early Test the visual design 31 VISUAL DESIGN IN THE UX PROCESS 32. PointClear Solutions 2013. All Rights Reserved. Understand the brand from the outset Dont create high fidelity comps too soon Start visual design activities early Test the visual design 32 VISUAL DESIGN IN THE UX PROCESS 33. PointClear Solutions 2013. All Rights Reserved. Understand the brand from the outset Dont create high fidelity comps too soon Start visual design activities early Test the visual design 33 VISUAL DESIGN IN THE UX PROCESS 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 36. PointClear Solutions 2013. All Rights Reserved. TESTING VISUAL DESIGN ENGAGEMENT Is it eliciting the right emotions? Does it feel appropriate to the softwares context? 36 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. PointClear Solutions 2013. All Rights Reserved. 38 Questions & Answers 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