SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
Petr.Stedry
Petr.Štědrý@dobryweb.cz
     @vorkronor
                          Picture courtesy of MumbleyJoe (Tyler)
IF YOU EVER THOUGHT …
        This doesn‘t fit!

        It shouldn‘t be
         done that way!
        It doesn‘t feel
         right?



Picture courtesy of @chrisonea
GOOD INTENTIONS


                       GOOD RESULTS

Picture courtesy of Wikipedia
What helped them
    get it right
the              ?
 A person's focus should be on their content, not on the UI. Help people
  work without interference.
 Reduce the number of choices presented at any given time.
 Increase efficiency.
 Embrace consistency, but not homogeneity.
 Give features a permanent home. Prefer consistent-location UI over
  "smart" UI.
 Straightforward is better than clever.

                                      ̶ Jensen Harris
                                           Group Program Manager
                                           Microsoft Office User Experience team
A COMMUNICATION ISSUE




Picture courtesy of Badgees.cz
But how do you
explain the

to managers?
Picture courtesy of Giles Bowkett
DESIGN TENETS
Initiate change of mindset
Inspire ideas
Help communicate design decisions
Describe the experience
Help people decide when in doubt
Direct improvement efforts
Neutralize zombie personas
Rules, guidelines, tenets. What‘s the difference?
rule
 1. A regulation, law, guideline.
 2. A ruler; device for measuring, a straightedge, a measure.
 3. Something to keep order.
 4. A straight line (continuous mark, as made by a pen or the like),
    especially one lying across a paper as a guide for writing.
guideline
 1.   A non-specific rule or principle that provides direction to action or
      behaviour.
 2.   A plan or explanation to guide one in setting standards or
      determining a course of action.
 3.   A light line, used in lettering, to help align the text.
tenet
  An opinion, belief, or
   principle held to be
   true by someone or
   especially an
   organization.



                            Obálku ilustroval Paul Kidby
?
A man without a vision is a man
without a future.
A man without a future will
always return to his past.
                     - An Old Proverb
?

Picture courtesy of IKEA
KNOW THE TEAM
 Do they look the outside of their box?
 Ever seen a customer?
                  Too long on one project?
                  Listen to their concerns!
KNOW YOUR PRODUCT
        What helps your product?

        What to get rid of?

        Trends you
            missed?
        HIPPO on the
            horizon?

Image courtesy of The Small Business Blog
PROPAGANDA!
         Presentations!

         Posters!

         Tell stories!

         Replace Lorem Ipsum
          with your design
          tenets!
Thanks for coming!
Petr.Stedry
Petr.Štědrý@dobryweb.cz
    @vorkronor

Más contenido relacionado

La actualidad más candente

The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...
The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...
The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...visual_think_map
 
Ideation Workshop
Ideation WorkshopIdeation Workshop
Ideation WorkshopRachel Liu
 
Insightful Quotes by Brilliant Women Designers
Insightful Quotes by Brilliant Women DesignersInsightful Quotes by Brilliant Women Designers
Insightful Quotes by Brilliant Women DesignersLogo Design Guru
 
Inspiring Quotes by Female Designers
Inspiring Quotes by Female DesignersInspiring Quotes by Female Designers
Inspiring Quotes by Female DesignersLogo Design Guru
 
(Design) Principles To Build By
(Design) Principles To Build By(Design) Principles To Build By
(Design) Principles To Build ByStephen Anderson
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UIChristina Wodtke
 
The World of Tomorrow: Why You're Probably Wrong About Everything
The World of Tomorrow: Why You're Probably Wrong About EverythingThe World of Tomorrow: Why You're Probably Wrong About Everything
The World of Tomorrow: Why You're Probably Wrong About EverythingEli Silva
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!DesignMantic
 
Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For ExecutivesEffectiveUI
 
Lights! Camera! Interaction! What Designers Can Learn From Filmmakers
Lights! Camera! Interaction! What Designers Can Learn From FilmmakersLights! Camera! Interaction! What Designers Can Learn From Filmmakers
Lights! Camera! Interaction! What Designers Can Learn From FilmmakersAdam Connor
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
 
We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...
We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...
We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...Rosenfeld Media
 
