do it on purpose!
TRANSCRIPT
![Page 1: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/1.jpg)
Choose among many Layouts Right-click on slide and select Layout
Darker colours You’re basically free to use the different
saturations of the colours, but we still recommend these second to darkest ones
Our five basic colours Yellow, Blue, Red, Green and Grey
These are the colours we use for backgrounds
Change background colour 1. Click on slide
2. Choose Format Background , 3. Select Fill and choose your colour
4. Click OK
Insert client logo 1. Select placeholder 2. Choose Insert from top menu 3. Choose Picture from file 4. Select client logo 5. Click OK
To view drawing guides 1. Right click on slide and select ’Grid and Guides...’
2. Check ’Display drawing guides on screen’
3. Select OK
DO IT ON PURPOSE Tech & UX - Local Rock Stars
Helle Jensen, Senior UX Consultant Asle Høeg-Mikkelsen, Senior UX Consultant
© Creuna
![Page 2: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/2.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
DO IT ON PURPOSE!
© Creuna
![Page 3: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/3.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
HELLE SENIOR UX CONSULTANT ASLE SENIOR UX CONSULTANT
NICE TO MEET YOU
![Page 4: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/4.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
![Page 5: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/5.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
0. What is it? 1. Process 2. Vision
3. UX Values 4. Best Practice 5. Takeaways
© Creuna
AGENDA
![Page 6: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/6.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
WHAT IS “DOING IT ON PURPOSE”?
WHY IS THIS IMPORTANT?
HOW IS IT DONE?
© Creuna
INTRODUCTION
![Page 7: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/7.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
INTRODUCTION WHAT IS “DOING IT ON PURPOSE”?
Using the vision to make decisions.
![Page 8: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/8.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
INTRODUCTION WHY IS THIS IMPORTANT?
1. Faster decisions 2. Better communication
3. Better and more consistent results
![Page 9: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/9.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
INTRODUCTION HOW IS THIS DONE?
Stick to the vision!
![Page 10: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/10.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
PROCESS
© Creuna
![Page 11: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/11.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
PROCESS
© Creuna
![Page 12: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/12.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
PROCESS
© Creuna
![Page 13: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/13.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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
![Page 14: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/14.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
REALITY HITS
© Creuna
Limited budget Tight deadlines
![Page 15: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/15.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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
![Page 16: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/16.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
(UX) VISION
© Creuna
THE GOOD
![Page 17: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/17.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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
![Page 18: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/18.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
THE GOOD (UX) VISION
© Creuna
Make it a part of the development.
Actionable Understandable
Up-to-date Active
Realistic
Accessible
![Page 19: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/19.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
THE GOOD (UX) VISION
© Creuna
Ask the client, or co-define in a workshop.
Limited budget?
![Page 20: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/20.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
THE GOOD (UX) VISION
© Creuna
Business Goals
Platform or service focus
Target group User Experience
values
Based on UX Vision by Susan J. Wolfe
![Page 21: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/21.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
VALUES
© Creuna
USER EXPERIENCE
![Page 22: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/22.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
WHY ARE UX VALUES IMPORTANT?
© Creuna
Reliable
Pleasurable
By Aarron Walter “Designing for Emotion”
Usable
Functional
![Page 23: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/23.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
WHY ARE UX VALUES IMPORTANT?
© Creuna
Car #1 Car #2 Beetle
![Page 24: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/24.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
WHY ARE UX VALUES IMPORTANT?
© Creuna
![Page 25: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/25.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
WHY ARE UX VALUES IMPORTANT?
© Creuna
Activity Tracker #1
Activity Tracker #2
Jawbone UP
Human tone of voice
![Page 26: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/26.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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
![Page 27: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/27.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
EXAMPLE
WHICH VALUES COULD MATCH A LAW FIRM?
![Page 28: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/28.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
EXAMPLE
© Creuna
- Efficient - Professional - Serious - Trustworthy
![Page 29: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/29.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
EXAMPLE
HOW ABOUT “YOUR LOCAL” LAW FIRM THAT HANDLES
FAMILY MATTERS?
![Page 30: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/30.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
EXAMPLE
© Creuna
- Experienced - Friendly - Optimistic - Traditional
![Page 31: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/31.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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.
![Page 32: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/32.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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
![Page 33: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/33.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
IT’S OK TO BE 50% FRIENDLY
© Creuna
Neutral Ultra personal 50%
![Page 34: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/34.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
PRACTICE
© Creuna
BEST
![Page 35: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/35.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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
![Page 36: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/36.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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..
![Page 37: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/37.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
A HOLISTIC EXPERIENCE
© Creuna
- Frontpage & navigation - Primary features
- Subpages & content - Footer, About, Contact - Sign in, Profile settings - Loading animations, 404,
etc.
![Page 38: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/38.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
EXAMPLE
HOW COULD OUR FOOTER LOOK?
![Page 39: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/39.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
EXAMPLE
© Creuna
![Page 40: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/40.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
EXAMPLE
SO HOW CAN WE MAKE IT FRIENDLY?
![Page 41: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/41.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
ENGAGING
© Creuna
• A positive tone of voice
• Professional meets personal
![Page 42: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/42.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
ENGAGING & HELPFUL
© Creuna
• A positive tone of voice
• Helpful functions
![Page 43: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/43.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
EXAMPLE
HOW COULD OUR SIGN IN LOOK?
![Page 44: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/44.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
EXAMPLE
© Creuna
![Page 45: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/45.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
![Page 46: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/46.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
© Creuna
EXAMPLE
SO HOW CAN WE MAKE IT FRIENDLY?
![Page 47: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/47.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
SIMPLE & POSITIVE
© Creuna
• A positive tone of voice
• Simple, non-confusing focus and feedback
![Page 48: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/48.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
WE JUST SAY?
© Creuna
SO WHAT DID
![Page 49: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/49.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
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!
![Page 50: Do it on purpose!](https://reader031.vdocuments.site/reader031/viewer/2022020410/587386ba1a28ab272d8b5ee1/html5/thumbnails/50.jpg)
Choose among many Layouts Right-click on slide and select Layout
To add pre-formatted bullet text please use the
Increase/Decrease Indent buttons found in the
Top-PowerPoint menu
THANK YOU!
© Creuna