Improving the Author UX in Drupal 7, Penn State Drupal Camp 2013 presentation.

1. Happy Content Creators
Improving the Author UX
Thursday, June 27, 13

2. Bio
Eric Aitala
Earth and Space Science
Partnership - College of
Earth & Mineral Science
ema13@psu.edu
@aitala
Drupal dev since 2006
Thursday, June 27, 13

3. The out of the box Drupal
Author UX needs some help.
Thursday, June 27, 13

4. Going from this...
Thursday, June 27, 13

5. Thursday, June 27, 13

6. ... to this ...
Thursday, June 27, 13

7. Thursday, June 27, 13

8. .... causes this.
{Insert obligatory Internet cat meme here.}
I used Drupal once...
... it sucked.
Thursday, June 27, 13

9. Authors need to get stuff done...
Thursday, June 27, 13

10. ...and they will find a way to do it.
Thursday, June 27, 13

11. Visual Text Editing
Drupal Spark - for D8 but backporting to D7.
Inline Editing
Visual Editor
Responsive layout and preview enhancements
https://drupal.org/project/spark
Thursday, June 27, 13

12. Visual Text Editing
WYSIWYG module - wrapper for visual editors.
CKEditor, TinyMCE, etc.
Version compatibility!
Text formats & profiles
Drupal & user defined
Lots of button pushing!
Perhaps the most useful and dangerous module!
Node body should not be an HTML dumping ground
Thursday, June 27, 13

13. Visual Text Editing
WYSIWYG module add-ons.
https://drupal.org/project/better_formats
https://drupal.org/project/wysiwyg_template
https://drupal.org/project/imce
https://drupal.org/project/imce_wysiwyg
Thursday, June 27, 13

14. Visual Text Editing
Inline editing - only works with the stand-alone
CKEditor module!
Does not work with the WYSIWYG module.
https://drupal.org/project/edit
Thursday, June 27, 13

15. Node Form Layout
Node Form Column module
Adds a right column and footer
Vertical tabs can be an issue
https://drupal.org/project/nodeformcols
Display Suite module
Mostly used for node display, but can alter node forms.
More ‘flexible’, but requires some additional work
https://drupal.org/project/ds
Thursday, June 27, 13

16. Node Form Column
Node Form Layout
Thursday, June 27, 13

17. Node Form Layout
Removing form elements.
Jammer module removes confusing elements such as node
revision log textarea, preview buttons, etc.
Be careful....
https://drupal.org/project/jammer
Thursday, June 27, 13

18. Fields
Node forms get messy
Hide fields
Group fields
Alter field widget
Thursday, June 27, 13

19. Conditional Fields
Where the status of one field depends on the status of
another field.
Module is still in dev for D7, but is ‘stable’
Has many dependency and status options!
Visibility, required, empty, etc.
https://drupal.org/project/conditional_fields
Thursday, June 27, 13

20. Group Fields
Display Suite module allows field grouping
Somewhat complicated
Field Group module
Create fieldsets, vertical tabs, horizontal tabs, accordions,
etc.
https://drupal.org/project/field_group
Also provides multi-step forms - https://drupal.org/project/
multistep
Thursday, June 27, 13

21. Altering Fields - Taxonomy
Taxonomy Term
Reference Tree Widget
Adds new widget to
select taxonomies.
https://drupal.org/
project/
term_reference_tree
Thursday, June 27, 13

22. Altering Fields - Options
Options Element
Better mechanism to
specify select list,
checkbox, and radio
button options.
https://drupal.org/
project/
options_element
Thursday, June 27, 13

23. Content Locking
Prevents two authors editing the same content
Content locking module
Also prevents closing a browser window on an unsubmitted
node form!
https://drupal.org/project/content_lock
Thursday, June 27, 13

24. Saving Content
Autosave - https://drupal.org/project/autosave
Save & Edit - https://drupal.org/project/save_edit
Save Draft - https://drupal.org/project/save_draft
Add Another - https://drupal.org/project/addanother
Thursday, June 27, 13

25. Workflow
Very complicated issue, but look at...
Workbench suite of modules
WB Access
WB Moderation
WB Media
https://drupal.org/project/workbench
Thursday, June 27, 13

26. A happy author....
Thursday, June 27, 13