Creating Usable Websites with Interaction Design Patterns: Do It With Drupal!
Building User-Centred Websites with Drupal
-
Upload
amanda-etches -
Category
Technology
-
view
1.290 -
download
1
description
Transcript of Building User-Centred Websites with Drupal
![Page 1: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/1.jpg)
Building user-centred websites with Drupal
Amanda Etches-Johnson Greg Sennema Catherine Baird
OLA Super Conference, January 29, 2009
![Page 2: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/2.jpg)
Quick show of hands...
how many of you have heard of Drupal?
how many of you are planning to use Drupal?
how many of you are already using Drupal?
![Page 3: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/3.jpg)
Here’s what we’re going to do
The what, how, why of Drupal
The Laurier Experience
The McMaster Experience
Wrap-up: lessons learned, what not to do, etc.
![Page 4: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/4.jpg)
The what, how, why of Drupal
![Page 5: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/5.jpg)
http://drupalib.org
![Page 6: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/6.jpg)
drupalib.interoperating.info
![Page 7: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/7.jpg)
www.lib.uwo.ca
![Page 8: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/8.jpg)
www.londonpubliclibrary.ca
![Page 9: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/9.jpg)
library.wlu.ca
![Page 10: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/10.jpg)
library.mcmaster.ca
![Page 11: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/11.jpg)
Drupal: out of the box
blogs + comments
regular web pages
polls
forum
user profiles
taxonomies
...and a few other things
![Page 12: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/12.jpg)
So, what does “modular” mean?
turn on the features you want
ignore the ones you don’t want
add new “modules” as you build
![Page 13: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/13.jpg)
But, what does it really mean?
out of the box = a reasonably functional site
modules enabled = a super-duper, highly customized, wicked functional site!
![Page 14: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/14.jpg)
Modular is good!
remember that HUGE development community?
over 5,800 modules in the directory
if you can dream it, there is a module that can do it
![Page 15: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/15.jpg)
Working with Drupal
HTML
CSS
PHP
Server admin
![Page 16: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/16.jpg)
![Page 17: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/17.jpg)
The Laurier Experience
![Page 18: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/18.jpg)
library.wlu.ca
easier web site maintenance
web-based maintenance
incorporate different functionality
easily re-purpose content
just completed site redesign
sick of Dreamweaver!
![Page 19: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/19.jpg)
The timeline
June – Aug. 2007: evaluated Drupal
Sept. 2007 – Feb. 2008: surprise me!
V5 or v6?
Mar. – Apr. 2008: tried to break Drupal
May - July 2008: moved content
August 2008: final testing, went live
![Page 20: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/20.jpg)
Altering our workflows
Reformulated web advisory committee
Gave access to more staff
Held series of training sessions
Created help pages
![Page 21: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/21.jpg)
The players
web advisory committee
systems programmer (90%)
me (40%)
![Page 22: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/22.jpg)
The cool stuff...
![Page 23: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/23.jpg)
![Page 24: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/24.jpg)
![Page 25: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/25.jpg)
![Page 26: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/26.jpg)
![Page 27: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/27.jpg)
![Page 28: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/28.jpg)
![Page 29: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/29.jpg)
![Page 30: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/30.jpg)
![Page 31: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/31.jpg)
![Page 32: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/32.jpg)
![Page 33: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/33.jpg)
![Page 34: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/34.jpg)
![Page 35: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/35.jpg)
![Page 36: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/36.jpg)
Library
Tamarak
Juniper
Hemlock
![Page 37: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/37.jpg)
Our plans...
Gallery
Events/Calendar
Taxonomy
CCK/Views/Panels, i.e….
…the cool stuff Amanda will show you from the McMaster site…
![Page 38: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/38.jpg)
The McMaster Experience
![Page 39: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/39.jpg)
Why Drupal?
make site admin easier
past experience with Drupal
![Page 40: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/40.jpg)
The players
advisory committee
sysadmin
co-op student
me
![Page 41: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/41.jpg)
![Page 42: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/42.jpg)
Decision time!
which version of Drupal?
decided on 5
module development
![Page 43: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/43.jpg)
Decision time!
to CCK or not to CCK?
CCK is not essential but it’s a really good idea
think about site updating & permissions
20+ content types
![Page 44: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/44.jpg)
The cool stuff...
![Page 45: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/45.jpg)
![Page 46: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/46.jpg)
![Page 47: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/47.jpg)
![Page 48: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/48.jpg)
![Page 49: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/49.jpg)
![Page 50: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/50.jpg)
![Page 51: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/51.jpg)
![Page 52: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/52.jpg)
![Page 53: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/53.jpg)
![Page 54: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/54.jpg)
![Page 55: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/55.jpg)
![Page 56: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/56.jpg)
The McMaster [Intranet] Experience
![Page 57: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/57.jpg)
Staff intranet redesign
Redesigned public website
Busy organization
Many projects/initiatives
Increased use of blogs/wikis, particularly for projects
Improve internal communication
Clarity and consistency
![Page 58: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/58.jpg)
Where I’m coming from
1992 1996 1998
2006 2008 2009
![Page 59: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/59.jpg)
![Page 60: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/60.jpg)
Where we started
![Page 61: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/61.jpg)
![Page 62: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/62.jpg)
Requirements
Solutions to all of the problems (navigation, search, consistency, etc.)
Self-serve
Customizable permissions
Dynamic
Interactive
![Page 63: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/63.jpg)
Process
Inventory of content
Examined usage statistics
Staff survey
Wireframes
![Page 64: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/64.jpg)
Wrapping my head around Drupal
![Page 65: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/65.jpg)
Content types for staff intranet
Department
Committee
Project
Service
Page (default)
Policy & Procedure
Training & Development page
![Page 66: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/66.jpg)
Sample committee page
![Page 67: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/67.jpg)
Categories/taxonomies
![Page 68: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/68.jpg)
The redesign
![Page 69: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/69.jpg)
The redesign
![Page 70: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/70.jpg)
Time & resources
1 librarian
1 co-op student
Support from User Experience Librarian
Started Fall 2008
Plan to launch Spring 2009
![Page 71: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/71.jpg)
Wrap up:Must-Have Modules, Lessons Learned,
What NOT to do
![Page 72: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/72.jpg)
Must-have modulesCCK
Views
PathAuto
Faceted Search
FCKEditor/TinyMCE
Nice Menus
Akismet/CAPTCHA
Webform
IMCE
Google Analytics
Backup and Migrate
![Page 73: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/73.jpg)
Lessons learnedit can be done!
envision the site first
think about who will maintain what
think of content types in terms of consistency of information and permissions
having a blogging background helps
use PathAuto for human-readable URLs
when templating, start with a core theme (e.g. Zen)
multiple backups and test servers
carefully consider version
![Page 74: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/74.jpg)
What NOT to do
mess with core code
use alpha release versions of modules
install modules 1st time on live server
get deterred: lots of help online and in library community
![Page 75: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/75.jpg)
Questions?
![Page 76: Building User-Centred Websites with Drupal](https://reader034.fdocuments.in/reader034/viewer/2022051314/54b7afca4a7959c4688b4573/html5/thumbnails/76.jpg)
Thanks!
These slides are online at: http://blogwithoutalibrary.net/talk/ola2009/drupal.pdf