drupal 7 ux –

Drupal 7 User Experience

Bojhan Somers & Roy Scholten

Drupal usability

*sucks*

2008: Yes, it's that bad…

• 2 Usability lab tests

• Dries says it should be fixed

• Drupal UX-team

Core UX

• Drupal 1, 2, 3, 4, 5, 6: focus on the developer

• Drupal 7: focus also on the content

producer

2009: Drupal 7UX

Mark Boulton Leisa Reichelt

Biggest UX problems

• What is the front (site), what the back (admin)?

• Where is my content?

• Where do I find functionality?

• Many small issues

What is the front (site), what the back (admin)?

Drupal 6 front end

Drupal 6 back end

D7: Front

D7: Front Back

Seven theme

Where is my content?

Find the content…

Where do I find functionality?

Drupal 6 admin

D7UX design principle

80/20% rule: make common tasks easy, others doable

80%: toolbar

• New top level admin sections

• Shortcuts

Content

Structure

Appearance

People

Modules

20%: Configuration

& many small issues…

• Interface text

Before

After

Before

After

The most effective way to improve your user interface is through copy writing.

Omit needles words

& some more small issues…

• Workflow

Actions are not tabs

Action links

Contextual links

Demo movie on the next slide…

Shortcuts

Module links

Dashboard

Vertical tabs

The future

Challenges for Drupal 8, 9, …

Page model

• Blocks

• Fields (Display & Form building)

Module administration

• Updates• Module management

Continued improvements

• Information Architecture

• Interaction design

• Usability engineering

Module maintainers

Are you creating “interesting” interfaces?

Pattern Library

How to use vertical tabs

buttons

fieldsets

local actions

Standardization

Drupal 7 UX will be as good as contrib makes it.

Contact Drupal UX team

http://groups.drupal.org/usability

twitter: @bojhan & @royscholten

drupaluxteam@gmail.com