Design Pattern Library - Why, How, When, and Who?

1,352 views

Published on

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,352
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
9
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Design Pattern Library - Why, How, When, and Who?

  1. 1. Design Pattern Library Why, How, When and Who Karri Ojanen – 09/25/2012 CONCEPTOLOGY
  2. 2. Design Patterns Photo by bdeshamPattern = “optimal solution to a commonproblem within a specific context”(e.g. tabs, pagination…) CONCEPTOLOGY
  3. 3. Patterns vs. Components• Patterns describe the overarching concept behind an interaction• A component is a specific, skinned implementation of a pattern – Components are how patterns become “real”, visually designed pieces of the interface CONCEPTOLOGY
  4. 4. Design Pattern LibraryA pattern library is a collection of thebuilding blocks that form the product (e.g.application, tool, or website) Photo by Rob Young CONCEPTOLOGY
  5. 5. What to Include?• What the pattern is• When and why to use it• A visual example – Reusable design comp• An example in context• A link to the dev component – Live example and code snippet CONCEPTOLOGY
  6. 6. Why?• Consistency – Creating an interface that is consistently good is critical to creating a great brand and product• Efficiency – Pattern library frees designers from the heavy lifting of repetitive design work• Speed – Pattern library gives designers and developers the building blocks to construct complex interactions• Vocabulary – Pattern library gives the team a shared understanding• Evolution – When a component gets changed, it is updated across all instances in the product CONCEPTOLOGY
  7. 7. Who?• Librarian – The head of UX/IxD or another interaction design lead – Does the initial set up, owns, and maintains the library• Designer – Collects, creates, owns and maintains the visual design assets• Developers – Collect, create, own and maintain the dev assets CONCEPTOLOGY
  8. 8. Resources• Kris Niles: Creating a Pattern Library with Evernote and Fireworks• Erin Malone: Why Have a Design Pattern Library?• Nathan Curtis:So You Wanna Build a Library, Eh? CONCEPTOLOGY
  9. 9. Karri Ojanen@karrioConceptology.orgFinnformation.net CONCEPTOLOGY

×