![Page 1: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/1.jpg)
Secrets to Awesomizing® Your Editor’s Back-end Drupal Experience
Mike Herchelhttp://[email protected]/user/118428
![Page 2: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/2.jpg)
Drupal's [much deserved] reputation...
![Page 3: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/3.jpg)
History of Drupal's UX: Drupal 4.7
![Page 4: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/4.jpg)
...Drupal 5.3
![Page 5: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/5.jpg)
...Drupal 6.6
![Page 6: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/6.jpg)
Contrib to the rescue!
Admin_Menu Module Admin Module Awesome Admin Themes
Vertical Tabs
![Page 7: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/7.jpg)
D7UX Project Goals
1. Make the most frequent tasks easy and
less frequent tasks achievable.
2. Design for the 80%
3. Privilege the Content Creator
4. Make the default settings smart
d7ux.org
![Page 8: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/8.jpg)
D7UX Delivered!
● Admin Toolbar
● Overlay
● Contextual Links
● Shortcuts
● Dashboard
● Much More!
![Page 9: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/9.jpg)
Real usability depends on YOU!
-Ronnie James Dio
![Page 10: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/10.jpg)
Reduce Short Term Memory Load
![Page 11: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/11.jpg)
Use Rules or Login Redirect Modules to send your content editors where they need to be.
● http://drupal.org/project/rules
● http://drupal.org/project/login_redirect
Basics: Redirect Users After Actions
![Page 12: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/12.jpg)
Easy Win: D7's core dashboard
PROTIP: Make a killer dashboard with Views Bulk Operations and Views Exposed Filters
![Page 13: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/13.jpg)
Workbench == Dashboard on steroids● Show Your Edits● Workflow Moderation ● Content Revisioning (including unpublished drafts)● Manage Access via Menu or Taxonomy
Next Step: Workbench
PROTIP: You can also modify Workbench's views with VBO!
![Page 14: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/14.jpg)
Simplify and Reduce
![Page 15: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/15.jpg)
Basics: Reduce Permissions
● Easiest win: reduce permissions!
PROTIP: Reorder your user roles from least permissive to most permission (D7 Only)
![Page 16: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/16.jpg)
Basics: Remove unused WYSIWYG buttons
Easiestier Win: Remove unused WYSIWYG Editor buttons
![Page 17: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/17.jpg)
Simple: Better Formats Module
Better Formats Module● Set default text formats per role ● Set default text formats per field● http://drupal.org/project/better_formats
![Page 18: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/18.jpg)
Simplify: Node Form Settings
Node Form Settings Module● Get rid of unused node
form settings○ Revision Log textarea○ Path○ Publishing Options○ Comments Options○ More!
● http://drupal.org/project/nodeformsettings
![Page 19: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/19.jpg)
Fav Module: Field_Group
Field_Group module○ Collapsible Fieldsets!
○ Vertical Tabs!
○ Horizontal Tabs!
○ Accordions!
○ Multi-Page Forms!
○ Oh, My!
![Page 20: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/20.jpg)
[Field_Group demo]
PROTIP: You can move the Save button to the last page of your multipage form within the multipage wrapper widget
![Page 21: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/21.jpg)
Useful: Drupal 7 (Core) Shortcut Bar
Drupal 7's core shortcuts rock!● Admin can edit user's shortcuts● Assign a shortcut set to a role using
"Shortcut per Role" module (http://drupal.org/project/shortcutperrole)
![Page 22: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/22.jpg)
Consistent Patterns
![Page 23: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/23.jpg)
Simple: Publish_Button
Publish Button Module● Adds Publish/Unpublish button to node/add● Be sure to set content type's default to 'Not
Published'● http://drupal.org/project/publish_button
![Page 24: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/24.jpg)
Views UI: Edit Basic Settings
Views UI: Edit Basic Settings module
● Allows Content Editors to easily edit the header,footer, and empty textof a view!
● http://drupal.org/project/views_ui_basic
![Page 25: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/25.jpg)
[Views Edit Basic Settings demo]
![Page 26: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/26.jpg)
Freakin' Awesome: VBO
Views Bulk Operations● Enables Admin to create
administrative blocks that enable... bulk operations!
● Can add to Dashboard● Don't have to use table-
view display in D7
![Page 27: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/27.jpg)
Cool: Contextual Filters on Views Rows
Contextual Filters on Views Rows == Awesomeness!
● Not a module● Enables content editor
to easily edit entities thatare displayed within a view
![Page 28: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/28.jpg)
[Views contextual filters demo]
![Page 29: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/29.jpg)
Handling Errors and Undos
![Page 30: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/30.jpg)
Easier Errors: Field/ Clientside Validation
● Field Validation - Allows admin to create extremely specific validation rules within Fields (http://drupal.org/project/field_validation)
● Clientside Validation - enables validation without page reload and more (http://drupal.org/project/clientside_validation)
![Page 31: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/31.jpg)
[Field Validation / Clientside Validation demo]
![Page 32: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/32.jpg)
Easy Win: Enable Revisions on your Content types
Default your content types to create new revisions (not enabled by default)!
PROTIP: You can hide the Revision Log using the Node Form Settings module
![Page 33: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/33.jpg)
Easily See Edits: Diff Module
Diff Module● Easily view changes in content between
revisions
![Page 34: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/34.jpg)
The Holy Grail...
![Page 35: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/35.jpg)
What is Spark?
![Page 36: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/36.jpg)
The Holy (D7) Grail: Spark
Spark Distribution
● Being developed by Acquia● Intended to test authoring
experience improvements in Drupal 7 on real sites with real users and real content.
● Inline editing, true WYSIWYG, responsive layout builder, new admin theme, and more!
![Page 37: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/37.jpg)
[What you can do with Spark now...]
![Page 38: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/38.jpg)
Modules Covered
● Login Redirect - drupal.org/project/login_redirect
● Rules - drupal.org/project/rules● Core Dashboard module● Workbench suite of modules● Better Formats drupal.
org/project/better_formats● Node Form Settings module - drupal.
org/project/nodeformsettings ● Field_Group drupal.org/project/field_group● Shortcut per Role - drupal.
org/project/shortcutperrole
● Publish Button Module - drupal.org/project/publish_button
● Views UI: Edit Basic Settings - drupal.org/project/views_ui_basic
● Views Bulk Operations - drupal.org/project/views_bulk_operations
● Field Validation - drupal.org/project/field_validation
● Clientside Validation - drupal.org/project/clientside_validation
● Diff Module - drupal.org/project/diff
![Page 39: Secrets to Awesomizing® Your Editor’s Back-end Drupal ... · D7UX Project Goals 1. Make the most frequent tasks easy and less frequent tasks achievable. 2. Design for the 80% 3](https://reader036.vdocuments.us/reader036/viewer/2022071005/5fc27c68867efa15f431341a/html5/thumbnails/39.jpg)
Questions??
● Questions?
● Thank you!