Happy Content Creators

492 views
398 views

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
492
On SlideShare
0
From Embeds
0
Number of Embeds
2
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

×