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

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

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

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

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

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

9.
PROCESS
© Creuna

10.
PROCESS
© Creuna

11.
PROCESS
© Creuna

12.
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

13.
REALITY HITS
© Creuna
Limited budget Tight deadlines

14.
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

15.
(UX) VISION
© Creuna
THE GOOD

16.
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

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

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

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

20.
VALUES
© Creuna
USER EXPERIENCE

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

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

23.
WHY ARE UX VALUES IMPORTANT?
© Creuna

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

25.
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

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

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

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

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

30.
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.

31.
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

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

33.
PRACTICE
© Creuna
BEST

34.
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

35.
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..

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

37.
© Creuna
EXAMPLE
HOW COULD OUR
FOOTER LOOK?

38.
EXAMPLE
© Creuna

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

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

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

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

43.
EXAMPLE
© Creuna

44.
© Creuna

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

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

47.
WE JUST SAY?
© Creuna
SO WHAT DID

48.
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!

49.
THANK YOU!
© Creuna