Care for your backoffice - Drupal Dev Days Szeged 2014

32
Care for you backoffice Guillaume BEC Julien DUBOIS

description

We are using Drupal which is gently taking care of pre-building administrative forms for us. "OK so let's add some content type and field now. Perfect! We now have a huuuuuuge collections of fields. Where is this image field again?" "Let's create some content now! Yes i have this huuuuuuuuge list of items now, how do i search in it?" "OK, now my content is there, i have to publish it. On which site is it live? Shout, i have to check everywhere. Can you do it by tomorrow?" "Oh the partner changed its name now i have to update its name, let's edit 100 nodes! Could i do it fast?" Our sites are used by real people (i swear), we should take care of them by offering the most efficient user interface possible. In order to do that, we will see how to improve Drupal default behaviors and try to optimize the screens used for hours by the users. We have some tools outthere that just need to be know in order to please everyone. We will have a tour of the existing modules during this session and talk about how we build some of them and why you should do the same.

Transcript of Care for your backoffice - Drupal Dev Days Szeged 2014

Page 1: Care for your backoffice - Drupal Dev Days Szeged 2014

Care for you backoffice

Guillaume BECJulien DUBOIS

Page 2: Care for your backoffice - Drupal Dev Days Szeged 2014

Battle plan

• Drupal 7 sucks!

• Drupal 7 rocks!

• Thank you contrib!

• What’s new in Drupal 8

Page 3: Care for your backoffice - Drupal Dev Days Szeged 2014

Drupal 7 sucks

But it comes with painful screens / operations for a daily usage :

• Node edit• Content view• User view

• Overlay• Limited Bulk

Operations• No WYSIWYG

Page 4: Care for your backoffice - Drupal Dev Days Szeged 2014

Drupal 7 rocksRemember, core brings few base pieces that are interesting:• Dashboard• Shortcut• Contextual links• Toolbar• Custom admin form

Page 5: Care for your backoffice - Drupal Dev Days Szeged 2014

Thank you contrib

Core developers are relying on contrib in order to solve some issues.

Let’s review some of them…

Page 6: Care for your backoffice - Drupal Dev Days Szeged 2014

Page structure

Panels• Variants• Layout• Plugins

Display suite

Page 7: Care for your backoffice - Drupal Dev Days Szeged 2014

Page structureField group / Edit

Edit

Field group

Page 8: Care for your backoffice - Drupal Dev Days Szeged 2014

ListingsViews / VBO / Search API Build screens that display the appropriate

information Code the 3 top actions that your users will

use bulkly Compute complex data and index them

Page 9: Care for your backoffice - Drupal Dev Days Szeged 2014

Search API

Page 10: Care for your backoffice - Drupal Dev Days Szeged 2014

Admin views

Page 11: Care for your backoffice - Drupal Dev Days Szeged 2014

NavigationAdmin / Admin menu Reorganize your menus Match your organization Segment by division if necessary

Page 12: Care for your backoffice - Drupal Dev Days Szeged 2014

UsabilityChosen / Hierarchical select Multi select lists sucks!

Chosen

Hierarchical select

Page 13: Care for your backoffice - Drupal Dev Days Szeged 2014

Usability

Views megarow

Page 14: Care for your backoffice - Drupal Dev Days Szeged 2014

UsabilityWYSIWYG CKeditor / BUeditor / Tiny MCE

BUEditor

Better formats

Page 15: Care for your backoffice - Drupal Dev Days Szeged 2014

Usability

Conditional Fields

Page 16: Care for your backoffice - Drupal Dev Days Szeged 2014

Dashboards

Total control admin

Page 17: Care for your backoffice - Drupal Dev Days Szeged 2014

Dashboards

Clients love dashboards

Page 18: Care for your backoffice - Drupal Dev Days Szeged 2014

Useful for features but also for content editors!

Content management

Diff

Page 19: Care for your backoffice - Drupal Dev Days Szeged 2014

Content management

Media

Page 20: Care for your backoffice - Drupal Dev Days Szeged 2014

Content management

Scald

Page 21: Care for your backoffice - Drupal Dev Days Szeged 2014

Content management

Assets

Page 22: Care for your backoffice - Drupal Dev Days Szeged 2014

Content authoring

Override node options

Page 23: Care for your backoffice - Drupal Dev Days Szeged 2014

Publish button / Save draft / Add another

Content authoring

Save draft

Add another

Publish button

Page 24: Care for your backoffice - Drupal Dev Days Szeged 2014

Content authoring

Scheduler

Page 25: Care for your backoffice - Drupal Dev Days Szeged 2014

Content authoring

Linkit

Page 26: Care for your backoffice - Drupal Dev Days Szeged 2014

Content authoring

Field validation

Client side validation

Page 27: Care for your backoffice - Drupal Dev Days Szeged 2014

Webmastering

Views UI Basic

Page 28: Care for your backoffice - Drupal Dev Days Szeged 2014

Admin themes

Rubik

Page 29: Care for your backoffice - Drupal Dev Days Szeged 2014

Pro Tips Write understandable field help texts

Build admin screens by role or need

Switch labels to inline

CSS (float, margin, borders are quick wins)

$form[‘BES’][‘#access’] = FALSE;

Page 30: Care for your backoffice - Drupal Dev Days Szeged 2014

Code!Sometimes contrib is not enough, you need to push it further.

Code your views handlers

Code your field widgets

Code your ctools plugins

Build new contrib modules

Page 31: Care for your backoffice - Drupal Dev Days Szeged 2014

What about Drupal 8?

Well for the content editor, it’s mainly UI related (but it still important!)

Edit in place in core

WYSIWYG in core

VBO(ish) in core

Views in core

Draft in core

New content page layout

Page 32: Care for your backoffice - Drupal Dev Days Szeged 2014

Creditshttp://curveagency.com/blog/building-better-dashboard-experience-drupal