Self awareness and customer research
Self awareness and customer researchSelf awareness and customer research
Self awareness and customer researchVictoria O'Callaghan
 
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- ...Mad*Pow
 
What is design?
What is design?What is design?
What is design?FionaBotha
 
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy WonkaVisual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy WonkaKelsey Ruger
 

La actualidad más candente (19)

Visual Tools for Consultants from Eris Weaver
Visual Tools for Consultants from Eris WeaverVisual Tools for Consultants from Eris Weaver
Visual Tools for Consultants from Eris Weaver
 
The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...
The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...
The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...
 
Ideation Workshop
Ideation WorkshopIdeation Workshop
Ideation Workshop
 
Insightful Quotes by Brilliant Women Designers
Insightful Quotes by Brilliant Women DesignersInsightful Quotes by Brilliant Women Designers
Insightful Quotes by Brilliant Women Designers
 
Inspiring Quotes by Female Designers
Inspiring Quotes by Female DesignersInspiring Quotes by Female Designers
Inspiring Quotes by Female Designers
 
(Design) Principles To Build By
(Design) Principles To Build By(Design) Principles To Build By
(Design) Principles To Build By
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UI
 
The World of Tomorrow: Why You're Probably Wrong About Everything
The World of Tomorrow: Why You're Probably Wrong About EverythingThe World of Tomorrow: Why You're Probably Wrong About Everything
The World of Tomorrow: Why You're Probably Wrong About Everything
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!
 
Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For Executives
 
Design All The Things
Design All The ThingsDesign All The Things
Design All The Things
 
