Happy Content Creators
Improving the Author UX
Thursday, June 27, 13
Bio
Eric Aitala
Earth and Space Science
Partnership - College of
Earth & Mineral Science
ema13@psu.edu
@aitala
Drupal dev ...
The out of the box Drupal
Author UX needs some help.
Thursday, June 27, 13
Going from this...
Thursday, June 27, 13
Thursday, June 27, 13
... to this ...
Thursday, June 27, 13
Thursday, June 27, 13
.... causes this.
{Insert obligatory Internet cat meme here.}
I used Drupal once...
... it sucked.
Thursday, June 27, 13
Authors need to get stuff done...
Thursday, June 27, 13
...and they will find a way to do it.
Thursday, June 27, 13
Visual Text Editing
Drupal Spark - for D8 but backporting to D7.
Inline Editing
Visual Editor
Responsive layout and previe...
Visual Text Editing
WYSIWYG module - wrapper for visual editors.
CKEditor, TinyMCE, etc.
Version compatibility!
Text forma...
Visual Text Editing
WYSIWYG module add-ons.
https://drupal.org/project/better_formats
https://drupal.org/project/wysiwyg_t...
Visual Text Editing
Inline editing - only works with the stand-alone
CKEditor module!
Does not work with the WYSIWYG modul...
Node Form Layout
Node Form Column module
Adds a right column and footer
Vertical tabs can be an issue
https://drupal.org/p...
Node Form Column
Node Form Layout
Thursday, June 27, 13
Node Form Layout
Removing form elements.
Jammer module removes confusing elements such as node
revision log textarea, prev...
Fields
Node forms get messy
Hide fields
Group fields
Alter field widget
Thursday, June 27, 13
Conditional Fields
Where the status of one field depends on the status of
another field.
Module is still in dev for D7, but ...
Group Fields
Display Suite module allows field grouping
Somewhat complicated
Field Group module
Create fieldsets, vertical t...
Altering Fields - Taxonomy
Taxonomy Term
Reference Tree Widget
Adds new widget to
select taxonomies.
https://drupal.org/
p...
Altering Fields - Options
Options Element
Better mechanism to
specify select list,
checkbox, and radio
button options.
htt...
Content Locking
Prevents two authors editing the same content
Content locking module
Also prevents closing a browser windo...
Saving Content
Autosave - https://drupal.org/project/autosave
Save & Edit - https://drupal.org/project/save_edit
Save Draf...
Workflow
Very complicated issue, but look at...
Workbench suite of modules
WB Access
WB Moderation
WB Media
https://drupal....
A happy author....
Thursday, June 27, 13
Upcoming SlideShare
Loading in...5
×

Happy Content Creators

306

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
306
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Happy Content Creators

  1. 1. Happy Content Creators Improving the Author UX Thursday, June 27, 13
  2. 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. 3. The out of the box Drupal Author UX needs some help. Thursday, June 27, 13
  4. 4. Going from this... Thursday, June 27, 13
  5. 5. Thursday, June 27, 13
  6. 6. ... to this ... Thursday, June 27, 13
  7. 7. Thursday, June 27, 13
  8. 8. .... causes this. {Insert obligatory Internet cat meme here.} I used Drupal once... ... it sucked. Thursday, June 27, 13
  9. 9. Authors need to get stuff done... Thursday, June 27, 13
  10. 10. ...and they will find a way to do it. Thursday, June 27, 13
  11. 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. 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. 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. 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. 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. 16. Node Form Column Node Form Layout Thursday, June 27, 13
  17. 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. 18. Fields Node forms get messy Hide fields Group fields Alter field widget Thursday, June 27, 13
  19. 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. 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. 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. 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. 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. 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. 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. 26. A happy author.... Thursday, June 27, 13

×