Interactive Design And Drupal
-
Upload
sbullo -
Category
Technology
-
view
114 -
download
3
description
Transcript of Interactive Design And Drupal
![Page 1: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/1.jpg)
CREATING USABLE WEBSITESDo It With Drupal!December 2008
![Page 2: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/2.jpg)
Do It With Drupal | December 2008
Bond Art + Science_Founder and Partner
School of Visual Arts MFA in Interaction Design_Interaction Design History_Design Management
Razorfish_First information architect_VP and National Lead for User Experience
Clients_The New York Times_Fast Company_The Atlantic_Condé Nast _New York Public Library_Disney Internet Group_Encyclopedia Britannica
2
KAREN MCGRANE
![Page 3: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/3.jpg)
Do It With Drupal | December 2008
DRUPAL IS SO POWERFUL!
3
![Page 4: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/4.jpg)
Do It With Drupal | December 2008
DRUPAL HAS TOO MANY OPTIONS.
4
![Page 5: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/5.jpg)
Do It With Drupal | December 2008
Drupal makes so many options available that developers have a hard time knowing how to choose the right ones so that the site makes sense to the user. Could you pick some common interactions and describe how to make them more usable?
—Jeff Robbins
5
![Page 6: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/6.jpg)
Do It With Drupal | December 2008
SURE!
6
![Page 7: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/7.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting
![Page 8: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/8.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation
![Page 9: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/9.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation_Search
![Page 10: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/10.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation_Search_Listing pages
![Page 11: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/11.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation_Search_Listing pages_Friending
![Page 12: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/12.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation_Search_Listing pages_Friending_Recent...
![Page 13: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/13.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation_Search_Listing pages_Friending_Recent..._Calendar events
![Page 14: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/14.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation_Search_Listing pages_Friending_Recent..._Calendar events_Date/time stamps
![Page 15: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/15.jpg)
Do It With Drupal | December 2008
SURE!
6
_Commenting_Navigation_Search_Listing pages_Friending_Recent..._Calendar events_Date/time stamps_Rate + Review
![Page 16: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/16.jpg)
Do It With Drupal | December 2008
NO.
7
![Page 17: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/17.jpg)
Do It With Drupal | December 2008
NO.
7
_Too many variables
![Page 18: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/18.jpg)
Do It With Drupal | December 2008
NO.
7
_Too many variables_Can’t cover all cases
![Page 19: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/19.jpg)
Do It With Drupal | December 2008
NO.
7
_Too many variables_Can’t cover all cases_Can’t cover all needs
![Page 20: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/20.jpg)
Do It With Drupal | December 2008
NO.
7
_Too many variables_Can’t cover all cases_Can’t cover all needs_Too prescriptive
![Page 21: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/21.jpg)
Do It With Drupal | December 2008
NO.
7
_Too many variables_Can’t cover all cases_Can’t cover all needs_Too prescriptive_Not actionable
![Page 22: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/22.jpg)
Do It With Drupal | December 2008
NO.
7
_Too many variables_Can’t cover all cases_Can’t cover all needs_Too prescriptive_Not actionable_Not in context
![Page 23: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/23.jpg)
Do It With Drupal | December 2008
NO.
7
_Too many variables_Can’t cover all cases_Can’t cover all needs_Too prescriptive_Not actionable_Not in context_I don’t have all the
answers
![Page 24: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/24.jpg)
Do It With Drupal | December 2008
BUT WAIT...
8
![Page 25: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/25.jpg)
CREATING USABLE WEBSITES using INTERACTION DESIGN PATTERNSDo It With Drupal!December 2008
![Page 26: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/26.jpg)
Do It With Drupal | December 2008
WHAT’S AN INTERACTION DESIGN PATTERN?
10
?
![Page 27: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/27.jpg)
Do It With Drupal | December 2008
A pattern describes an optimal solution to a common problem within a specific context.
—Christian Crumlish + Erin MaloneAuthors, Designing Social Interfaces
Curators, Yahoo! Pattern Library
11
![Page 28: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/28.jpg)
Do It With Drupal | December 2008
Design patterns describe best practices in design.
—Jenifer TidwellAuthor, Designing Interfaces
Curator, UI Patterns and Techniques
12
Luke Wroblewski, Design Patterns: Introduction, 22 May 2006
![Page 29: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/29.jpg)
Do It With Drupal | December 2008
A design pattern is a repeatable design solution, that’s been tested, reviewed, and verified.
—James ReffellUI Design Manager, eBay Inc.Curator, eBay Pattern Engine
13
Luke Wroblewski, Design Patterns: Introduction, 22 May 2006
![Page 30: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/30.jpg)
Do It With Drupal | December 2008
ARCHITECTURE DESIGN PATTERNS
14
![Page 31: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/31.jpg)
Do It With Drupal | December 2008
ConflictPlacing the main entrance (or main entrances) is perhaps the single most important step you take during the evolution of a building plan.ResolutionPlace the main entrance of the building at a point where it can be seen immediately from the main avenues of approach and give it a bold, visible shape which stands out in front of the building.May be part of: Site Repair (104), South Facing Outdoors (105), Wings of Light (107), Circulation Realms (98), Family of Entrances (102).
May contain:Family of Entrances (102), Entrance Room (130), Entrance Transition (112), Shielded Parking (97), Car Connection (113).
15
110 MAIN ENTRANCE
![Page 32: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/32.jpg)
Do It With Drupal | December 200816
![Page 33: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/33.jpg)
Do It With Drupal | December 2008
Each pattern describes a problem which occurs over and over again in our environment, and then describes the core of the solution to that problem, in such a way that you can use this solution a million times over, without ever doing it the same way twice.
—Christopher Alexander, A Pattern Language
17
![Page 34: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/34.jpg)
Do It With Drupal | December 2008
SOFTWARE DESIGN PATTERNS
18
![Page 35: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/35.jpg)
Do It With Drupal | December 2008
INTERACTION DESIGN PATTERNS
19
![Page 36: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/36.jpg)
Do It With Drupal | December 2008
COMMON GROUND
20
![Page 37: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/37.jpg)
Do It With Drupal | December 2008
DESIGNING INTERFACES
21
![Page 38: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/38.jpg)
Do It With Drupal | December 2008
DESIGNING INTERFACES
21
![Page 39: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/39.jpg)
Do It With Drupal | December 2008
DESIGNING INTERFACES
21
![Page 40: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/40.jpg)
Do It With Drupal | December 2008
UI PATTERNS
22
![Page 41: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/41.jpg)
Do It With Drupal | December 2008
UI PATTERNS
22
![Page 42: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/42.jpg)
Do It With Drupal | December 2008
UI PATTERNS
22
![Page 43: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/43.jpg)
Do It With Drupal | December 2008
WELIE.COM
23
![Page 44: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/44.jpg)
Do It With Drupal | December 2008
WELIE.COM
23
![Page 45: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/45.jpg)
Do It With Drupal | December 2008
WELIE.COM
23
![Page 46: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/46.jpg)
Do It With Drupal | December 2008
YAHOO! DESIGN PATTERN LIBRARY
24
![Page 47: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/47.jpg)
Do It With Drupal | December 2008
YAHOO! DESIGN PATTERN LIBRARY
24
![Page 48: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/48.jpg)
Do It With Drupal | December 2008
YAHOO! DESIGN PATTERN LIBRARY
24
![Page 49: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/49.jpg)
Do It With Drupal | December 2008
DESIGNING SOCIAL INTERFACES
25
![Page 50: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/50.jpg)
Do It With Drupal | December 2008
DESIGNING SOCIAL INTERFACES
25
![Page 51: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/51.jpg)
Do It With Drupal | December 2008
DESIGNING SOCIAL INTERFACES
25
![Page 52: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/52.jpg)
Do It With Drupal | December 2008
FLUID OPEN SOURCE DESIGN PATTERN LIBRARY
26
![Page 53: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/53.jpg)
Do It With Drupal | December 2008
FLUID OPEN SOURCE DESIGN PATTERN LIBRARY
26
![Page 54: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/54.jpg)
Do It With Drupal | December 2008
1. Identify common design problems2. Describe solutions that work in practice3. Explain why those solutions work in terms of
general principles4. Show a variety of concrete visual examples that
demonstrate the range of the pattern
27
INTERACTION DESIGN PATTERNS
![Page 55: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/55.jpg)
WHAT DOES THIS MEAN FOR ME?How to use pattern libraries
![Page 56: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/56.jpg)
LET’S PICK A COMMON PROBLEM
![Page 57: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/57.jpg)
LET’S PICK A COMMON PROBLEMRatingsReviewsVoting
![Page 58: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/58.jpg)
EVALUATION/RATING
30
![Page 59: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/59.jpg)
EVALUATION/RATING
30
![Page 60: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/60.jpg)
RATINGS AND REVIEWS
31
![Page 61: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/61.jpg)
RATINGS AND REVIEWS
31
![Page 62: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/62.jpg)
RATINGS AND REVIEWS
31
![Page 63: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/63.jpg)
VOTE TO PROMOTE
32
![Page 64: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/64.jpg)
VOTE TO PROMOTE
32
![Page 65: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/65.jpg)
VOTE TO PROMOTE
32
![Page 66: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/66.jpg)
RATING
33
![Page 67: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/67.jpg)
RATING
33
![Page 68: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/68.jpg)
RATING
33
![Page 69: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/69.jpg)
HERE’S ANOTHER ONE
![Page 70: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/70.jpg)
HERE’S ANOTHER ONECollapsible panelsAccordion listsExpandy widget
![Page 71: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/71.jpg)
I’M SURE IT’S IN HERE SOMEWHERE...
35
![Page 72: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/72.jpg)
I’M SURE IT’S IN HERE SOMEWHERE...
35
![Page 73: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/73.jpg)
CLOSABLE PANELS
36
![Page 74: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/74.jpg)
CLOSABLE PANELS
36
![Page 75: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/75.jpg)
CLOSABLE PANELS
36
![Page 76: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/76.jpg)
COLLAPSIBLE PANELS
37
![Page 77: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/77.jpg)
COLLAPSIBLE PANELS
37
![Page 78: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/78.jpg)
COLLAPSIBLE PANELS
37
![Page 79: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/79.jpg)
ACCORDION MENU
38
![Page 80: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/80.jpg)
ACCORDION MENU
38
![Page 81: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/81.jpg)
ACCORDION MENU
38
![Page 82: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/82.jpg)
COLLAPSE TRANSITION
39
![Page 83: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/83.jpg)
COLLAPSE TRANSITION
39
![Page 84: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/84.jpg)
WHAT DOES THIS MEAN FOR THE DRUPAL COMMUNITY?Three potential options
![Page 85: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/85.jpg)
Do It With Drupal | December 2008
1. IGNORE THE SUBJECT
41
1
![Page 86: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/86.jpg)
Do It With Drupal | December 200842
CALL FOR A PATTERN LIBRARY
![Page 87: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/87.jpg)
Do It With Drupal | December 200842
CALL FOR A PATTERN LIBRARY
![Page 88: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/88.jpg)
Do It With Drupal | December 200843
22. PARTNER WITH SOMEONE ELSE
![Page 89: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/89.jpg)
Do It With Drupal | December 200844
THE FLUID PROJECT
![Page 90: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/90.jpg)
Do It With Drupal | December 200844
THE FLUID PROJECT
![Page 91: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/91.jpg)
Do It With Drupal | December 2008
3. ROLL OUR OWN
45
3
![Page 92: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/92.jpg)
Do It With Drupal | December 2008
_Give Drupal developers tools to help build more usable websites
_Educate teams on a common vocabulary and rationale for design decisions
_Address issues unique to Drupal or give specific instructions for how to implement solutions
_Put patterns where developers will find them_Take one small step toward more consistency_Create a sense of community and ownership
46
WHY DRUPAL.ORG NEEDS ITS OWN PATTERN LIBRARY
![Page 93: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/93.jpg)
Do It With Drupal | December 2008
WHY DRUPAL.ORG SHOULDN’T BUILD A PATTERN LIBRARY_Many pattern libraries already exist; no need to reinvent the wheel
_Patterns already exist as “modules” on Drupal.org_No real community support for the effort_Pattern libraries are too generic and don’t help solve the real problem
_Hire an interaction designer, already
47
![Page 94: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/94.jpg)
Do It With Drupal | December 2008
HOW WE MIGHT GO ABOUT BUILDING A PATTERN LIBRARY_Start soliciting “usability problems” on Drupal.org_Create a working group to filter and prioritize_Ask people to upload screenshots of sample solutions
_Hold a “Pattern Camp” to review and edit_Encourage commenting and tagging on Drupal.org
48
![Page 95: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/95.jpg)
DESIGN PATTERNS SOURCES
49
![Page 96: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/96.jpg)
DESIGN PATTERNS SOURCES
49
![Page 97: Interactive Design And Drupal](https://reader033.fdocuments.in/reader033/viewer/2022051314/54c831564a7959e8628b45c0/html5/thumbnails/97.jpg)
DESIGN PATTERNS SOURCES
49