Quality vs Velocity

5ef4c4c2ba2bae0ac22e66a879288bee?s=47 Mark Mitchell
August 30, 2012

Quality vs Velocity

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


Mark Mitchell

August 30, 2012


  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

  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

  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