Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Quality vs Velocity
Search
Mark Mitchell
August 30, 2012
Design
0
270
Quality vs Velocity
Maintaining a standard of design and code quality in an agile environment
Mark Mitchell
August 30, 2012
Tweet
Share
More Decks by Mark Mitchell
See All by Mark Mitchell
Narrative
withoutnations
0
4.5k
Responsive Web Design & WordPress
withoutnations
11
980
Other Decks in Design
See All in Design
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
140
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
330
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3k
7 Core Values of Round-L
wired888
0
340
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
730
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.7k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
760
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
Featured
See All Featured
Designing for Performance
lara
610
69k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
Typedesign – Prime Four
hannesfritz
42
2.7k
Navigating Team Friction
lara
187
15k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
830
How GitHub (no longer) Works
holman
314
140k
Raft: Consensus for Rubyists
vanstee
140
7k
Statistics for Hackers
jakevdp
799
220k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Faster Mobile Websites
deanohume
307
31k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
Quality vs Velocity Maintaining a standard of design and code
quality in an agile environment
A standard of quality
Craftsmanship
“Craftsmanship is a basic human impulse: the desire to do
a job well for its own sake.” ~Richard Sennett
A craftsperson has: -An appreciation of good work -A belief
in quality at every level -Vision -A preference for simplicity -Sincerity ~Ben Bodien
Craftsmanship and delivery
Strive for quality in all work.
Release, measure
No inherent compromise of essential quality in pace of work
Gaps in traditional ways of working allow for output without
validation
Rapid iteration is not counter-intuitive to a good design process
Rapid prototyping does not imply disposable code
Elements of craftsmanship
-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
Design for everyone
Minimum usable design
Design for the largest user audience
Iterate, iterate, iterate
Avoid the risk of diminishing returns
Convey a design vision
Make it accessible
Less tricks, more usability
Accessibility is crucial to early user-testing
Measurable everywhere
Content (and product proposition) is king
Avoid temptation
Bootstraps and boilerplates
Shiny things
Follow rules
-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)
-Check My Colours (Giovanni Scala) -Accessibility Color Wheel (Giacomo Mazzocato)
-Digital Accessibility Centre
Craft a toolbox
Design patterns
Personal collection of layouts, concepts, and recurring patterns
Shared libraries. e.g. Pattern Tap, Dribbble, UI Parade, Lovely UI
Application templates. e.g. Omnigraffle Master pages and stencil sets
Modular and reusable code
A collection of common, reusable markup and style patterns
Lists, headings, user profiles, tables, content styling, navigation, etc. -pea.rs
(Dan Cederholm) -Pattern Primer (Jeremy Keith) -Global Experience Language (BBC)
Prepare framework skeletons (Rails, iOS) and vanilla themes (WordPress)
Consider printing layouts and sketches for hands-on technical planning and
analysis
Guides and manifestos
Living standards
-Firefox Brand Toolkit -Apple’s Human Interface Guidelines -MailChimp Design Patterns
-GOV.UK Colour Palette
-Interface development standards (Richard Hallows) -Google HTML/CSS Style Guide -Front
End Development Guideline (Tait Brown) -Idiomatic CSS (Nicolas Gallagher)
Collaborate
Peer reviews, documentation, presentations, centralized data
Our own set of living standards and recommendations
Mastercraft
Craft quality leads to experience leads to intuition
Let the angels and demons guide your decision making
“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