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

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 EVERTHOUGHT …  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'sfocus 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 Picturecourtesy of Badgees.cz
  • 7.
    But how doyou explain the to managers?
  • 8.
    Picture courtesy ofGiles Bowkett
  • 10.
    DESIGN TENETS Initiate changeof 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. Aregulation, 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  Anopinion, belief, or principle held to be true by someone or especially an organization. Obálku ilustroval Paul Kidby
  • 15.
  • 16.
    A man withouta vision is a man without a future. A man without a future will always return to his past. - An Old Proverb
  • 17.
  • 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!
  • 23.