Making Drupal 7 Simple to Use for Everyone

52
Making Drupal 7 Simple to Use for Everyone Dries Buytaert Drupal founder, Acquia CTO Acquia @dries Lynne Capozzi Vice President Marketing Acquia @bryanhouse Jeff Noyes Director of User Experience Acquia @jeffnoyes

description

Over the past year, the Drupal community has focused on improving the Drupal user experience, making Drupal more friendly to a less technical user-base and rolling those improvements into Drupal 7. Join Dries Buytaert, the original creator and project lead for the Drupal open source web publishing and collaboration platform and Jeff Noyes, Acquia's director of user experience and contributor to the D7UX team contributor, for a one-hour tour of the new Drupal 7 usability features and the driving forces behind them. This will be the first in a series of Drupal 7 Webinars hosted by Dries this year.

Transcript of Making Drupal 7 Simple to Use for Everyone

Page 1: Making Drupal 7 Simple to Use for Everyone

Making Drupal 7 Simple to Use for Everyone

Dries BuytaertDrupal founder, Acquia CTO

Acquia

@dries

Lynne CapozziVice President Marketing

Acquia

@bryanhouse

Jeff NoyesDirector of User Experience

Acquia

@jeffnoyes

Page 2: Making Drupal 7 Simple to Use for Everyone

Housekeeping

Can you hear us? Raise your hand in WebExUnable to listen via your computer’s audio– Request phone access

Page 3: Making Drupal 7 Simple to Use for Everyone

Housekeeping

Today’s webinar is being recorded. Slides and recording will be posted in next 24 hours at:

– http://acquia.com/community/resources/recorded_webinars

Submit questions via WebEx, we’ll answer as many as we can at end

–Give it a try & tell us where you joining from today

Page 4: Making Drupal 7 Simple to Use for Everyone

Upcoming Webinars

Thursday February 18th

–How Open Source Frameworks for Social Publishing Eliminate WCM Shortfalls

Thursday February 25th- Preview of Drupal Gardens - 15 Minutes from Design

to Online

Register Today - http://acquia.com/webinars

Page 5: Making Drupal 7 Simple to Use for Everyone

Introduction

Dries Buytaert–Founder and Project Lead, Drupal–President, Drupal Association–Co-founder & CTO, Acquia

Jeff Noyes–Director of User Experience, Acquia

Page 6: Making Drupal 7 Simple to Use for Everyone

6

How did we get here?

Page 7: Making Drupal 7 Simple to Use for Everyone

Choosing the Right TechnologyA Social Publishing Platform

Drupal “… is as much a Social Software platform as it is a web content management system.” CMS Watch, The Web CMS Report 2009

blogs /wikis

forums / comments

socialranking

social tagging

users

social networks

workflow

taxonomy

semantic web

RSS

content

analytics

ContentMgmtSystems

SocialSoftware

Tools

Page 8: Making Drupal 7 Simple to Use for Everyone

Overview

Drupal’s perceived as being hard to use.

Page 9: Making Drupal 7 Simple to Use for Everyone

Usability lab testing

Several formal lab tests between March 2008/2009 conducted to answer these questions...

– What are the main challenges to new Drupal users?

– Is the language and terminology intuitive to users?

– How long does it take users to perform basic web development tasks with no formal Drupal training

