IA/UX Rochester Critique Night

A few slides I put together to help set the tone & expectations of our first critique night at IA/UX Rochester.

Transcript

1. CRITIQUE IA/UX Rochester - 8/8/2012 Nathan Henderson - @nathos NIGHT
2. CRITIQUE IA/UX Rochester - 8/8/2012 Nathan Henderson - @nathos NIGHT too big? oblique sans-serif is a bit hard to read DAT SKEUOMORPH
3. CRITIQUE
4. CRITIQUE BASICS • Has the critique/feedback been invited? • Who is asking for feedback? Designers? Engineers? Managers? • Check egos at the door • No need to be rude or mean • The ol’ “shit sandwich”
5. • More than “this sucks” – be sure to ask “why” to understand underlying motivations • Emotions are important, but back them up technically • Describe what works in addition to what doesn’t • Beware “this solution would be better” as it can derail the discovery & analysis process. Don’t try to fix it (yet) ANALYSIS, NOT SOLUTIONS
6. WHAT ELSE? • Learn the domain vocabulary (more on that in a moment) • Even bad choices can have good intent. Explore them • Take notes • Critique is how we improve • It’s not in the DNA of some organizations. Beware • Tighly - knit groups can develop similar sensibilities. Shake them up
7. CRITIQUE YOURSELF • A great way to start to learn the skills • Requires distance from the work • Try critiquing something you designed/built 3, 6, even 12 months ago.
8. http://vimeo.com/40302482 http://www.slideshare.net/adamconnor/discussing - design - the - art - of - critique
9. (JUST) A FEW DESIGN CONCEPTS TO CONSIDER
10. Fitts’s Law “The time required to rapidly move to a target area is a function of the distance to the target and the size of the target.”
11. • Big targets are easier to click/tap than small targets • Nearby targets are easier to click/tap than far away targets • Screen edges are special cases (when using a mouse) Fitts’s Law
12. Hick’s Law “The time it takes for a person to make a decision is proportional to the possible choices he or she has.”
13. Hick’s Law fewer choices = faster decisions
14. Patterns & Contrast The human brain is great at detecting (and sometimes creating) patterns
15. Patterns & Contrast
16. Patterns & Contrast
17. Patterns & Contrast
18. Patterns & Contrast
19. Patterns & Contrast
20. Patterns & Contrast
21. Color Colors can have cultural and other established connotations
22. Color HOT COLD
23. Color STOP GO
24. Color BOYS GIRLS
25. Color 8% of men (and 0.5% of women) have some form of color blindness
26. Typography - Line length In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus. Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Aenean facilisis nulla vitae urna tincidunt congue sed ut dui. Morbi malesuada nulla nec purus convallis consequat. Vivamus id mollis quam. Morbi ac commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.
27. Typography - Line length In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi.
28. Typography - Line height (leading) In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus. Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Aenean facilisis nulla vitae urna tincidunt congue sed ut dui.
29. Typography - Line height (leading) In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus.
30. Typeface Choice
31. I am serious and businesslike
32. I am not serious nor businesslike (COMIC SANS)
33. I am Playful and Carefree
34. I am not Playful nor Carefree (TRAJAN)
35. RECOMMENDED READING
36. Universal Principles of Design