WTF is UX?
-
Upload
piotr-bakker -
Category
Design
-
view
629 -
download
0
Transcript of WTF is UX?
WTF is UX?Some basics of user experience design you can
implement today.
by Piotr Bakker
Satisfaction.(My definition)
Satisfaction
Fulfilment of one's wishes, expectations, or needs; or the pleasure derived from this.
The Basics
• Layout
• Navigation
• Typography
• Colours
• Animation
Layout
• F-shape
• Rule of 4
• Negative space
Great use of the “rule of 4” and negative space.
Wonderful use of the F-shape.
Navigation
• You are here
• Common design patterns
• Indicators: labels, tool-tips
• Recovery from error
Clear indicators: labels, tooltips, highlights.
Non-intrusive tooltip and a clearly marked exit button.
Typography Typography
• Readability
• Mixing fonts
• Language
Single font family is often enough.
Mixing 2+ fonts can work if you know what you are doing.
Using users’ language.
Colours
• Colour theory
• Matching colours
• Colour-coding
Red to indicate performance, green to show trust.
Animation
• Illusion of life → future
• Timing: can you do it fast enough?
• Attention vs. distraction
Principles
• Consistency
• Variation
• Simplicity
• Consideration
• Usability
Flops(Spot the mistakes)
What’s wrong? Where do I begin… ;)
Waaaaaaay too many characters per line of text…
This could do with some labeling and recovery from error.