SlideShare a Scribd company logo
Building websites with Drupal
that content authors love
– Drupal Camp Ruhr 2018 –
Building websites with Drupal that content authors love
Why is a great user experience
important for your authors?
Building websites with Drupal that content authors love
Why is a great user experience important for your
authors?
• Content is King!
• One-to-one
communication
• Content becomes more
complex
Building websites with Drupal that content authors love
Spend less time with tools but
more time with content
Building websites with Drupal that content authors love
Build tools to make content
publishing a no-brainer
Building websites with Drupal that content authors love
Build tools to make content publishing a no-brainer
• No copy paste for content staging
• Create once deploy many times
• Focus on customer contact journeys not
on tools
• Plan it!
Please,
do Drupal a favour:
Avoid shiny frontends with ugly
backends!
Focus on the
"author journey", too
Building websites with Drupal that content authors love
Focus on the "author journey", too
• Which content-flexibility is
needed (not possible!)
• Content first to define authoring
features
• Which features are NOT needed?
Building websites with Drupal that content authors love
• Use the „author user story mapp“
• Create mockups to manage
expectations
• Define content elements instead of
pages
Building websites with Drupal that content authors love
• Involve users early
• Get feedback early
• Improve continuously
Building websites with Drupal that content authors love
Content Staging
&
Content Sync
Building websites with Drupal that content authors love
Content Staging & Content Sync
What you see is what you get?
Unfortunately not really.
Building websites with Drupal that content authors love
Content Staging & Content Sync
• Make content previews realistic
• Make campaign preparation easy
• Publish campaigns with a click
Building websites with Drupal that content authors love
Content Staging & Content Sync
• Allow content publishing accross
sites
• Keep content synchronized
• Avoid manual copy & paste work for
authors
Building websites with Drupal that content authors love
Let authors benefit from digital automation in
the same way as you want your customers to.
Building websites with Drupal that content authors love
Or combine these tools
Tools
• deploy module
• NodeJS
• Drupal Content Sync.
• Headless Drupal
Building websites with Drupal that content authors love
Why is a great user experience important for your
authors?
• Heavily content-based
• Authors have to work with the system every day
• Do not make it painful for them !
• Help authors to create new content
• Simple Landingpages/Sites
• Authors are using the system maybe once per month
• Give them a system that is easy to be understood
Building websites with Drupal that content authors love
Grouping fields
• Why should we group fields?
• Clear arrangement
• Helps authors to understand what
fields are for
• How should we group fields?
• Put them into a logical context
• How to do it in Drupal
• Module: Field Groups
Building Drupal sites that content authors love
Just show the essential
Just show the essential
• Avoid displaying fields on content
creation pages which:
• Are not necessary for the authors
• Do not make sense to be filled in logically
• How to do it in Drupal
• Module: Conditional Fields
Building websites with Drupal that content authors love
Use Media --force
Use Media --force
• Media is in core since Drupal 8.4.x
• To use or not to use Media?
• Just do it!
• Use Entity Browsers
• + Entity Browser Enhance(d|r)
• Set it up over and over again? NO
• Create a reusable feature
• Put the feature in a composer
package?
Building websites with Drupal that content authors love
Better referencing with Entity
Browsers
Better referencing with Entity Browsers
• „And now I just have to
reference Mr. Müller... o.O”
• Entity Browsers allow you to:
• give your authors a better
overview of available entities
• filter the available entitles
• sort the available entities
• create new entities
Building websites with Drupal that content authors love
Paragraphs
Hail to the king !
Building websites with Drupal that content authors love
Paragraphs
• Flexible content based on „Content – Elements“ aka Paragraphs
• Simple to use
• Content elements can be ordered as the editors wants them to be
ordered
• No fix content structure
• Module is well maintained
Building websites with Drupal that content authors love
Paragraphs Browser
• Give your editors a preview of what they are going to add
• Simplify their work by not just giving them a Paragraph name
• Group Paragraphs by their function
• Search by paragraph name
Building websites with Drupal that content authors love
Paragraphs BrowserParagraphs default widget
Building websites with Drupal that content authors love
Paragraphs preview
&
Paragraphs previewer
Paragraph Preview
• Do not show paragraphs as „open“ • Do not show paragraphs as „closed“
Paragraph Preview
• Create your authors a nice little preview
Building websites with Drupal that content authors love
Paragraphs Previewer
• Contrib module
• Live preview using the frontend theme styles
• Works for already existing and new paragraphs
• Resizable to show mobile layout
Building Drupal sites that content authors love
Building websites with Drupal that content authors love
Paragraphs Browser vs. Paragraphs Previewer
• Currently not working together
• Both bring their own field widget
• We are working on a patch for both modules
• Lets combine the power and be awesome !
Building websites with Drupal that content authors love
It’s all about the small things
Building websites with Drupal that content authors love
Easy linking with linkit
• Contrib module
• Project: linkit
• Linkit helps your authors to link
content using your ckeditor.
• Free SEO improvement
• Links are updated when a node
alias changes.
Building websites with Drupal that content authors love
-> Cleanup your entity types
• Remove inputs which are not relevant
for your authors.
-> Automatic entity labels
• Contrib Module
• Project: auto_entitylabel
• Reuse field values for the entity titles
• Save time
• Avoid confusion
• Easy right? Use it J
Building websites with Drupal that content authors love
Which challenges do you face in
your authoring workflows?
Contact:
Manuel Pistner, CEO
Mail: pistner@brightsolutions.de
Sebastian Gurlt, Head of Drupal
Mail: gurlt@brightsolutions.de
Visit our blog for content like:
• Content Staging und Content
Deployment mit Drupal
• Inhalte in Drupal zentral über einen
Content-Pool verwalten
• Ein Drupal wie Redakteure es lieben –
technische Serie
• Drupal Deployment
-> www.brightsolutions.de/blog
#strategisch #technisch #kompetent
Erfolgreiche Web & Mobile Projekte

