Firm Up that Backend: Easy Exercises for a Usable Admin Interface

45
FIRM UP THAT BACKEND Easy Exercises for a Usable Admin Interface Lauren Byrwa - @labyrwa Jason Wasser - @JasonWasser

description

Building a functional, beautiful site for end users is what most Drupal development efforts focus on -- but some of the most important and often neglected users of the new site are the content creators and editors who will have to maintain it. Planning for the admin experience these users will have can mean the difference between unsatisfied, frustrated content maintainers and maintainers who are happy with their new site. For content maintainers, an uncustomized Drupal admin interface can be complicated, overwhelming, and downright scary. By making the system easier to use and more difficult to break, developers and site-builders can create better relationships with their content maintainers and ultimately their clients. There are a number of steps they can take to do this, ranging from installing and configuring modules that improve the interface, to customizing the permissions system to restrict access to areas of the site that can be unnecessarily confusing, to setting up more intuitive dashboards. Careful thought about what content maintainers need to do, and planning to help them to do it, helps them focus on their content and empowers them to take control of managing and maintaining their website with less developer assistance. In this presentation, we will cover some of the steps we take to streamline our websites for our clients. You’ll learn about: Helpful modules to improve content authoring Crafting roles and permissions for a streamlined admin experience Configuring the WYSIWYG Organizing content interfaces for ease of use Creating an intuitive administrative dashboard The importance of simple and concise training documentation

Transcript of Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Page 1: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

FIRM UP THAT BACKEND

Easy Exercises for a Usable Admin Interface

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

WHAT DO YOU DO WITH DRUPAL

bull Font-end bull Site Building bull Module Development bull Content Administrators bull Have you ever entered content into Drupal

WHY DOES IT MATTER

bull Developers donrsquot know what its like to not be developers

bull Content administrators donrsquot always know Drupal bull The backend gets left behind bull Content administrators donrsquot have the confidence to

do their job without assistance

WARM UPS

bull Use the Admininstration Menu (instead of the default Toolbar)

bull Add help text bull Does your structure makes sense to people who donrsquot

know Drupal

Adding help text on fields and descriptions on content types taxonomies and contexts

Dropdowns allow users to easily and quickly get through the system

COMPANY WORKFLOW

bull Intake with the client to discuss their internal needs bull Create a custom workflow for those client needs bull Determine number and needs of roles bull Craft permissions based on client needs and custom

workflow

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 2: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

WHAT DO YOU DO WITH DRUPAL

bull Font-end bull Site Building bull Module Development bull Content Administrators bull Have you ever entered content into Drupal

WHY DOES IT MATTER

bull Developers donrsquot know what its like to not be developers

bull Content administrators donrsquot always know Drupal bull The backend gets left behind bull Content administrators donrsquot have the confidence to

do their job without assistance

WARM UPS

bull Use the Admininstration Menu (instead of the default Toolbar)

bull Add help text bull Does your structure makes sense to people who donrsquot

know Drupal

Adding help text on fields and descriptions on content types taxonomies and contexts

Dropdowns allow users to easily and quickly get through the system

COMPANY WORKFLOW

bull Intake with the client to discuss their internal needs bull Create a custom workflow for those client needs bull Determine number and needs of roles bull Craft permissions based on client needs and custom

workflow

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 3: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

WHY DOES IT MATTER

bull Developers donrsquot know what its like to not be developers

bull Content administrators donrsquot always know Drupal bull The backend gets left behind bull Content administrators donrsquot have the confidence to

do their job without assistance

WARM UPS

bull Use the Admininstration Menu (instead of the default Toolbar)

bull Add help text bull Does your structure makes sense to people who donrsquot

know Drupal

Adding help text on fields and descriptions on content types taxonomies and contexts

Dropdowns allow users to easily and quickly get through the system

COMPANY WORKFLOW

bull Intake with the client to discuss their internal needs bull Create a custom workflow for those client needs bull Determine number and needs of roles bull Craft permissions based on client needs and custom

workflow

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 4: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

WARM UPS

bull Use the Admininstration Menu (instead of the default Toolbar)

bull Add help text bull Does your structure makes sense to people who donrsquot

know Drupal

Adding help text on fields and descriptions on content types taxonomies and contexts

Dropdowns allow users to easily and quickly get through the system

COMPANY WORKFLOW

bull Intake with the client to discuss their internal needs bull Create a custom workflow for those client needs bull Determine number and needs of roles bull Craft permissions based on client needs and custom

workflow

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 5: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Adding help text on fields and descriptions on content types taxonomies and contexts

Dropdowns allow users to easily and quickly get through the system

COMPANY WORKFLOW

bull Intake with the client to discuss their internal needs bull Create a custom workflow for those client needs bull Determine number and needs of roles bull Craft permissions based on client needs and custom

workflow

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 6: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Dropdowns allow users to easily and quickly get through the system

COMPANY WORKFLOW

bull Intake with the client to discuss their internal needs bull Create a custom workflow for those client needs bull Determine number and needs of roles bull Craft permissions based on client needs and custom

workflow

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 7: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

COMPANY WORKFLOW

bull Intake with the client to discuss their internal needs bull Create a custom workflow for those client needs bull Determine number and needs of roles bull Craft permissions based on client needs and custom

