SlideShare a Scribd company logo
1 of 31
Download to read offline
Principles to Build By
Stephen P. Anderson | @stephenanderson
A man came upon a construction site where
three people were working. He asked the first,
"What are you doing?" and the man
answered, "I am laying bricks." He asked the
second, "What are you doing?" and the man
answered, "I am building a wall." He walked
up to the third man, who was humming a
tune as he worked and asked, "What are you
doing?" and the man stood up and smiled and
said, "I am building a cathedral."
At your company...

Are people laying bricks
or building a cathedral?
story
             mantra
             vision
             strategic intent
             purpose
What is your cathedral?
             clarifying question
             flag in the sand
             rallying cry
             reason for being
craigslist
A vision is critical.
 But how do you ensure
consistent design choices?
“...serves to support or reinforce the wall.”
CORE DESIGN PRINCIPLES...
                                  Tenets
Are a simple set of unique characteristics that make
  explicit the product specific qualities we value.

  Describe the experience we are trying to create.

     Insure that new features and additions,
 (especially from new and extended contributors)
              stay true to a core vision.

            Are strategic requirements.

            Support the larger Vision.
CORE DESIGN PRINCIPLES...
                                  Tenets
Are a simple set of unique characteristics that make
  explicit the product specific qualities we value.

  Describe the experience we are trying to create.
         Kind of like a creative brief,
      Insure t for product design...?
           buthat new features and additions,
 (especially from new and extended contributors)
              stay true to a core vision.

            Are strategic requirements.

            Support the larger Vision.
Not to be confused with...

 Design Patterns / Universal Design Principles

 Design Guidelines

 Corporate (or Company) Values
EXAMPLES
IN THE WILD...
Google
Serendipity
 The accidental discovery of something fortunate, especially while looking for something
                        else entirely, is desired and encouraged.



         Elegance & Craftsmanship
   Solutions are unusually effective and simple, and reflect care for details and nuance.



    Sensual Display of Information
        Whether by images or simply through text, content is obvious in a glance.


                                        Fun!
While we do support efficient searches, we also believe that how you get there should be an
    enjoyable part of the experience. Life is better when you have fun along the way!


     Custom-Tailored Experiences
             Results are customized per the content, and for individual users.


                                 Integrity
         Choose data sources we believe in. Conduct ourselves with integrity. etc.
Microsoft
Surface
http://www.adaptivepath.com/blog/category/smartfm/
Google Calendar
HTC Hero
“After the Meeting”
                              Playful & Gamelike
    Get rewarded and recognized for good work; make a game out of honoring commitments



                                       Equalizing
              Level the playing field between different (especially hierarchical) roles



                                        Reflective
    After the Meeting holds a mirror up to my behaviors, from which I can learn and improve;
                              tight feedback loops help me get better



                                      A Safe Zone
Create sense of security & comfort through a structured environment where expectations are clear;
        create a “safe zone” where there is clarity & mutual accountability for assignments



                    “System Does Work For Me”
         Automation wherever possible— anticipates needs, follows up with people, etc.
         System requires very little input from me— only what is essential to be effective



                         “Pomp & Circumstance”
            Treat activity as something worth celebrating through highly visual pages
Charmr




         http://adaptivepath.com/charmr/
“   Once we all agree on the design philosophy of the
    overall house (the design tenets), we can independently
    go off and design our own room without worrying that
    the house won’t make sense once all the rooms are done.

    The alternative — doing the designs without tenets and
    in isolation — often leads to a situation in which you
    either have to do a costly and painful set of clean-ups
    late in the process or, more usually, you just ship an
    incongruous design and leave the users to sort it out.

    — JENSEN HARRIS |   GROUP PROGRAM MANAGER OF MICROSOFT’S OFFICE USER EXPERIENCE TEAM
TIPS:
Skip the obvious   TIP #1



useful • usable • desirable
human • clear • smart
easy to use • engaging


                            “Duh...”
TIP #2
Use concrete, specific, evocative language


             “provide a good experience”


             “joyous to use”


             “serendipitous”
Ask “What’s the opposite of...”      TIP #3



               “Social & Together”

                 “No Numbers”

                 “Easy to Use”

                  “Be the Best”
Describe & inspire (don’t specify)      TIP #4




            “We value the color blue”
                       vs
               “Open like the sky”