– Do recent design changes work (password checker, vertical tabs, etc

Page 10: Making Drupal 7 Simple to Use for Everyone

Lab test results can’t be ignored

Lots of vernacular confusion Page vs Story, Content vs Content type, Primary Links, etc.

Inability to find content after creating it

Mental model of creating pages not expected

Users expected WYSIWYG vs. “input format”

Unable to distinguish administrative layer

Overwhelming administrative page

Menu confusion with parent item

Page 11: Making Drupal 7 Simple to Use for Everyone

A usability team is born

Evolving team of 8-16 people join forces to help make Drupal easier. Two people stand out.

Roy Scholten (A.K.A Yoroy) for sound design insights.

Bojhan Summers for staying on top of the issues, rounding up the troops & beating the UX drum.

Page 12: Making Drupal 7 Simple to Use for Everyone

Acquia hires Mark Boulton

Page 13: Making Drupal 7 Simple to Use for Everyone

D7ux.org

Page 14: Making Drupal 7 Simple to Use for Everyone

MicroprojectsOverall information architectureShortcutsMedia managerAppearanceDashboardProfileForumsWatchdogTriggers Pathauto

and more...

Page 15: Making Drupal 7 Simple to Use for Everyone

15

Drupal 7’s user experience goal

Page 16: Making Drupal 7 Simple to Use for Everyone

Drupal 7’s user experience goals

Make the most frequent tasks easy and less frequent tasks achievable.

Design for the 80%

Privilege the Content Creator

Make the default settings smart

Page 17: Making Drupal 7 Simple to Use for Everyone

17

Drupal 7’s usability highlights

Page 18: Making Drupal 7 Simple to Use for Everyone

Who benefits?

Content Managers–People that spend most of their time

managing content, e.g. writers, editorsetc.

Designers & Developers–People that spend most of their time

building & theming sites.

Page 19: Making Drupal 7 Simple to Use for Everyone

Usability highlights

Simplifying the content managers role.

Page 20: Making Drupal 7 Simple to Use for Everyone

Simplified startup optionsUsers can now start with a common set of pre-configured features, or take the advanced route and start from scratch.

Page 21: Making Drupal 7 Simple to Use for Everyone

Password verify made more clearUsers now have a better experience setting site credentials.

Page 22: Making Drupal 7 Simple to Use for Everyone

Information architecture ImprovementsMore concrete categories for a clearer map of the Drupal system. - Emphasis on basic CMS tasks (content, structure, people etc) and pushed advance config a layer deeper (80/20)

Appearance

Page 23: Making Drupal 7 Simple to Use for Everyone

Recently added content made easier to find.Users can now find recently added content by clicking “content”

Appearance

Page 24: Making Drupal 7 Simple to Use for Everyone

Point-and-click edit.Users can now edit content more quickly and configure blocks more quickly.

Page 25: Making Drupal 7 Simple to Use for Everyone

ShortcutsAccelerate by creating shortcuts to most used destinations - by role

Add shortcutsQuickly add shortcuts to your most usedlocations.

Page 26: Making Drupal 7 Simple to Use for Everyone

Admin layer

Overlay...Clear separation of front—and back—end tasks..

Site layer

Page 27: Making Drupal 7 Simple to Use for Everyone

Sitewide dashboardUsers now have a customizable dashboard.

Page 28: Making Drupal 7 Simple to Use for Everyone

Clearer content/help textRewrote/removed copy – making Drupal more friendly and concise. Focused on making help more helpful.

D7

D6

Page 29: Making Drupal 7 Simple to Use for Everyone

Reorganized FormsRedesigned fieldsets and compressed forms by using vertical tabs.

Page 30: Making Drupal 7 Simple to Use for Everyone

Primary actions separated from tabsAdding content used be in the same location as browsing lists of existing content.

Page 31: Making Drupal 7 Simple to Use for Everyone

Usability highlights

Designer & developer simplifications.

Page 32: Making Drupal 7 Simple to Use for Everyone

Redesigned appearanceApplying a theme is now modernized and easier to understand which theme is active

Page 33: Making Drupal 7 Simple to Use for Everyone

Adding features (modules) workflow improvedModules now have direct links to permissions and configuration settings. Outdated modules can be updated within Drupal.

Page 34: Making Drupal 7 Simple to Use for Everyone

Clearing cache more accessible.Developers and themers can now clear cache without having to scroll.

Page 35: Making Drupal 7 Simple to Use for Everyone

Upgrade managerModules with newly released revisions can now be updated without leaving Drupal.

Page 36: Making Drupal 7 Simple to Use for Everyone

36

Drupal Gardens

Page 37: Making Drupal 7 Simple to Use for Everyone

Built on Drupal 7Built to help people get over the hurdle of installing Drupal and figuring out which modules to use.

Page 38: Making Drupal 7 Simple to Use for Everyone

WYSIWYGContent can now be formatted

Page 39: Making Drupal 7 Simple to Use for Everyone

Media supportMedia can be uploaded, reused, or added from third party vendors like Flickr

Page 40: Making Drupal 7 Simple to Use for Everyone

40

Drupal 8 wish list...

Page 41: Making Drupal 7 Simple to Use for Everyone

More testing & solid metrics

Drupal Gardens will become a platform for user testing and getting access to usage data.

Page 42: Making Drupal 7 Simple to Use for Everyone

Page improvements

Improve Drupal’s page model

User think about pages top down - add a page, give it a layout, add widgets, add content.

Page 43: Making Drupal 7 Simple to Use for Everyone

Block improvements

Drag and drop featuresEliminate need to duplicate blocks to place in different regions

Drop here

Page 44: Making Drupal 7 Simple to Use for Everyone

Module administration improvements

Too much scrolling. Too often you have to click to enable/disable, scroll way down, submit. Repeat.

Page 45: Making Drupal 7 Simple to Use for Everyone

Easier form creation

Building & styling forms should be easier. Form Builder should be advanced

Page 46: Making Drupal 7 Simple to Use for Everyone

Content types

Creating content types and managing fields could be improved

Drop here

Page 47: Making Drupal 7 Simple to Use for Everyone

Interaction Guidelines

Interaction standards should emerge to answer questions like:– Best practice use of:

tabswizardsbuttonsdrag & dropforms & form elementsetc.

– Accessibility standards– Help standards

Page 48: Making Drupal 7 Simple to Use for Everyone

48

Summary

Page 49: Making Drupal 7 Simple to Use for Everyone

Thanks!

D7 will be a huge step forward!

The Drupal community should be proud of its accomplishments. We’re proud!

Page 50: Making Drupal 7 Simple to Use for Everyone

If you want to help Drupal get better...

To help Drupal.org...http://drupal.org/node/704062

To help Drupal...http://drupal.org/contribute

Page 51: Making Drupal 7 Simple to Use for Everyone

We’re Hiring!

Do you love working with Drupal?

If so, Acquia is hiring:–Engineering & design–Client advisors and consulting–Inside sales

Check out openings athttp://acquia.com/careers

Page 52: Making Drupal 7 Simple to Use for Everyone

Questions

For more information:– http://acquia.com

– http://twitter.com/acquia

– http://twitter.com/drupal

Contact Acquia:– 888.9.ACQUIA

[email protected]

Try Drupal 7 – Sign up for beta code at http://drupalgardens.com

– Download at http://drupal.org/project/drupal

Download Acquia’s Drupal Stack Installers– http://acquia.com/download

– Available for Debian, Ubuntu, Windows & Mac

Recording of today’s event and slideswill be posted at:

http://acquia.com/community/resources/recorded_webinars