Quality vs Velocity

Maintaining a standard of design and code quality in an agile environment

Transcript

1. Quality vs Velocity Maintaining a standard of design and code quality in an agile environment
2. A standard of quality
3. Craftsmanship
4. “Craftsmanship is a basic human impulse: the desire to do a job well for its own sake.” ~Richard Sennett
5. A craftsperson has: -An appreciation of good work -A belief in quality at every level -Vision -A preference for simplicity -Sincerity ~Ben Bodien
6. Craftsmanship and delivery
7. Strive for quality in all work.
8. Release, measure
9. No inherent compromise of essential quality in pace of work
10. Gaps in traditional ways of working allow for output without validation
11. Rapid iteration is not counter-intuitive to a good design process
12. Rapid prototyping does not imply disposable code
13. Elements of craftsmanship
14. -Fundamentally usable design -Accessible, measurable concepts -User experience modeled on shared and personal learning -Modular, reusable patterns of code -Output adhering and contributing to, a guide of living standards
15. Design for everyone
16. Minimum usable design
17. Design for the largest user audience
18. Iterate, iterate, iterate
19. Avoid the risk of diminishing returns
20. Convey a design vision
21. Make it accessible
22. Less tricks, more usability
23. Accessibility is crucial to early user-testing
24. Measurable everywhere
25. Content (and product proposition) is king
26. Avoid temptation
27. Bootstraps and boilerplates
28. Shiny things
29. Follow rules
30. -Web Content Accessibility Guidelines (WCAG) 2.0 (http:// www.w3.org/TR/WCAG/) -The Roles Model | Accessible Rich Internet Applications (WAI-ARIA) 1.0 (http://www.w3.org/TR/wai-aria/ roles#role_definitions)
31. -Check My Colours (Giovanni Scala) -Accessibility Color Wheel (Giacomo Mazzocato) -Digital Accessibility Centre
32. Craft a toolbox
33. Design patterns
34. Personal collection of layouts, concepts, and recurring patterns
35. Shared libraries. e.g. Pattern Tap, Dribbble, UI Parade, Lovely UI
36. Application templates. e.g. Omnigraffle Master pages and stencil sets
37. Modular and reusable code
38. A collection of common, reusable markup and style patterns
39. Lists, headings, user profiles, tables, content styling, navigation, etc. -pea.rs (Dan Cederholm) -Pattern Primer (Jeremy Keith) -Global Experience Language (BBC)
40. Prepare framework skeletons (Rails, iOS) and vanilla themes (WordPress)
41. Consider printing layouts and sketches for hands-on technical planning and analysis
42. Guides and manifestos
43. Living standards
44. -Firefox Brand Toolkit -Apple’s Human Interface Guidelines -MailChimp Design Patterns -GOV.UK Colour Palette
45. -Interface development standards (Richard Hallows) -Google HTML/CSS Style Guide -Front End Development Guideline (Tait Brown) -Idiomatic CSS (Nicolas Gallagher)
46. Collaborate
47. Peer reviews, documentation, presentations, centralized data
48. Our own set of living standards and recommendations
49. Mastercraft
50. Craft quality leads to experience leads to intuition
51. Let the angels and demons guide your decision making
52. “A good craftsperson regularly takes a step back from their work, and questions every facet of their product for its precise alignment with their core values of quality and sincerity.” ~Ben Bodien