Slide 1

Slide 1 text

Secrets to Awesomizing® Your Editor’s Back-end Drupal Experience Mike Herchel http://herchel.com @mikeherchel drupal.org/user/118428

Slide 2

Slide 2 text

Drupal's [much deserved] reputation...

Slide 3

Slide 3 text

History of Drupal's UX: Drupal 4.7

Slide 4

Slide 4 text

...Drupal 5.3

Slide 5

Slide 5 text

...Drupal 6.6

Slide 6

Slide 6 text

Contrib to the rescue! Admin_Menu Module Admin Module Awesome Admin Themes Vertical Tabs

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

D7UX Delivered! ● Admin Toolbar ● Overlay ● Contextual Links ● Shortcuts ● Dashboard ● Much More!

Slide 9

Slide 9 text

Real usability depends on YOU! -Ronnie James Dio

Slide 10

Slide 10 text

Reduce Short Term Memory Load

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

Easy Win: D7's core dashboard PROTIP: Make a killer dashboard with Views Bulk Operations and Views Exposed Filters

Slide 13

Slide 13 text

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!

Slide 14

Slide 14 text

Simplify and Reduce

Slide 15

Slide 15 text

Basics: Reduce Permissions ● Easiest win: reduce permissions! PROTIP: Reorder your user roles from least permissive to most permission (D7 Only)

Slide 16

Slide 16 text

Basics: Remove unused WYSIWYG buttons Easiestier Win: Remove unused WYSIWYG Editor buttons

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

Fav Module: Field_Group Field_Group module ○ Collapsible Fieldsets! ○ Vertical Tabs! ○ Horizontal Tabs! ○ Accordions! ○ Multi-Page Forms! ○ Oh, My!

Slide 20

Slide 20 text

[Field_Group demo] PROTIP: You can move the Save button to the last page of your multipage form within the multipage wrapper widget

Slide 21

Slide 21 text

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)

Slide 22

Slide 22 text

Consistent Patterns

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Views UI: Edit Basic Settings Views UI: Edit Basic Settings module ● Allows Content Editors to easily edit the header, footer, and empty text of a view! ● http://drupal.org/project/views_ui_basic

Slide 25

Slide 25 text

[Views Edit Basic Settings demo]

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

Cool: Contextual Filters on Views Rows Contextual Filters on Views Rows == Awesomeness! ● Not a module ● Enables content editor to easily edit entities that are displayed within a view

Slide 28

Slide 28 text

[Views contextual filters demo]

Slide 29

Slide 29 text

Handling Errors and Undos

Slide 30

Slide 30 text

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)

Slide 31

Slide 31 text

[Field Validation / Clientside Validation demo]

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

Easily See Edits: Diff Module Diff Module ● Easily view changes in content between revisions

Slide 34

Slide 34 text

The Holy Grail...

Slide 35

Slide 35 text

What is Spark?

Slide 36

Slide 36 text

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!

Slide 37

Slide 37 text

[What you can do with Spark now...]

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

Questions?? ● Questions? ● Thank you!