Bad design in examples by Ross Sokolovski
Download as PPTX, PDF2 likes1,881 views
This document discusses common examples of bad design and provides tips to avoid them. It touches on principles like clarity, deference, depth, ambiguous alerts, out-of-place terminology, excessive branding, uninformative back buttons, and confusing animations. Specific tips include testing in grayscale, ensuring sufficient color contrast, using legible font sizes and types, controlling visual attention, and remembering the intent and user experience when designing graphics or interfaces. The document emphasizes testing designs with users and following established design guidelines.
Bad design in examples by Ross Sokolovski
- 1. Bad design in examples •Ross Sokolovski
- 2. What is bad design?
- 3. Why we design bad things?
- 5. Thinking from the point of expertise
- 6. Plenty of instruments, but the core principles are the same
- 7. Write down your ideas
- 8. CLARITY
- 10. You can’t talk about clarity without talking about user stories
- 11. DEFERENCE
- 12. The medium is the message
- 13. DEPTH
- 14. 14 And it’s not just about iOs
- 15. Common pitfalls
- 16. Bad icons
- 17. 17 Yep, they are showing who you are
- 20. 20 Great glass of Pinot Noir
- 21. 21 Does that look great?
- 22. 22 Or maybe we need more like this one?
- 23. 23 It’s all about context
- 24. 24 And ability to change
- 25. Tiny controls
- 26. 26 Well, it’s so informative, good job!
- 28. 28 It’s for your fingers
- 29. 29 It’s for your fingers
- 30. 30 It’s for your fingers
- 31. 31 You can even make it bigger
- 32. 32 How big is too big?
- 33. 33 How big is too big?
- 34. 34 Make a “field” study
- 37. 37 Ohh, boring
- 38. 38 - Let’s make it brighter!
- 39. 39 How to avoid • Test in grayscale • Make it at least 50% contrast • Avoid small-sized script typefaces • Control the attention • Avoid mixing typefaces • Don’t forget about alignment • Minimum text size is 11 pt • Default text size for body is 17 pt
- 40. 40 Too simple?
- 41. 41 Everything in it’s right places
- 43. 43 Easy to look and scan
- 44. 44 Make it clear
- 47. Ambiguous alerts
- 48. 48 So…
- 49. 49 So…
- 51. 51 Label buttons according to their actions
- 52. 52 Label buttons according to their actions
- 53. 53 Label buttons according to their actions
- 54. 54 Place the affirmative button to the…
- 55. 55 Right
- 57. 57 Make your language user
- 58. 58 Make your language user
- 60. 60 - We want to build the brand recognition
- 61. 61 - So, make a good icon
- 63. 63 Show me where you guide me
- 64. 64 Show me where you guide me
- 68. 68 ProCreate
- 69. 69 WWF Together
- 70. 70 Wild Tattoo
- 71. 71 Wild Tattoo
- 72. 72 Intent?
- 73. 73 Intent?
- 74. INTENT FIRST
- 76. AND THE LAST ONE…
- 77. REMEMBER WHY
- 78. Thank you USA TELEPHONE Toll-Free: 866.687.3588 Office: 239.690.3111 EMAIL info@softserveinc.com WEBSITE: www.softserveinc.com EUROPE OFFICES United Kingdom Germany Netherlands Ukraine Bulgaria US OFFICES Austin, TX Fort Myers, FL Boston, MA Newport Beach, CA Salt Lake City, UT