Schema               TIP #5
(Keep your design tenets discrete from and parallel to each other)




          Fun
                                            Huh? What’s the difference?
          Thrilling
          Visual
          Social
Get buy in   TIP #6



Target 4-7 tenets     TIP #7



Short 1 or 2 word statements are memorable   TIP #8



Tenets should extend and support a core vision
(NEVER compete with!!) TIP #9
“Developing Design Principles”
http://www.lukew.com/ff/entry.asp?854




“Making Design Principles Stick”
http://www.adaptivepath.com/ideas/essays/archives/001123.php
Thanks!
This presentation was prepared by

Stephen P. Anderson
@stephenanderson
For similar thoughts, please visit my site:
www.poetpainter.com

More Related Content

What's hot

Inclusion and Accessibility: UX Put into Practice
Inclusion and Accessibility: UX Put into PracticeInclusion and Accessibility: UX Put into Practice
Inclusion and Accessibility: UX Put into Practice
Experience Innovation Center
 

What's hot (20)

User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for Marketers
 
Ux design
Ux designUx design
Ux design
 
UX Design Process
UX Design ProcessUX Design Process
UX Design Process
 
Inclusion and Accessibility: UX Put into Practice
Inclusion and Accessibility: UX Put into PracticeInclusion and Accessibility: UX Put into Practice
Inclusion and Accessibility: UX Put into Practice
 
Accessibility and inclusive design
Accessibility and inclusive designAccessibility and inclusive design
Accessibility and inclusive design
 
High-Rise Iconic Buildings
High-Rise Iconic BuildingsHigh-Rise Iconic Buildings
High-Rise Iconic Buildings
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
 
Space and shell structures
Space and shell structuresSpace and shell structures
Space and shell structures
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
Diagrid Structures: Introduction & Literature Survey
Diagrid Structures: Introduction & Literature SurveyDiagrid Structures: Introduction & Literature Survey
Diagrid Structures: Introduction & Literature Survey
 
Inclusive Design 101
Inclusive Design 101Inclusive Design 101
Inclusive Design 101
 
UX Strategy Blueprint
UX Strategy BlueprintUX Strategy Blueprint
UX Strategy Blueprint
 
User interface design
User interface designUser interface design
User interface design
 
High-rise structural systems
High-rise structural systemsHigh-rise structural systems
High-rise structural systems
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
Report on high rise (2020) leading university
Report on high rise (2020) leading universityReport on high rise (2020) leading university
Report on high rise (2020) leading university
 
Usability: Part of User Experience (UX)
Usability: Part of User Experience (UX)Usability: Part of User Experience (UX)
Usability: Part of User Experience (UX)
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website Accessibility
 
UX Strategy - An Overview
UX Strategy - An OverviewUX Strategy - An Overview
UX Strategy - An Overview
 
UX design
UX designUX design
UX design
 

Viewers also liked

Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!
William Evans
 
Writing surveysthatwork
Writing surveysthatworkWriting surveysthatwork
Writing surveysthatwork
rebeccaweiss
 

Viewers also liked (14)

Information Architecture: Making Information Accessible and Useful
Information Architecture: Making Information Accessible and UsefulInformation Architecture: Making Information Accessible and Useful
Information Architecture: Making Information Accessible and Useful
 
Task Analysis
Task AnalysisTask Analysis
Task Analysis
 
UX Flows - Skillshare
UX Flows - SkillshareUX Flows - Skillshare
UX Flows - Skillshare
 
Design Thinking is Killing Creativity
Design Thinking is Killing CreativityDesign Thinking is Killing Creativity
Design Thinking is Killing Creativity
 
Design Strategy: Aligning Business Goals and User Needs
Design Strategy: Aligning Business Goals and User NeedsDesign Strategy: Aligning Business Goals and User Needs
Design Strategy: Aligning Business Goals and User Needs
 
Competitive Analysis: Strategic UX Spy Games - Lyle Kantrovich
Competitive Analysis: Strategic UX Spy Games - Lyle KantrovichCompetitive Analysis: Strategic UX Spy Games - Lyle Kantrovich
Competitive Analysis: Strategic UX Spy Games - Lyle Kantrovich
 
Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!
 
Design Synthesis
Design SynthesisDesign Synthesis
Design Synthesis
 
