Drupalcamp London 2015: Improving the CMS user experience
•Télécharger en tant que PPTX, PDF•
0 j'aime•3,556 vues
DrupalCamp London 2015 session on Drupal CMS UX
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (13)
En vedette
En vedette (9)
Similaire à Drupalcamp London 2015: Improving the CMS user experience
Similaire à Drupalcamp London 2015: Improving the CMS user experience (20)
Dernier
Dernier (20)
Drupalcamp London 2015: Improving the CMS user experience
- 1. Paul Rowell Improving The CMS User Experience
- 3. Often CMS users are left with only the basic tools to manage their site. The forgotten user
- 4. Who will be using it? • Teams • Individuals Who?
- 5. What do they want to do: • Daily • Weekly • Monthly What?
- 6. What else does this person/team do? Priority?
- 8. Admin theme Making use of the Adminimal theme CMS users are now given a cleaner, clearer experience when using Drupal. http://adminimal.netsite.gr
- 9. Admin navigation Navbar provides CMS users with a responsive administration menu allowing easier navigation across all devices. https://www.drupal.org/project/navbar
- 11. Admin views • Overrides default view • VBO allows bulk operations • Additional operations can be added • Drupal 8 core • Filter and search • Also includes comments https://www.drupal.org/project/admin_views Content overviews
- 12. Workbench • Overview page • Replacement for dashboard • Available hooks https://www.drupal.org/project/workbench Content overviews cont.
- 13. Workbench Moderation • Multiple states • Transitions • Permission based https://www.drupal.org/project/workbench_moderation Revisioning
- 14. • Content Managers/Editors view • Multiple places to moderate content • Easy to see what state content is in Revisioning cont.
- 15. • Webform Default Fields https://www.drupal.org/project/webform_default_fields • Options element https://www.drupal.org/project/options_element • Spam – Honeypot https://www.drupal.org/project/honeypot • Default select lists options Webforms
- 16. File Management
- 17. • Media module • File content page • Bulk upload • YouTube https://www.drupal.org/project/media Media
- 18. Fields
- 19. • Multiselect https://www.drupal.org/project/multiselect • Term reference tree https://www.drupal.org/project/term_reference_tree • Select with style https://www.drupal.org/project/select_with_style • Simple hierarchical select https://www.drupal.org/project/shs Select lists
- 20. Cropping • Comparison: https://www.drupal.org/node/1179172 https://www.drupal.org/project/focal_point https://www.drupal.org/project/manualcrop Multiple Upload • File and Image widget https://www.drupal.org/project/multiupload_filefield_widget https://www.drupal.org/project/multiupload_imagefield_widget Image
- 21. • Conditional fields https://www.drupal.org/project/conditional_fields • GMap https://www.drupal.org/project/gmap • Linkit https://www.drupal.org/project/linkit • Help text Other…
Notes de l'éditeur
- Image needed
- User experience is usually focused on the end users, their goals and tasks. Often CMS users are left with only the basic tools to manage their site. A few simple modifications and modules can be used to make their job quicker and easier.
- Who will be using it? One person, multiple people, do they work together or separately?
- What do they need to achieve from the site on a daily/weekly/monthly biases. What do they need to get out of it? Frequent tasks should be as easy to perform as possible.
- What else do they do within the company? How high is the site on the priority list? If it’s low and it’s hard to perform a task it’s likely that task won’t get done.
- Adminimal theme. I can’t say anything extra the site hasn’t already said, well worth a look.
- The biggest benefit of navbar is it’s ability to respond to smaller screens/mobile devices.
- Managing content is the most basic need of the person(s) using the site.
- The first thing you can do is help with the content overview page. Admin views makes use of views and vbo to override the default overview to allow filtering/searching and retain the mass action functionality. Being a view it’s easily configured to suite the needs of the person/company. It also overrides the overview pages of comments and people.
- Another option is Workbench. A better (imo) version of the core dashboard screen it provides configurable views on a summary page. The views can be removed or added using using (hook) GET HOOK FROM REACH
- The addition of Workbench Moderation allows content to be revisioned and placed in various states before being published. States and transitions can be modified and it’s all based on permissions.
- The CMS user will be able to see clearly what state content is at and modify it easily.
- Default fields allows you to set up default fields per webform enabled content type, meaning that a CMS user doesn’t need to create needed fields each time. Options element makes creating select lists easier, stripping the need to enter keys and separating out each option into its own text field A spam filter, such as honeypot, saves the user time having to delete any results that would otherwise clog up the system Using hook_webform_select_options_info the default select lists available can be added to, including taxonomies.
- Management of files is one of Drupal’s weak spots, but it’s improving
- With the media module you can reuse files that have been uploaded elsewhere around the site. An overview page is added allowing users to mass delete media as needed as well as bulk upload files.
- Entering content can be a time consuming task, a few tips to help users out.
- With select lists there are a wide range of options, a few of my favourites. Multiselect changes the standard dropdown into two boxes, with selected options appearing on the right Term reference tree has a butt load of options, including being able to force the user to only select child elements, select parents automatically when child terms are selected. Select with style gives a visual edge to select lists, and can include custom images and css SHS There are fewer options available, but allows users the option to create new terms as well as force selection of only child terms.
- As well as using media a couple of additional ways of helping users is allowing them to crop images after they’ve been uploaded. A good comparison list can be seen. Uploading multiple images at once is also a great time saver
- A few additional options including setting up conditional fields. This allows the user to only see the fields they need to, making the form look cleaner. Gmap allows the user to pick co-ords from a map, using for geo-location modules. Linkit is great for linking to internal content, allowing the user to search for content on the site. One of the most basic things you can do is include help text! Field groups
- contact