design tenets: one step closer to a pixel perfect experience
DESCRIPTION
This presentation will tell you: - what design tenets are - when and why use them - how co create your own tenets This version was user on the UX Camp Europe 2011 in Berlin at June 11.TRANSCRIPT
![Page 1: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/1.jpg)
Picture courtesy of MumbleyJoe (Tyler)
Petr.Štědrý@dobryweb.cz Petr.Stedry
@vorkronor
![Page 2: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/2.jpg)
IF YOU EVER THOUGHT …
This doesn‘t fit!
It shouldn‘t be done that way!
It doesn‘t feel right?
Picture courtesy of @chrisonea
![Page 3: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/3.jpg)
GOOD INTENTIONS
GOOD RESULTS
Picture courtesy of Wikipedia
![Page 4: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/4.jpg)
What helped them get it right
the ?
![Page 5: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/5.jpg)
Jensen Harris Group Program Manager Microsoft Office User Experience team
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.
![Page 6: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/6.jpg)
A COMMUNICATION ISSUE
Picture courtesy of Badgees.cz
![Page 7: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/7.jpg)
But how do you explain the
to managers?
![Page 8: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/8.jpg)
Picture courtesy of Giles Bowkett
![Page 9: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/9.jpg)
![Page 10: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/10.jpg)
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
![Page 11: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/11.jpg)
Rules, guidelines, tenets. What‘s the difference?
![Page 12: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/12.jpg)
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.
![Page 13: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/13.jpg)
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.
![Page 14: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/14.jpg)
tenet An opinion, belief, or
principle held to be true by someone or especially an organization.
Obálku ilustroval Paul Kidby
![Page 15: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/15.jpg)
?
![Page 16: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/16.jpg)
- An Old Proverb
A man without a vision is a man without a future.
A man without a future will always return to his past.
![Page 17: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/17.jpg)
?
Picture courtesy of IKEA
![Page 18: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/18.jpg)
KNOW THE TEAM
Do they look the outside of their box?
Ever seen a customer?
Too long on one project?
Listen to their concerns!
![Page 19: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/19.jpg)
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
![Page 20: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/20.jpg)
PROPAGANDA!
Presentations!
Posters!
Tell stories!
Replace Lorem Ipsum with your design tenets!
![Page 21: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/21.jpg)
![Page 22: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/22.jpg)
![Page 23: Design tenets: One Step closer to a pixel perfect experience](https://reader033.vdocuments.net/reader033/viewer/2022051819/54c777284a7959f34f8b45e1/html5/thumbnails/23.jpg)
Thanks for coming! Petr.Štědrý@dobryweb.cz Petr.Stedry
@vorkronor