More Related Content

PDF
Last Call Media Drupal 8 Case Study
PPTX
Developing Complex WordPress Sites without Fear of Failure (with MVC)
PDF
Building Content-centric Add-ons for Confluence
PDF
Cities: Making Free Accessible WordPress Themes
PDF
Building mobile apps with PhoneGap and Backbone
PPTX
ESPC Webinar - From SharePoint to Office 365 Development
PPTX
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
PPTX
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
Last Call Media Drupal 8 Case Study
Developing Complex WordPress Sites without Fear of Failure (with MVC)
Building Content-centric Add-ons for Confluence
Cities: Making Free Accessible WordPress Themes
Building mobile apps with PhoneGap and Backbone
ESPC Webinar - From SharePoint to Office 365 Development
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development

What's hot (19)

PPTX
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
PPTX
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
PPTX
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
PDF
Drupal 8 deeper dive
PPTX
SharePoint Saturday Ottawa - From SharePoint to Office 365 Development
PPTX
Presentation on Gatsby to SF Static Web Tech Meetup
PPTX
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
PPTX
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
PPTX
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
PPTX
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
PPTX
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
PDF
BladeRunnerJS Show & Tell
PDF
My Website is Old Enough to Vote - My Website Can Vote - Building Sites That ...
PPTX
SPTechCon Austin 2019 - From SharePoint to Office 365 development
PDF
Migrate for Site Builders from MidCamp 2016
PDF
Joomla! multiplied - How to run Multi-Sites - JandBeyond 2014
PPTX
[DevDay2018] Ignite your app development with native script and firebase - By...
PDF
Alfresco Day Stockholm 2015 - Rapid UI Development
PDF
I knew there had to be a better way to build mobile apps
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
Drupal 8 deeper dive
SharePoint Saturday Ottawa - From SharePoint to Office 365 Development
Presentation on Gatsby to SF Static Web Tech Meetup
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
BladeRunnerJS Show & Tell
My Website is Old Enough to Vote - My Website Can Vote - Building Sites That ...
SPTechCon Austin 2019 - From SharePoint to Office 365 development
Migrate for Site Builders from MidCamp 2016
Joomla! multiplied - How to run Multi-Sites - JandBeyond 2014
[DevDay2018] Ignite your app development with native script and firebase - By...
Alfresco Day Stockholm 2015 - Rapid UI Development
I knew there had to be a better way to build mobile apps
Ad

Similar to Building Drupal sites that content authors love (20)