Writing surveysthatwork
Writing surveysthatworkWriting surveysthatwork
Writing surveysthatwork
 
10 tips for a better UX survey
10 tips for a better UX survey10 tips for a better UX survey
10 tips for a better UX survey
 
Better Ideas Faster: How to Brainstorm More Effectively
Better Ideas Faster: How to Brainstorm More EffectivelyBetter Ideas Faster: How to Brainstorm More Effectively
Better Ideas Faster: How to Brainstorm More Effectively
 
Designing Structure Part II: Information Archtecture
Designing Structure Part II: Information ArchtectureDesigning Structure Part II: Information Archtecture
Designing Structure Part II: Information Archtecture
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
 
Content Strategy for Everything
Content Strategy for EverythingContent Strategy for Everything
Content Strategy for Everything
 

Similar to (Design) Principles To Build By

Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12
Rob Surrency
 
How Design Triggers Transformation presented by Tjeerd Hoek
How Design Triggers Transformation presented by Tjeerd HoekHow Design Triggers Transformation presented by Tjeerd Hoek
How Design Triggers Transformation presented by Tjeerd Hoek
frog
 

Similar to (Design) Principles To Build By (20)

The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
Building Character: Creating Consistent Experiences With Design Principles- ...
Building Character: Creating Consistent Experiences With Design Principles-  ...Building Character: Creating Consistent Experiences With Design Principles-  ...
Building Character: Creating Consistent Experiences With Design Principles- ...
 
Design principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney HessDesign principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney Hess
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
 
10 Observations from 10+ years in the Corporate UX Trenches
10 Observations from 10+ years in the Corporate UX Trenches10 Observations from 10+ years in the Corporate UX Trenches
10 Observations from 10+ years in the Corporate UX Trenches
 
How To Sell Your UX Vision- UX Scotland 2015
How To Sell Your UX Vision- UX Scotland 2015How To Sell Your UX Vision- UX Scotland 2015
How To Sell Your UX Vision- UX Scotland 2015
 
Design Thinking for Quality Systems (with Notes)
Design Thinking for Quality Systems (with Notes)Design Thinking for Quality Systems (with Notes)
Design Thinking for Quality Systems (with Notes)
 
Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12
 
Next Level Collaboration: The Future of Content and Design by Rebekah Cancino...
Next Level Collaboration: The Future of Content and Design by Rebekah Cancino...Next Level Collaboration: The Future of Content and Design by Rebekah Cancino...
Next Level Collaboration: The Future of Content and Design by Rebekah Cancino...
 
Guiding UX Principles
Guiding UX PrinciplesGuiding UX Principles
Guiding UX Principles
 
How Design Triggers Transformation presented by Tjeerd Hoek
How Design Triggers Transformation presented by Tjeerd HoekHow Design Triggers Transformation presented by Tjeerd Hoek
How Design Triggers Transformation presented by Tjeerd Hoek
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UX
 
Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)
 
Maximizing the ROI of Design Thinking
Maximizing the ROI of Design ThinkingMaximizing the ROI of Design Thinking
Maximizing the ROI of Design Thinking
 
Maximizing the ROI of Design Thinking
Maximizing the ROI of Design ThinkingMaximizing the ROI of Design Thinking
Maximizing the ROI of Design Thinking
 
Concept product-story
Concept product-storyConcept product-story
Concept product-story
 
Demystifying the Design Sprint
Demystifying the Design SprintDemystifying the Design Sprint
Demystifying the Design Sprint
 
