Archive for 2009

12.26.2009
post number 975
by ha5bro
no comments

Summary

This is a basic intro to Drupal UX, meant for front-end developers who are new to Drupal or have concerns about usability on their existing Drupal websites.

Intro

I have a white whale. It is to make Drupal usable. Because — as of the current version, Drupal 6 — Drupal just doesn’t cut it without some extra attention to detail, and of course some extra modules.

Even though this is a pretty basic intro to Drupal UX, I’m assuming the following:

  • Your site is installed and configured properly
  • You have admin access to your drupal site and FTP access to your server
  • You know basic php, HTML and some CSS

1. First things first – If you can’t afford a good, experienced designer pick a really simple theme as your default and modify it ever so slightly.

Don’t use Garland. No disrespect, but it’s horrible.

Eye candy and the desire to increase “perceived” value shouldn’t interfere with usability. By “perceived” value I mean things that a client will pay for but don’t actually increase the actual utility of a site. Those are sales tactics and if you’re already building a site for someone I think we can assume they’ve bought into your process.

If the front-end requirements are such that you can’t accommodate a smooth transition between viewing and editing content, you should consider using a stock back-end. People need room to write content Creating a high quality experience for users is not about wow factor, it is about eliminating frustration as best you can.

2. Use form filter and/or vertical tabs to clean up your forms.

Drupal forms are massive, intimidating and overall kinda poorly worded. They confuse and fustrate causal users to no end — and so we must bend them to our will.

That’s where form filter comes in handy. By default when you grant node admin privileges the node form just explodes, but most users don’t need or want to change publication dates or select what kinds of input the want to put into text areas.

2a. Then hack your forms (optional).

You can also hack your own messages/instructions directly into forms. Try Addison Berry’s tutorial for some nice tricks.

http://www.lullabot.com/articles/modifying-forms-drupal-5-and-6

3. Whenever possible use tags/taxonomies/categories to organize content

Taxonomy, vocabularies… Tags… Drupal calls them a million different things in a whole bunch of places. They’re just a way to organize things but they’re oh so important.

Tags also help users think about how the site is organized.

4. Do search well or suck it up and use google custom search

There are some very robust search utilities available for Drupal, but no one is ever satisfied with them. They all suck in different ways.

Drupal built in search is limited, although there are some good modules that can improve it’s usability. Apache Solr and Open Calais are a ton of work and quite complicated to implement but if your site has deep content this might be the way to go.

Goggle indexes your site for you any way. And if Googlebot likes you everyone else does as well. (There is no shame in googling yourself a little.)

5. Use the Administration menu module

The admin menu is not just for magic people that have the privilege to install modules. It provides deep access to drupal and that’s important when your links are three levels deep.

Posted in drupal, web | Comments Off
11.18.2009
post number 474
by ha5bro
no comments

Zero One Design was founded as a web design company in 1997, in Victoria, British Columbia. Right from the beginning, the partners envisioned creating a service that could present uniquely Canadian arts and culture: Zero One has been telling Canada’s stories ever since. I helped the partners find an updated look and feel for their organization using classic imagery with a modern slant.

Posted in design, portfolio, web | Comments Off
11.11.2009
post number 494
by ha5bro
no comments

My friends at Zero One Design have just begun beta testing on their new app Madrona.

“Madrona is an open source museum collections management system written for the community, by the community. Featuring an intuitive design and ground breaking media and internet integration, Madrona creates a whole new standard for collection management.”

(more…)

Posted in design, portfolio, web | Comments Off
09.25.2009
post number 940
by ha5bro
no comments

Visit the website

Posted in drupal, portfolio | Comments Off
09.18.2009
post number 504
by ha5bro
no comments

I am extremely happy to announce the launch of Arthur Vickers new website that coincides with Arthurs gift of The Leadership Desk to the Premiers Office of the Province of British Columbia.

Posted in design, portfolio, web | Comments Off
06.30.2009
post number 489
by ha5bro
no comments

Sunrise Soya’s new Drupal based site was created by our team at Veratta Technologies. Design by Peter Figasinski.

Posted in drupal, portfolio | Comments Off
05.20.2009
post number 499
by ha5bro
no comments

Open Space has a new Drupal website that make it easy for staff members and volunteers to access information and archives online.

I also redesigned Open Space logo and branding as a part of this process.

Posted in design, dev, drupal, identity, web | Comments Off
02.01.2009
post number 251
by ha5bro
no comments

Sp0xx6 is the latest version of my Drupal UI. It’s a minimalist concept, great for populating sites with content quickly and for first-time users.
(more…)

Posted in design, dev, drupal, jQuery | Comments Off
01.18.2009
post number 483
by ha5bro
no comments

Stratford Hall is a Drupal-based site I built while at Trapeze Communications.

Design by Neil Tran.

Posted in dev, drupal, web | Comments Off