do it on purpose!
TRANSCRIPT
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
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
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
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
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
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
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.
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
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!
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
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
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
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
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
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
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
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
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
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?
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
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
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
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
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
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
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
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?
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
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?
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
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.
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
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%
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
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
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..
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.
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?
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
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?
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
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
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?
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
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
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?
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
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
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!
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