Lights! Camera! Interaction! What Designers Can Learn From Filmmakers
Lights! Camera! Interaction! What Designers Can Learn From FilmmakersLights! Camera! Interaction! What Designers Can Learn From Filmmakers
Lights! Camera! Interaction! What Designers Can Learn From Filmmakers
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...
We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...
We’ve Never Done This Before (Nova Wehman-Brown and Ken Hoffmann at Enterpris...
 
Self awareness and customer research
Self awareness and customer researchSelf awareness and customer research
Self awareness and customer research
 
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- ...
 
What is design?
What is design?What is design?
What is design?
 
UX and Design Thinking for Startups
UX and Design Thinking for StartupsUX and Design Thinking for Startups
UX and Design Thinking for Startups
 
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy WonkaVisual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
 

Similar a Design tenets: One Step closer to a pixel perfect experience

Design the future of the Australian Web Industry with Design Thinking
Design the future of the Australian Web Industry with Design ThinkingDesign the future of the Australian Web Industry with Design Thinking
Design the future of the Australian Web Industry with Design ThinkingWilliam Donovan
 
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 Hesswww.usarte.co
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UXWhitney Hess
 
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 developersNick Myers
 
Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!Dr. Melissa Sassi
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Amir Khella
 
Design Thinking Method Sticker 2014
Design Thinking Method Sticker 2014Design Thinking Method Sticker 2014
Design Thinking Method Sticker 2014Design Thinking HSG
 
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...Kate Rutter
 
Pen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to DesignPen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to DesignKate Rutter
 
UX London Redux - Dan Saffer
UX London Redux - Dan SafferUX London Redux - Dan Saffer
UX London Redux - Dan Saffercpetzny
 
LECTURE 2: Don Stanley's Design Class LSC 332 @UW Madison
LECTURE 2: Don Stanley's Design Class LSC 332 @UW MadisonLECTURE 2: Don Stanley's Design Class LSC 332 @UW Madison
LECTURE 2: Don Stanley's Design Class LSC 332 @UW MadisonDon Stanley
 
A conversation about Design thinking
A conversation about Design thinkingA conversation about Design thinking
A conversation about Design thinkingAbhinav Soni
 
International Innovation for AURA
International Innovation for AURAInternational Innovation for AURA
International Innovation for AURANick Coates
 
Module 05: Personas and Scenarios
Module 05: Personas and ScenariosModule 05: Personas and Scenarios
Module 05: Personas and ScenariosDaniel Drew Turner
 
Discover and act on insights about people
Discover and act on insights about peopleDiscover and act on insights about people
Discover and act on insights about peopleSteve Portigal
 
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...BayCHI
 
Design thinking and Role Playing
Design thinking and Role PlayingDesign thinking and Role Playing
Design thinking and Role PlayingJoud Khattab
 

Similar a Design tenets: One Step closer to a pixel perfect experience (20)

Design the future of the Australian Web Industry with Design Thinking
Design the future of the Australian Web Industry with Design ThinkingDesign the future of the Australian Web Industry with Design Thinking
Design the future of the Australian Web Industry with Design Thinking
 
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
 
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
 
Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!Ready to be a Design Thinking Supa' Star?!
Ready to be a Design Thinking Supa' Star?!
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?
 
Ideas born social
Ideas born socialIdeas born social
Ideas born social
 
Design Thinking Method Sticker 2014
Design Thinking Method Sticker 2014Design Thinking Method Sticker 2014
Design Thinking Method Sticker 2014
 
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
 
Pen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to DesignPen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to Design
 
UX London Redux - Dan Saffer
UX London Redux - Dan SafferUX London Redux - Dan Saffer
UX London Redux - Dan Saffer
 
LECTURE 2: Don Stanley's Design Class LSC 332 @UW Madison
LECTURE 2: Don Stanley's Design Class LSC 332 @UW MadisonLECTURE 2: Don Stanley's Design Class LSC 332 @UW Madison
LECTURE 2: Don Stanley's Design Class LSC 332 @UW Madison
 
A conversation about Design thinking
A conversation about Design thinkingA conversation about Design thinking
A conversation about Design thinking
 
International Innovation for AURA
International Innovation for AURAInternational Innovation for AURA
International Innovation for AURA
 
Module 05: Personas and Scenarios
Module 05: Personas and ScenariosModule 05: Personas and Scenarios
Module 05: Personas and Scenarios
 
Discover and act on insights about people
Discover and act on insights about peopleDiscover and act on insights about people
Discover and act on insights about people
 
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
 
Penandpapertools
PenandpapertoolsPenandpapertools
Penandpapertools
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Design thinking and Role Playing
Design thinking and Role PlayingDesign thinking and Role Playing
Design thinking and Role Playing
 

Más de Petr Stedry

Design Zen – Improving your designs by staying curious longer
Design Zen – Improving your designs by staying curious longerDesign Zen – Improving your designs by staying curious longer
Design Zen – Improving your designs by staying curious longerPetr Stedry
 
Staň se UXákem i TY!!!
Staň se UXákem i TY!!!Staň se UXákem i TY!!!
Staň se UXákem i TY!!!Petr Stedry
 
Future of UX Education (#uxce15)
Future of UX Education (#uxce15)Future of UX Education (#uxce15)
Future of UX Education (#uxce15)Petr Stedry
 
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Petr Stedry
 
Designing Life Experience
Designing Life ExperienceDesigning Life Experience
Designing Life ExperiencePetr Stedry
 
Žijeme s uživateli
Žijeme s uživateliŽijeme s uživateli
Žijeme s uživateliPetr Stedry
 
Design without critique is like a flower without water (WebExpo 2013 version)
Design without critique is like a flower without water (WebExpo 2013 version)Design without critique is like a flower without water (WebExpo 2013 version)
Design without critique is like a flower without water (WebExpo 2013 version)Petr Stedry
 
Design without critique is like a flower without water (#uxce13 version)
Design without critique is like a flower without water (#uxce13 version)Design without critique is like a flower without water (#uxce13 version)
Design without critique is like a flower without water (#uxce13 version)Petr Stedry
 
Design studio workshop
Design studio workshopDesign studio workshop
Design studio workshopPetr Stedry
 
I don't like your design
I don't like your designI don't like your design
I don't like your designPetr Stedry
 
Neptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníků
Neptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníkůNeptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníků
Neptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníkůPetr Stedry
 
Design Tenets - O krok blíž k lepšímu uživatelskému prožitku
Design Tenets - O krok blíž k lepšímu uživatelskému prožitkuDesign Tenets - O krok blíž k lepšímu uživatelskému prožitku
Design Tenets - O krok blíž k lepšímu uživatelskému prožitkuPetr Stedry
 

Más de Petr Stedry (12)

Design Zen – Improving your designs by staying curious longer
Design Zen – Improving your designs by staying curious longerDesign Zen – Improving your designs by staying curious longer
Design Zen – Improving your designs by staying curious longer
 
Staň se UXákem i TY!!!
Staň se UXákem i TY!!!Staň se UXákem i TY!!!
Staň se UXákem i TY!!!
 
Future of UX Education (#uxce15)
Future of UX Education (#uxce15)Future of UX Education (#uxce15)
Future of UX Education (#uxce15)
 
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
 
Designing Life Experience
Designing Life ExperienceDesigning Life Experience
Designing Life Experience
 
Žijeme s uživateli
Žijeme s uživateliŽijeme s uživateli
Žijeme s uživateli
 
Design without critique is like a flower without water (WebExpo 2013 version)
Design without critique is like a flower without water (WebExpo 2013 version)Design without critique is like a flower without water (WebExpo 2013 version)
Design without critique is like a flower without water (WebExpo 2013 version)
 
Design without critique is like a flower without water (#uxce13 version)
Design without critique is like a flower without water (#uxce13 version)Design without critique is like a flower without water (#uxce13 version)
Design without critique is like a flower without water (#uxce13 version)
 
Design studio workshop
Design studio workshopDesign studio workshop
Design studio workshop
 
I don't like your design
I don't like your designI don't like your design
I don't like your design
 
Neptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníků
Neptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníkůNeptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníků
Neptejte se "Jak se vám líbí náš web", měřte pocity svých návštěvníků
 
Design Tenets - O krok blíž k lepšímu uživatelskému prožitku
Design Tenets - O krok blíž k lepšímu uživatelskému prožitkuDesign Tenets - O krok blíž k lepšímu uživatelskému prožitku
Design Tenets - O krok blíž k lepšímu uživatelskému prožitku
 

Design tenets: One Step closer to a pixel perfect experience

  • 1. Petr.Stedry Petr.Štědrý@dobryweb.cz @vorkronor Picture courtesy of MumbleyJoe (Tyler)
  • 2. IF YOU EVER THOUGHT …  This doesn‘t fit!  It shouldn‘t be done that way!  It doesn‘t feel right? Picture courtesy of @chrisonea
  • 3. GOOD INTENTIONS GOOD RESULTS Picture courtesy of Wikipedia
  • 4. What helped them get it right the ?
  • 5.  A person's focus should be on their content, not on the UI. Help people work without interference.  Reduce the number of choices presented at any given time.  Increase efficiency.  Embrace consistency, but not homogeneity.  Give features a permanent home. Prefer consistent-location UI over "smart" UI.  Straightforward is better than clever. ̶ Jensen Harris Group Program Manager Microsoft Office User Experience team
  • 6. A COMMUNICATION ISSUE Picture courtesy of Badgees.cz
  • 7. But how do you explain the to managers?
  • 8. Picture courtesy of Giles Bowkett
  • 9.
  • 10. DESIGN TENETS Initiate change of mindset Inspire ideas Help communicate design decisions Describe the experience Help people decide when in doubt Direct improvement efforts Neutralize zombie personas
  • 11. Rules, guidelines, tenets. What‘s the difference?
  • 12. rule 1. A regulation, law, guideline. 2. A ruler; device for measuring, a straightedge, a measure. 3. Something to keep order. 4. A straight line (continuous mark, as made by a pen or the like), especially one lying across a paper as a guide for writing.
  • 13. guideline 1. A non-specific rule or principle that provides direction to action or behaviour. 2. A plan or explanation to guide one in setting standards or determining a course of action. 3. A light line, used in lettering, to help align the text.
  • 14. tenet  An opinion, belief, or principle held to be true by someone or especially an organization. Obálku ilustroval Paul Kidby
  • 15. ?
  • 16. A man without a vision is a man without a future. A man without a future will always return to his past. - An Old Proverb
  • 18. KNOW THE TEAM  Do they look the outside of their box?  Ever seen a customer?  Too long on one project?  Listen to their concerns!
  • 19. KNOW YOUR PRODUCT  What helps your product?  What to get rid of?  Trends you missed?  HIPPO on the horizon? Image courtesy of The Small Business Blog
  • 20. PROPAGANDA!  Presentations!  Posters!  Tell stories!  Replace Lorem Ipsum with your design tenets!
  • 21.
  • 22.