workflow

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 8: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

PERMISSIONS

bull Easier for content administrators bull Focus on what is important

bull Prevents breaking the site bull Prevents content administrators from breaking the

site unintentionally bull Privacy concerns

bull Prevents unauthorized users from seeing parts of the site they shouldnrsquot

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 9: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

PERMISSIONS BY ROLE

Tools to work out your permissions bull Taxonomies - Vocabulary Permissions per Role bull Menus - Menu Admin per Admin bull Fields - Field Permissions bull Content Types - Content Access Easy Exercise for Role Testing bull Masquerade

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 10: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Too many options to distract Content administrators

PERMISSIONS BEFORE

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 11: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Content administrators can focus on their tasks

PERMISSIONS AFTER

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 12: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

ADMIN VIEWS WITH VBO

bull Administration Views module bull Customizable view bull Overrides the content user and taxonomy system

pages bull Views bulk operations (VBO)

bull Adds functionality to these views bull Is useful when dealing with a lot of content

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 13: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

It is also easy to create your own custom views to be more tailored to the clients needs

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 14: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

NODEENTITY ORDERING

bull Nodequeue bull Adds an easy drag and drop interface

bull Weight bull Relatively lightweight module bull Works like the weights already built into menu items

for more information on node ordering - httpswwwdrupalorgnode398508

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 15: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

NODEQUEUE

bull Supports translated Nodes

bull Allows separate permissions for editing or ordering

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 16: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

WEIGHT

bull lightweight (only two additional database tables)

bull Uses core node edit page

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 17: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Display Suite Forms + Field Group bull Clean up the node edit page bull Divide fields into manageable chunks

CONTENT INTERFACE EXERCISE 1 ORGANIZE THE EDIT PAGE

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 18: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Before

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 19: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

After

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 20: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

Manual Crop bull Users can crop on the site after uploading bull Maintains aspect ratios bull Ties into image styles

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 21: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Manual Crop

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 22: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

bull Insert images into the WYSIWYG bull Create specific style options

bull Integrate with Image Styles or Manual Crop bull Add additional CSS styles if required bull Alt and Title text fields

bull Encourage content administrators to keep their website accessible

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 23: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 2 TAME IMAGES

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 24: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 3 REMOVE OPTIONS

bull Field Permissions bull Hides fields not being used by the

client (such as fields used during migration)

bull Override Node Options bull Hides default options like ldquoPromote to

front pagerdquo

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 25: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 4 USER FRIENDLY SELECT LISTS

Chosen bull Turn select lists into autocomplete

tagging fields bull Particularly useful on select lists with

many options

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 26: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Chosen

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 27: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 5 SETTING REASONABLE LIMITS

Max Length bull Limits the ability to be too wordy bull Avoids text breaking the design

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 28: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Max Length

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 29: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

bull Revisions bull Helps clients revert content to

former versions bull Diff

bull illustrates what changes were made to the content

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 30: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 6 UPDATING AND REVERTING CONTENT

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 31: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONTENT INTERFACE EXERCISE 7 FIELD DEPENDENCIES

bull Conditional Fields bull Show and hides fields based on the

values of other fields bull Great if you only need content in some

instances bull Helps keep the website unbreakable bull Can be problematic if a dependent is

required

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 32: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

When content isnrsquot featured no ldquoFeatured Imagerdquo upload appears

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 33: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

When content is featured ldquoFeatured Imagerdquo upload appears

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 34: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONFIGURING THE WYISWYG

bull Get rid of unused buttons bull Use the CKEditor module (because it is going into

Drupal 8 core)

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 35: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

The only options left here are bold italicize format lists links and images

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 36: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

LINKIT

bull Helps content editors link to internal content

bull Allows users to easily search for content on the system or link to a URL

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 37: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

bull Login Destination bull Redirects users on login bull Use Admin Views and VBO to make website content a

custom dashboard bull Total Control Admin Dashboard

bull Creates a usable dashboard bull Gives content administrators once place to see

content and edit menus and taxonomies

PUSHING IT TO THE NEXT LEVEL CUSTOM DASHBOARD

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 38: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

Total Control Admin Dashboard

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 39: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

bull Admin Themes add a final polish to the admin backend

bull Shiny bull Rubik Theme bull Adminimal (with Adminimal Admin Menu) bull Ember

COOL DOWN ADMIN THEMES

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 40: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

SHINY

bull Consistent with Seven

bull Larger font bull More refined

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 41: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

RUBIK THEME

bull Help text becomes a tooltip

bull Handy icons bull Requires Tao Base

Theme

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 42: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

ADMINIMAL

bull Flat UI bull Responsive bull Color-coded

buttons bull Collapsed

fieldsets are a blue line

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 43: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

EMBER

bull Flat UI bull Responsive bull Navbar module bull Meant to be used

with Spark distribution

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 44: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

CONCLUSION

bull There are a lot of easy to add modules on drupalorg that can help content administrators streamline their workflow

bull Consult a developer for recommendations about what is the best fit for your website and workflow

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser

Page 45: Firm Up that Backend: Easy Exercises for a Usable Admin Interface

QUESTIONS

Lauren Byrwa - labyrwa Jason Wasser - JasonWasser