Documenting design patterns
-
Upload
dani-nordin -
Category
Design
-
view
130 -
download
2
Transcript of Documenting design patterns
[email protected] :: @danigrrl
About Me
Senior UX Designer, Harvard Business Review Group
UXD Bootcamp, General Assembly
Author, Drupal for Designers (O’Reilly, 2012)
[email protected] :: @danigrrl
The Great
• Based in site CSS
• Mobile first
• Creates repeatable, reusable design patterns
• Speeds up front-end production
[email protected] :: @danigrrl
The Not So Great
• Documentation lacking
• Disorganized
• Design team still working in PSD comps
“Why don’t you just use this helper class?”
<div class=“credit text-very-tight line-height-loose push-1 medium-3 columns…
[email protected] :: @danigrrl
[email protected] :: @danigrrl
[email protected] :: @danigrrl
[email protected] :: @danigrrl
[email protected] :: @danigrrl
Principles & Guidelines
• Guiding principles
• Colors
• Typography
• Iconography
• Responsive grid
• Visibility helper classes
[email protected] :: @danigrrl
Other considerations
• System messaging
• Interface copy
• Design/user testing protocols and process
• Interaction standards
[email protected] :: @danigrrl
The process is still evolving
http://commons.wikimedia.org/wiki/File:Evolution-des-wissens.jpg