Real Talk: Proving Value through a Scrappy Playbook (Dianne Que at DesignOps ...
Real Talk: Proving Value through a Scrappy Playbook (Dianne Que at DesignOps ...Real Talk: Proving Value through a Scrappy Playbook (Dianne Que at DesignOps ...
Real Talk: Proving Value through a Scrappy Playbook (Dianne Que at DesignOps ...
 
Driving UX, Design, & Development collaboratively through the Enterprise
Driving UX, Design, & Development collaboratively through the EnterpriseDriving UX, Design, & Development collaboratively through the Enterprise
Driving UX, Design, & Development collaboratively through the Enterprise
 
Design Drivers
Design DriversDesign Drivers
Design Drivers
 

More from Stephen Anderson

What Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing ExperiencesWhat Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing Experiences
Stephen Anderson
 
Speaking up for Experiences
Speaking up for ExperiencesSpeaking up for Experiences
Speaking up for Experiences
Stephen Anderson
 
Place in Space (AKA "How to Design A Concept Model")
Place in Space (AKA "How to Design A Concept Model")Place in Space (AKA "How to Design A Concept Model")
Place in Space (AKA "How to Design A Concept Model")
Stephen Anderson
 
Sweating the UX Details
Sweating the UX DetailsSweating the UX Details
Sweating the UX Details
Stephen Anderson
 
From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
Stephen Anderson
 
Quest for Emotional Engagement: Information Visualization (v1.5)
Quest for Emotional Engagement: Information Visualization (v1.5)Quest for Emotional Engagement: Information Visualization (v1.5)
Quest for Emotional Engagement: Information Visualization (v1.5)
Stephen Anderson
 

More from Stephen Anderson (20)

What Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing ExperiencesWhat Board Games can Teach Us about Designing Experiences
What Board Games can Teach Us about Designing Experiences
 
Speaking up for Experiences
Speaking up for ExperiencesSpeaking up for Experiences
Speaking up for Experiences
 
Place in Space (AKA "How to Design A Concept Model")
Place in Space (AKA "How to Design A Concept Model")Place in Space (AKA "How to Design A Concept Model")
Place in Space (AKA "How to Design A Concept Model")
 
Hooked on a Feeling
Hooked on a FeelingHooked on a Feeling
Hooked on a Feeling
 
Sweating the UX Details
Sweating the UX DetailsSweating the UX Details
Sweating the UX Details
 
From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
 
The Architecture of Understanding (World IA Day Chicago Keynote)
The Architecture of Understanding (World IA Day Chicago Keynote)The Architecture of Understanding (World IA Day Chicago Keynote)
The Architecture of Understanding (World IA Day Chicago Keynote)
 
Stop Doing What Youre Told
Stop Doing What Youre ToldStop Doing What Youre Told
Stop Doing What Youre Told
 
Ideas You Can Play With
Ideas You Can Play WithIdeas You Can Play With
Ideas You Can Play With
 
Euro IA Closing Plenary - What I'm Curious About…
Euro IA Closing Plenary - What I'm Curious About…Euro IA Closing Plenary - What I'm Curious About…
Euro IA Closing Plenary - What I'm Curious About…
 
Quest for Emotional Engagement: Information Visualization (v1.5)
Quest for Emotional Engagement: Information Visualization (v1.5)Quest for Emotional Engagement: Information Visualization (v1.5)
Quest for Emotional Engagement: Information Visualization (v1.5)
 
To Boldly Go… From Information to Understanding
To Boldly Go… From Information to UnderstandingTo Boldly Go… From Information to Understanding
To Boldly Go… From Information to Understanding
 
What's Your Perception Strategy? (Why It's NOT All About Content)
What's Your Perception Strategy? (Why It's NOT All About Content)What's Your Perception Strategy? (Why It's NOT All About Content)
What's Your Perception Strategy? (Why It's NOT All About Content)
 
Playing Games with Your Career
Playing Games with Your CareerPlaying Games with Your Career
Playing Games with Your Career
 
The Stories We Construct
The Stories We ConstructThe Stories We Construct
The Stories We Construct
 
Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)
 
Long after the Thrill: Sustaining Passionate Users (SxSW Version)
Long after the Thrill: Sustaining Passionate Users (SxSW Version)Long after the Thrill: Sustaining Passionate Users (SxSW Version)
Long after the Thrill: Sustaining Passionate Users (SxSW Version)
 
Long After the Thrill: Sustaining Passionate Users
Long After the Thrill: Sustaining Passionate UsersLong After the Thrill: Sustaining Passionate Users
Long After the Thrill: Sustaining Passionate Users
 
The Subtle Art of Seduction
The Subtle Art of SeductionThe Subtle Art of Seduction
The Subtle Art of Seduction
 
When Data Gets Up Close and Personal
When Data Gets Up Close and PersonalWhen Data Gets Up Close and Personal
When Data Gets Up Close and Personal
 