PPTX
Nascom update 1- The Mission of Drupal 8
PDF
Introduction to Drupal
PDF
Drupal sharing in HP7
PPTX
Lazy Coder Camp Edition 1
PPTX
Advantages of using drupal 8
PDF
[HKDUG] #20160626 - HKOSCon 2015 - Website DIY with Drupal 8
PPT
Hire Drupal Developers For Your Website
PPT
Hire Drupal Developers For Your Website
PPTX
Ready. Set. Drupal! An Intro to Drupal 8, Part 2
PPTX
Promet.manila2011.selling drupal.
PDF
Showcasing drupal
PDF
Fastest Way to DRUPAL
PDF
Introduction to Drupal for Absolute Beginners
PDF
Drupal 7 basic setup and contrib modules for a brochure website
ODP
Drupal 6x Installation
PDF
A Sneak Peek Into Drupal - A Beginner’s Guide.pdf
PDF
An Introduction to Drupal
PDF
HTML5 & CSS3 in Drupal (on the Bayou)
PDF
Choosing Drupal as your Content Management Framework
PPT
JIIT PORTAL based on Drupal
Nascom update 1- The Mission of Drupal 8
Introduction to Drupal
Drupal sharing in HP7
Lazy Coder Camp Edition 1
Advantages of using drupal 8
[HKDUG] #20160626 - HKOSCon 2015 - Website DIY with Drupal 8
Hire Drupal Developers For Your Website
Hire Drupal Developers For Your Website
Ready. Set. Drupal! An Intro to Drupal 8, Part 2
Promet.manila2011.selling drupal.
Showcasing drupal
Fastest Way to DRUPAL
Introduction to Drupal for Absolute Beginners
Drupal 7 basic setup and contrib modules for a brochure website
Drupal 6x Installation
A Sneak Peek Into Drupal - A Beginner’s Guide.pdf
An Introduction to Drupal
HTML5 & CSS3 in Drupal (on the Bayou)
Choosing Drupal as your Content Management Framework
JIIT PORTAL based on Drupal
Ad

More from Manuel Pistner (20)

PDF
So skalieren Agenturen erfolgreich
PDF
How to automate your DevSecOps successfully
PDF
Marketing automation with Drupal
PDF
Drupal security best practices
PDF
Drupal security - There is a mini Drupalgeddon every week & how to survive it
PDF
Enterpriseintegration mit Drupal und SAP
PDF
KonM 40 digital - Der schlanke Weg zur Digitalen Transformation
PDF
Digitale Innovation und neue Geschäftsmodelle
PPTX
Recurring revenue for drupal shops
ODP
Drupal business applications
ODP
Working in distributed remote teams
PDF
Cyber physische Produktion von CNC Fräsprodukten
PDF
Drupal integration best practises
PDF
Open source business apps
PDF
Wie Web und Mobile-Technologien Service- und Vertriebsprozesse optimieren
PDF
Cross enterprise CMS integration
ODP
ERPAL for Service Providers - Vortrag TIZ
PDF
Online Konstruktion von 2D CNC Fräsprodukten
ODP
Erpal Platform - Preview of the Drupal business application framework
PPTX
Drupal cross enterprise integration on an example of Sharepoint
So skalieren Agenturen erfolgreich
How to automate your DevSecOps successfully
Marketing automation with Drupal
Drupal security best practices
Drupal security - There is a mini Drupalgeddon every week & how to survive it
Enterpriseintegration mit Drupal und SAP
KonM 40 digital - Der schlanke Weg zur Digitalen Transformation
Digitale Innovation und neue Geschäftsmodelle
Recurring revenue for drupal shops
Drupal business applications
Working in distributed remote teams
Cyber physische Produktion von CNC Fräsprodukten
Drupal integration best practises
Open source business apps
Wie Web und Mobile-Technologien Service- und Vertriebsprozesse optimieren
Cross enterprise CMS integration
ERPAL for Service Providers - Vortrag TIZ
Online Konstruktion von 2D CNC Fräsprodukten
Erpal Platform - Preview of the Drupal business application framework
Drupal cross enterprise integration on an example of Sharepoint

Recently uploaded (20)

