Præsentation af Helle Jensen, Senior UX Consultant og Asle Høeg-Mikkelsen, Senior UX Consultant ved Creuna Aarhus.

1. DO IT ON PURPOSE
Tech & UX - Local Rock Stars
Helle Jensen, Senior UX Consultant
Asle Høeg-Mikkelsen, Senior UX Consultant

2. DO IT ON PURPOSE!
© Creuna

3. © Creuna
HELLE SENIOR UX CONSULTANT
ASLE SENIOR UX CONSULTANT
NICE TO MEET YOU

5. 0. What is it?
1. Process
2. Vision
3. UX Values
4. Best Practice
5. Takeaways
© Creuna
AGENDA

6. WHAT IS “DOING IT ON PURPOSE”?
WHY IS THIS IMPORTANT?
HOW IS IT DONE?
© Creuna
INTRODUCTION

7. © Creuna
INTRODUCTION
WHAT IS “DOING IT ON PURPOSE”?
Using the vision to make
decisions.

8. © Creuna
INTRODUCTION
WHY IS THIS IMPORTANT?
1. Faster decisions
2. Better communication
3. Better and more consistent results

9. © Creuna
INTRODUCTION
HOW IS THIS DONE?
Stick to the vision!

10. PROCESS
© Creuna

11. PROCESS
© Creuna

12. PROCESS
© Creuna

13. INPUT
User Research
Personas
UX Analysis
Scenarios
Best practice
Brand Personas
Values
Design-guide
Design know-how
Analytics
User Testing
Technical Specifications
Market Analysis
Support Insights
Digital Strategy / Roadmap
Client Requirements
© Creuna

14. REALITY HITS
© Creuna
Limited budget Tight deadlines

15. REDUCED SCOPE
© Creuna
User Research
Personas
UX Analysis
Scenarios
Best practice
Brand Personas
Vision & Values
Design-guide
Design know-how
Analytics
User Testing
Technical Specifications
Market Analysis
Digital Strategy / Roadmap
Client Requirements

16. (UX) VISION
© Creuna
THE GOOD

17. THE GOOD (UX) VISION
© Creuna
Business
Goals
Platform or
service focus
Target group User
Experience
values
A solid, common point of reference.
Based on UX Vision by Susan J. Wolfe

18. THE GOOD (UX) VISION
© Creuna
Make it a part of the development.
Actionable Understandable
Up-to-dateActive
Realistic
Accessible

19. THE GOOD (UX) VISION
© Creuna
Ask the client, or co-define in a
workshop.
Limited budget?

20. THE GOOD (UX) VISION
© Creuna
Business
Goals
Platform or
service focus
Target group User
Experience
values
Based on UX Vision by Susan J. Wolfe

21. VALUES
© Creuna
USER EXPERIENCE

22. WHY ARE UX VALUES IMPORTANT?
© Creuna
Reliable
Pleasurable
By Aarron Walter “Designing for Emotion”
Usable
Functional

23. WHY ARE UX VALUES IMPORTANT?
© Creuna
Car #1 Car #2 Beetle

24. WHY ARE UX VALUES IMPORTANT?
© Creuna

25. WHY ARE UX VALUES IMPORTANT?
© Creuna
Activity
Tracker #1
Activity
Tracker #2
Jawbone UP
Human tone
of voice

26. DEFINING THE RIGHT VALUES
© Creuna
A description of the intended user experience - the “personality” of the product.
Values that relate to:
Brand &
profile
Business
goals
Market
position
Target group

27. © Creuna
EXAMPLE
WHICH VALUES COULD
MATCH A LAW FIRM?

28. EXAMPLE
© Creuna
- Efficient
- Professional
- Serious
- Trustworthy

29. © Creuna
EXAMPLE
HOW ABOUT “YOUR LOCAL”
LAW FIRM THAT HANDLES
FAMILY MATTERS?

30. EXAMPLE
© Creuna
- Experienced
- Friendly
- Optimistic
- Traditional

31. MAKE IT ACTIONABLE
© Creuna
- Experienced
- Friendly
- Optimistic
- Traditional
Navigation
Tone of Voice
Graphics
Transitions
Functions
Colors Sounds
Content
Layout, Interactions, Focus, Flow,
Grouping, Headlines, Remove, etc.

32. MAKE IT ACTIONABLE
© Creuna
- Experienced
- Friendly
- Optimistic
- Traditional
- Images to support focus
- Colors (Not black and white)
- A positive tone of voice
- Helpful/supportive actions
- Profile images - and remember to smile :D
- Simple, non-confusing focus and feedback
- A balance where professional meets personal

33. IT’S OK TO BE 50% FRIENDLY
© Creuna
Neutral Ultra personal50%

34. PRACTICE
© Creuna
BEST

35. WORKING WITH BEST PRACTICE
© Creuna
Standards for layout, design direction and interactions. These examples can
serve as inspiration for the new solution.
Sources tend to be:
Platforms Major players
(Facebook,
Amazon etc.)
Trends Awards

36. IT’S A GREAT START
© Creuna
- A fast way to get started
- A common starting point
- A great source of inspiration
- Users are familiar with it
- Risk of forgetting purpose..

37. A HOLISTIC EXPERIENCE
© Creuna
- Frontpage & navigation
- Primary features
- Subpages & content
- Footer, About, Contact
- Sign in, Profile settings
- Loading animations, 404,
etc.

38. © Creuna
EXAMPLE
HOW COULD OUR
FOOTER LOOK?

39. EXAMPLE
© Creuna

40. © Creuna
EXAMPLE
SO HOW CAN WE
MAKE IT FRIENDLY?

41. ENGAGING
© Creuna
• A positive tone of voice
• Professional meets personal

42. ENGAGING
& HELPFUL
© Creuna
• A positive tone of voice
• Helpful functions

43. © Creuna
EXAMPLE
HOW COULD OUR
SIGN IN LOOK?

44. EXAMPLE
© Creuna

45. © Creuna

46. © Creuna
EXAMPLE
SO HOW CAN WE
MAKE IT FRIENDLY?

47. SIMPLE &
POSITIVE
© Creuna
• A positive tone of voice
• Simple, non-confusing focus
and feedback

48. WE JUST SAY?
© Creuna
SO WHAT DID

49. TAKEAWAYS
© Creuna
- It takes very little to establish a vision
- Make your vision actionable
- Use your vision to innovate best practice
- Use the vision to improve communication
- Consider all aspects for a holistic user experience
- Do it on purpose!

50. THANK YOU!
© Creuna