(Design) Principles To Build By

  • 1. Principles to Build By Stephen P. Anderson | @stephenanderson
  • 2. A man came upon a construction site where three people were working. He asked the first, "What are you doing?" and the man answered, "I am laying bricks." He asked the second, "What are you doing?" and the man answered, "I am building a wall." He walked up to the third man, who was humming a tune as he worked and asked, "What are you doing?" and the man stood up and smiled and said, "I am building a cathedral."
  • 3. At your company... Are people laying bricks or building a cathedral?
  • 4. story mantra vision strategic intent purpose What is your cathedral? clarifying question flag in the sand rallying cry reason for being
  • 5.
  • 7. A vision is critical. But how do you ensure consistent design choices?
  • 8.
  • 9. “...serves to support or reinforce the wall.”
  • 10. CORE DESIGN PRINCIPLES... Tenets Are a simple set of unique characteristics that make explicit the product specific qualities we value. Describe the experience we are trying to create. Insure that new features and additions, (especially from new and extended contributors) stay true to a core vision. Are strategic requirements. Support the larger Vision.
  • 11. CORE DESIGN PRINCIPLES... Tenets Are a simple set of unique characteristics that make explicit the product specific qualities we value. Describe the experience we are trying to create. Kind of like a creative brief, Insure t for product design...? buthat new features and additions, (especially from new and extended contributors) stay true to a core vision. Are strategic requirements. Support the larger Vision.
  • 12. Not to be confused with... Design Patterns / Universal Design Principles Design Guidelines Corporate (or Company) Values
  • 15. Serendipity The accidental discovery of something fortunate, especially while looking for something else entirely, is desired and encouraged. Elegance & Craftsmanship Solutions are unusually effective and simple, and reflect care for details and nuance. Sensual Display of Information Whether by images or simply through text, content is obvious in a glance. Fun! While we do support efficient searches, we also believe that how you get there should be an enjoyable part of the experience. Life is better when you have fun along the way! Custom-Tailored Experiences Results are customized per the content, and for individual users. Integrity Choose data sources we believe in. Conduct ourselves with integrity. etc.
  • 20. “After the Meeting” Playful & Gamelike Get rewarded and recognized for good work; make a game out of honoring commitments Equalizing Level the playing field between different (especially hierarchical) roles Reflective After the Meeting holds a mirror up to my behaviors, from which I can learn and improve; tight feedback loops help me get better A Safe Zone Create sense of security & comfort through a structured environment where expectations are clear; create a “safe zone” where there is clarity & mutual accountability for assignments “System Does Work For Me” Automation wherever possible— anticipates needs, follows up with people, etc. System requires very little input from me— only what is essential to be effective “Pomp & Circumstance” Treat activity as something worth celebrating through highly visual pages
  • 21. Charmr http://adaptivepath.com/charmr/
  • 22. Once we all agree on the design philosophy of the overall house (the design tenets), we can independently go off and design our own room without worrying that the house won’t make sense once all the rooms are done. The alternative — doing the designs without tenets and in isolation — often leads to a situation in which you either have to do a costly and painful set of clean-ups late in the process or, more usually, you just ship an incongruous design and leave the users to sort it out. — JENSEN HARRIS | GROUP PROGRAM MANAGER OF MICROSOFT’S OFFICE USER EXPERIENCE TEAM
  • 23. TIPS:
  • 24. Skip the obvious TIP #1 useful • usable • desirable human • clear • smart easy to use • engaging “Duh...”
  • 25. TIP #2 Use concrete, specific, evocative language “provide a good experience” “joyous to use” “serendipitous”
  • 26. Ask “What’s the opposite of...” TIP #3 “Social & Together” “No Numbers” “Easy to Use” “Be the Best”
  • 27. Describe & inspire (don’t specify) TIP #4 “We value the color blue” vs “Open like the sky”
  • 28. Schema TIP #5 (Keep your design tenets discrete from and parallel to each other) Fun Huh? What’s the difference? Thrilling Visual Social
  • 29. Get buy in TIP #6 Target 4-7 tenets TIP #7 Short 1 or 2 word statements are memorable TIP #8 Tenets should extend and support a core vision (NEVER compete with!!) TIP #9
  • 30. “Developing Design Principles” http://www.lukew.com/ff/entry.asp?854 “Making Design Principles Stick” http://www.adaptivepath.com/ideas/essays/archives/001123.php
  • 31. Thanks! This presentation was prepared by Stephen P. Anderson @stephenanderson For similar thoughts, please visit my site: www.poetpainter.com