PPTX
Ranking a Webpage with SEO (And Tracking It with the Right Attribution Type a...
PPTX
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
PDF
Building a strong social media presence.
PDF
Future Retail Disruption Trends and Observations
PPTX
UNIT 3 - 5 INDUSTRIAL PRICING.ppt x
PPTX
PRINCIPLES OF MANAGEMENT and functions (1).pptx
PDF
PDF
How a Travel Company Can Implement Content Marketing
PDF
Digital Marketing Agency in Thrissur with Proven Strategies for Local Growth
PPTX
Your score increases as you pick a category, fill out a long description and ...
PPTX
The evolution of the internet - its impacts on consumers
PDF
Mastering the Art of the Prompt - Brantley Smith, HomePro Marketing
PDF
Mastering Content Strategy in 2025 ss.pdf
PDF
AI & Automation: The Future of Marketing or the End of Creativity - Matthew W...
DOCX
Parkville marketing plan .......MR.docx
PDF
Hidden gems in Microsoft ads with Navah Hopkins
PDF
UNIT 2 - 5 DISTRIBUTION IN RURAL MARKETS.pdf
PDF
AI & Automation: The Future of Marketing or the End of Creativity - Eric Ritt...
PPTX
Presentation - MindfulHeal Digital Ayurveda GTM & Marketing Plan.pptx
PDF
UNIT 1 -3 Factors Influencing RURAL CONSUMER BEHAVIOUR.pdf
Ranking a Webpage with SEO (And Tracking It with the Right Attribution Type a...
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
Building a strong social media presence.
Future Retail Disruption Trends and Observations
UNIT 3 - 5 INDUSTRIAL PRICING.ppt x
PRINCIPLES OF MANAGEMENT and functions (1).pptx
How a Travel Company Can Implement Content Marketing
Digital Marketing Agency in Thrissur with Proven Strategies for Local Growth
Your score increases as you pick a category, fill out a long description and ...
The evolution of the internet - its impacts on consumers
Mastering the Art of the Prompt - Brantley Smith, HomePro Marketing
Mastering Content Strategy in 2025 ss.pdf
AI & Automation: The Future of Marketing or the End of Creativity - Matthew W...
Parkville marketing plan .......MR.docx
Hidden gems in Microsoft ads with Navah Hopkins
UNIT 2 - 5 DISTRIBUTION IN RURAL MARKETS.pdf
AI & Automation: The Future of Marketing or the End of Creativity - Eric Ritt...
Presentation - MindfulHeal Digital Ayurveda GTM & Marketing Plan.pptx
UNIT 1 -3 Factors Influencing RURAL CONSUMER BEHAVIOUR.pdf

Building Drupal sites that content authors love

  • 1. Building websites with Drupal that content authors love – Drupal Camp Ruhr 2018 –
  • 2. Building websites with Drupal that content authors love Why is a great user experience important for your authors?
  • 3. Building websites with Drupal that content authors love Why is a great user experience important for your authors? • Content is King! • One-to-one communication • Content becomes more complex
  • 4. Building websites with Drupal that content authors love Spend less time with tools but more time with content
  • 5. Building websites with Drupal that content authors love Build tools to make content publishing a no-brainer
  • 6. Building websites with Drupal that content authors love Build tools to make content publishing a no-brainer • No copy paste for content staging • Create once deploy many times • Focus on customer contact journeys not on tools • Plan it!
  • 8. Avoid shiny frontends with ugly backends!
  • 9. Focus on the "author journey", too
  • 10. Building websites with Drupal that content authors love Focus on the "author journey", too • Which content-flexibility is needed (not possible!) • Content first to define authoring features • Which features are NOT needed?
  • 11. Building websites with Drupal that content authors love • Use the „author user story mapp“ • Create mockups to manage expectations • Define content elements instead of pages
  • 12. Building websites with Drupal that content authors love • Involve users early • Get feedback early • Improve continuously
  • 13. Building websites with Drupal that content authors love Content Staging & Content Sync
  • 14. Building websites with Drupal that content authors love Content Staging & Content Sync What you see is what you get? Unfortunately not really.
  • 15. Building websites with Drupal that content authors love Content Staging & Content Sync • Make content previews realistic • Make campaign preparation easy • Publish campaigns with a click
  • 16. Building websites with Drupal that content authors love Content Staging & Content Sync • Allow content publishing accross sites • Keep content synchronized • Avoid manual copy & paste work for authors
  • 17. Building websites with Drupal that content authors love Let authors benefit from digital automation in the same way as you want your customers to.
  • 18. Building websites with Drupal that content authors love Or combine these tools Tools • deploy module • NodeJS • Drupal Content Sync. • Headless Drupal
  • 19. Building websites with Drupal that content authors love Why is a great user experience important for your authors? • Heavily content-based • Authors have to work with the system every day • Do not make it painful for them ! • Help authors to create new content • Simple Landingpages/Sites • Authors are using the system maybe once per month • Give them a system that is easy to be understood
  • 20. Building websites with Drupal that content authors love Grouping fields
  • 21. • Why should we group fields? • Clear arrangement • Helps authors to understand what fields are for • How should we group fields? • Put them into a logical context • How to do it in Drupal • Module: Field Groups
  • 23. Just show the essential
  • 24. Just show the essential • Avoid displaying fields on content creation pages which: • Are not necessary for the authors • Do not make sense to be filled in logically • How to do it in Drupal • Module: Conditional Fields
  • 25. Building websites with Drupal that content authors love Use Media --force
  • 26. Use Media --force • Media is in core since Drupal 8.4.x • To use or not to use Media? • Just do it! • Use Entity Browsers • + Entity Browser Enhance(d|r) • Set it up over and over again? NO • Create a reusable feature • Put the feature in a composer package?
  • 27. Building websites with Drupal that content authors love Better referencing with Entity Browsers
  • 28. Better referencing with Entity Browsers • „And now I just have to reference Mr. Müller... o.O” • Entity Browsers allow you to: • give your authors a better overview of available entities • filter the available entitles • sort the available entities • create new entities
  • 29. Building websites with Drupal that content authors love Paragraphs Hail to the king !
  • 30. Building websites with Drupal that content authors love Paragraphs • Flexible content based on „Content – Elements“ aka Paragraphs • Simple to use • Content elements can be ordered as the editors wants them to be ordered • No fix content structure • Module is well maintained
  • 31. Building websites with Drupal that content authors love Paragraphs Browser • Give your editors a preview of what they are going to add • Simplify their work by not just giving them a Paragraph name • Group Paragraphs by their function • Search by paragraph name
  • 32. Building websites with Drupal that content authors love Paragraphs BrowserParagraphs default widget
  • 33. Building websites with Drupal that content authors love Paragraphs preview & Paragraphs previewer
  • 34. Paragraph Preview • Do not show paragraphs as „open“ • Do not show paragraphs as „closed“
  • 35. Paragraph Preview • Create your authors a nice little preview
  • 36. Building websites with Drupal that content authors love Paragraphs Previewer • Contrib module • Live preview using the frontend theme styles • Works for already existing and new paragraphs • Resizable to show mobile layout
  • 38. Building websites with Drupal that content authors love Paragraphs Browser vs. Paragraphs Previewer • Currently not working together • Both bring their own field widget • We are working on a patch for both modules • Lets combine the power and be awesome !
  • 39. Building websites with Drupal that content authors love It’s all about the small things
  • 40. Building websites with Drupal that content authors love Easy linking with linkit • Contrib module • Project: linkit • Linkit helps your authors to link content using your ckeditor. • Free SEO improvement • Links are updated when a node alias changes.
  • 41. Building websites with Drupal that content authors love -> Cleanup your entity types • Remove inputs which are not relevant for your authors.
  • 42. -> Automatic entity labels • Contrib Module • Project: auto_entitylabel • Reuse field values for the entity titles • Save time • Avoid confusion • Easy right? Use it J
  • 43. Building websites with Drupal that content authors love Which challenges do you face in your authoring workflows?
  • 44. Contact: Manuel Pistner, CEO Mail: pistner@brightsolutions.de Sebastian Gurlt, Head of Drupal Mail: gurlt@brightsolutions.de Visit our blog for content like: • Content Staging und Content Deployment mit Drupal • Inhalte in Drupal zentral über einen Content-Pool verwalten • Ein Drupal wie Redakteure es lieben – technische Serie • Drupal Deployment -> www.brightsolutions.de/blog