SlideShare a Scribd company logo
SPARK:
AUTHORING EXPERIENCE++ IN DRUPAL 7, 8, AND BEYOND
A N G I E “ @ W E B C H I C K ” B Y R O N
Site Builder Track - Thursday, June 5, 2014
ABOUT ME
Agenda
• Spark background info
• Demo of D7 vs. D8 authoring experience
• Tips on how to survive until D8
• What’s next?
• With audience participation. :)
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
What is it?
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
The goal!
Build kick-ass features for the current release
of Drupal so people can use them now, and
propose them for the next version of Drupal
core to solve pain points in the product itself.
Our Approach
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
Technical strength
0
1
2
3
4
5
6
7
8
Sitecore
CQ5
Plone
Squiz
Wordpress
Joomla
Drupal
Open Text
Drupal wins the technical decision...
0
1
2
3
4
5
6
7
8
Sitecore
CQ5
Plone
Squiz
Wordpress
Joomla
Drupal
Open Text
...but lags in authoring experience
Technical strength
Authoring experience
0
1
2
3
4
5
6
7
8
9
10
In-line editing
Workflow
Content staging
Media
management
Layouts
Localization
Mobile authoring
Ideal Pro
Drupal
How the Drupal authoring experience compares
Drupal experience
Ideal product
1. Design
• Run initial designs past internal team
• Create clickable prototypes in InVision and/or
HTML/CSS/JS
• Do “hallway testing” on iPad, cell phones, etc.
with both technical & non-technical users
• Refine designs & share results with community
2. Iterate++
3. Argue a lot. ;)
What areas has Spark
tackled so far?
WYSIWYG
In-Place Editing
Streamlined Content
Authoring
Mobile-Friendliness
Let’s see it in action!
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
Well that’s nice and all.
But what about sites I’m
building today?
Drupal 8 Core Feature Drupal 7 Contrib Equivalent
WYSIWYG CKEditor
https://drupal.org/project/ckeditor
In-Place Editing Quick Edit
https://drupal.org/project/quickedit
Responsive Toolbar
“Mobile Friendly Navigation
Toolbar"
https://drupal.org/project/navbar
Responsive Front-End Theme
Omega, Zen, Adaptive, etc.
base themes
Responsive Admin Theme Ember
https://drupal.org/project/ember
Responsive Images Picture
https://drupal.org/project/picture
Responsive Tables Responsive Tables
https://drupal.org/project/responsive_tables
Simplified Overlay Escape Admin
https://drupal.org/project/escape_admin
What’s next?
Spark 2.0
• First, get Drupal 8 a lot closer to done (Focus of the
team since Prague).
• Then, take a fresh look at competition, current trends in
authoring experience & site builder experience.
• Next, pick the biggest pain points, build out prototypes
to solve them in Drupal 8 contrib.
• Spoiler alert: Media and Layouts are likely to rank. :P
• Finally, propose those improvements for Drupal 8.1.x or
Drupal 9.x (depending on scope).
Trends we’re
currently watching
Minimalist Authoring
(The simplest thing that can possibly work)
Personalization
(The right content for the right audience
at the right time)
Contextual Site Building
(In-place everything)
Your Ideas Here! :)
The following slides were created
by a big, messy group “shouting
and sorting” exercise. ;)
Everyone in attendance (~80-100 people) at the session had 10 minutes to shout out
whatever suggestions under the given topic, which were typed down on the slides,
and then everyone got two “votes” (raising their hands). The results on the slides are
ranked based on relative # of hands raised in a quick eyeball. Who needs science?
Biggest pain points in
Drupal for content authors?
• Previews!
• Different body layouts: 3 columns, etc.
• Bulk uploads
• editorial workflow
• Links / File links => Within page, other pages, etc.
• Consistent content between pages — lock down fonts, headers
• Menu items
• Content model transparent / having to everywhere to edit everything
• Revisions
• File attachments: Desktop to WYSIWYG
• Paste from word :)
• “Zen” of admin themes for editors
• Terminology: region/block/etc. — content editors don’t care.
• Collaborative editing / Better integration with google docs
Biggest pain points in
Drupal for site builders?
• Point and click form design!
• Roles/permissions admin
• Taxonomy term management sanity :) / Workflow for taxonomy
• Breadcrumbs
• Content migration
• Re-usable content that appears in different places
• Exportable blocks with editable content
• Better block visibilities
• Simple bulk migration (Excel-style)
• Display suite
Other projects to watch
out for?
• Ghost
• Square Space (editing, theming tools)
• Linkit
• Site Core (content staging)
• BrowserCMS (in-place editing)
• GitHub (editing)
• Impress Pages (linking structured data)
• Craft
• Disqus / Livefire
Thanks!
WHAT DID YOU THINK?E V A L U A T E T H I S S E S S I O N :
A U S T I N 2 0 1 4 . D R U P A L . O R G / S C H E D U L E
Thank you!

More Related Content

What's hot (19)

PDF
Headless Drupal 8
Ruben Teijeiro
 
PPTX
Intro to the Office UI Fabric
Thomas Daly
 
PPT
DrupalCampHI - Drupal vs WordPress
Rob Bertholf
 
PPTX
Top 20 mistakes you will make on your 1st Drupal project
Iztok Smolic
 
KEY
Getting started with CSS frameworks using Zurb foundation
Melanie Archer
 
PDF
Site Building Checklist DrupalCamp Ottawa
Suzanne Dergacheva
 
PPTX
Learn Bootstrap 4
Vinny Vessel
 
PDF
Upgrading to Drupal 8: Benefits and Gotchas
Suzanne Dergacheva
 
PPTX
The potential in Drupal 8.x and how to realize it
Angela Byron
 
PDF
Zurb foundation
sean_todd
 
PDF
Drupal 8: Most common beginner mistakes
Iztok Smolic
 
PDF
To infinity and Beyond with Plone 5!
Rikupekka Oksanen
 
PDF
Drupal Step-by-Step: How We Built Our Training Site, Part 2
Acquia
 
PDF
Panopoly + kalatheme: Site buildout na mainit at mabilis
Rick. Bahague
 
KEY
Simplifying End-user Drupal 7 Content Administration
Aidan Foster
 
PDF
Drupal vs Wordpress
Ian Mariano
 
PPT
Building Websites of the Future With Drupal 7
Jay Epstein
 
PPTX
Themes 101
Jacob Martella
 
PDF
Preventing Drupal Headaches: Content Type Checklist
Acquia
 
Headless Drupal 8
Ruben Teijeiro
 
Intro to the Office UI Fabric
Thomas Daly
 
DrupalCampHI - Drupal vs WordPress
Rob Bertholf
 
Top 20 mistakes you will make on your 1st Drupal project
Iztok Smolic
 
Getting started with CSS frameworks using Zurb foundation
Melanie Archer
 
Site Building Checklist DrupalCamp Ottawa
Suzanne Dergacheva
 
Learn Bootstrap 4
Vinny Vessel
 
Upgrading to Drupal 8: Benefits and Gotchas
Suzanne Dergacheva
 
The potential in Drupal 8.x and how to realize it
Angela Byron
 
Zurb foundation
sean_todd
 
Drupal 8: Most common beginner mistakes
Iztok Smolic
 
To infinity and Beyond with Plone 5!
Rikupekka Oksanen
 
Drupal Step-by-Step: How We Built Our Training Site, Part 2
Acquia
 
Panopoly + kalatheme: Site buildout na mainit at mabilis
Rick. Bahague
 
Simplifying End-user Drupal 7 Content Administration
Aidan Foster
 
Drupal vs Wordpress
Ian Mariano
 
Building Websites of the Future With Drupal 7
Jay Epstein
 
Themes 101
Jacob Martella
 
Preventing Drupal Headaches: Content Type Checklist
Acquia
 

Similar to Spark: Authoring Experience++ in Drupal 7, 8, and Beyond (20)

PDF
Taming Complexity: Drupal 8 UX
Wunderkraut
 
PDF
Making Drupal 7 Simple to Use for Everyone
Acquia
 
PPTX
DrupalCon Austin 2014 Review
Daniel Stout
 
PPTX
Drupal content editing ux
Sergei Sorokin
 
PPTX
Top 8 Improvements in Drupal 8
Angela Byron
 
PDF
Improving drupals cex and ax
Richard Saddington
 
PDF
Drupal - Changing the Web by Connecting Open Minds - Josef Dabernig
DrupalCampDN
 
PDF
Drupal 8 the next dimension
Kampaweb
 
PDF
Drupal 8 Preview for Site Builders
Acquia
 
PPT
The State of Drupal 8
nyccamp
 
PDF
Drupal 8 deeper dive
Amazee Labs
 
PDF
October 2016 - USG Rock Eagle - Everything You Need to Know to Plan Your Drup...
Eric Sembrat
 
PPT
Drupal8 Introduction
Madhav Vyas
 
PDF
Ux testing recap
Angela Byron
 
PDF
Drupal for Mobile
littleMAS
 
PDF
Everything You Need to Know About the Top Changes in Drupal 8
Acquia
 
PDF
Drupal Spark Simplifies Responsive Design, Mobile for Marketers
Acquia
 
PPTX
Care for your backoffice - Drupal Dev Days Szeged 2014
Artusamak
 
PDF
How to Write a Winning Session Submission
Docker, Inc
 
PDF
The Myth Surrounding Drupal Migration For 2022
Thecommerceshop1
 
Taming Complexity: Drupal 8 UX
Wunderkraut
 
Making Drupal 7 Simple to Use for Everyone
Acquia
 
DrupalCon Austin 2014 Review
Daniel Stout
 
Drupal content editing ux
Sergei Sorokin
 
Top 8 Improvements in Drupal 8
Angela Byron
 
Improving drupals cex and ax
Richard Saddington
 
Drupal - Changing the Web by Connecting Open Minds - Josef Dabernig
DrupalCampDN
 
Drupal 8 the next dimension
Kampaweb
 
Drupal 8 Preview for Site Builders
Acquia
 
The State of Drupal 8
nyccamp
 
Drupal 8 deeper dive
Amazee Labs
 
October 2016 - USG Rock Eagle - Everything You Need to Know to Plan Your Drup...
Eric Sembrat
 
Drupal8 Introduction
Madhav Vyas
 
Ux testing recap
Angela Byron
 
Drupal for Mobile
littleMAS
 
Everything You Need to Know About the Top Changes in Drupal 8
Acquia
 
Drupal Spark Simplifies Responsive Design, Mobile for Marketers
Acquia
 
Care for your backoffice - Drupal Dev Days Szeged 2014
Artusamak
 
How to Write a Winning Session Submission
Docker, Inc
 
The Myth Surrounding Drupal Migration For 2022
Thecommerceshop1
 
Ad

More from Angela Byron (18)

PDF
Lessons Learned From Scaling An Open Source Community By 10,000%
Angela Byron
 
PDF
Webchick's Personal User Manual
Angela Byron
 
PDF
Creating a Project Priority Matrix
Angela Byron
 
PPTX
From Imposter Syndrome to Core Committer: A GSoC Journey
Angela Byron
 
PDF
Collaboration Needs of Massive Open Source Communities
Angela Byron
 
PDF
Tales of Drupal Past: Origin Stories of Contributors
Angela Byron
 
PPTX
The Evolution of Drupal's governance
Angela Byron
 
PDF
Drupal 8 and 9, Backwards Compatibility, and Drupal 8.5 update
Angela Byron
 
PDF
OCTO On-Site Off-Site Update on D8 Roadmap
Angela Byron
 
PPTX
Drupal 9 and Backwards Compatibility: Why now is the time to upgrade to Drupal 8
Angela Byron
 
PPTX
From Troubled Waters to Water Under the Bridge
Angela Byron
 
PPTX
Acquia Company Update on Drupal 8.2/8.3/OCTO
Angela Byron
 
PDF
Acquia Drupal 8 Hackathon Demo 2015
Angela Byron
 
PDF
Drupal 8 - Build Week Update
Angela Byron
 
PDF
Plain english guide to drupal 8 criticals
Angela Byron
 
PDF
Evolution of Drupal and the Drupal community
Angela Byron
 
PDF
Drupal 8: A story of growing up and getting off the island
Angela Byron
 
PDF
Newfangeldy Front End Stuff For People Who Last Touched It Back When Grunge W...
Angela Byron
 
Lessons Learned From Scaling An Open Source Community By 10,000%
Angela Byron
 
Webchick's Personal User Manual
Angela Byron
 
Creating a Project Priority Matrix
Angela Byron
 
From Imposter Syndrome to Core Committer: A GSoC Journey
Angela Byron
 
Collaboration Needs of Massive Open Source Communities
Angela Byron
 
Tales of Drupal Past: Origin Stories of Contributors
Angela Byron
 
The Evolution of Drupal's governance
Angela Byron
 
Drupal 8 and 9, Backwards Compatibility, and Drupal 8.5 update
Angela Byron
 
OCTO On-Site Off-Site Update on D8 Roadmap
Angela Byron
 
Drupal 9 and Backwards Compatibility: Why now is the time to upgrade to Drupal 8
Angela Byron
 
From Troubled Waters to Water Under the Bridge
Angela Byron
 
Acquia Company Update on Drupal 8.2/8.3/OCTO
Angela Byron
 
Acquia Drupal 8 Hackathon Demo 2015
Angela Byron
 
Drupal 8 - Build Week Update
Angela Byron
 
Plain english guide to drupal 8 criticals
Angela Byron
 
Evolution of Drupal and the Drupal community
Angela Byron
 
Drupal 8: A story of growing up and getting off the island
Angela Byron
 
Newfangeldy Front End Stuff For People Who Last Touched It Back When Grunge W...
Angela Byron
 
Ad

Recently uploaded (20)

PDF
Automate Cybersecurity Tasks with Python
VICTOR MAESTRE RAMIREZ
 
PDF
Salesforce CRM Services.VALiNTRY360
VALiNTRY360
 
PDF
Beyond Binaries: Understanding Diversity and Allyship in a Global Workplace -...
Imma Valls Bernaus
 
PPTX
Tally_Basic_Operations_Presentation.pptx
AditiBansal54083
 
PPTX
Equipment Management Software BIS Safety UK.pptx
BIS Safety Software
 
PPTX
Feb 2021 Cohesity first pitch presentation.pptx
enginsayin1
 
PDF
Thread In Android-Mastering Concurrency for Responsive Apps.pdf
Nabin Dhakal
 
PDF
Linux Certificate of Completion - LabEx Certificate
VICTOR MAESTRE RAMIREZ
 
PDF
Why Businesses Are Switching to Open Source Alternatives to Crystal Reports.pdf
Varsha Nayak
 
PPTX
A Complete Guide to Salesforce SMS Integrations Build Scalable Messaging With...
360 SMS APP
 
PDF
Digger Solo: Semantic search and maps for your local files
seanpedersen96
 
PPTX
How Apagen Empowered an EPC Company with Engineering ERP Software
SatishKumar2651
 
PPTX
An Introduction to ZAP by Checkmarx - Official Version
Simon Bennetts
 
PPTX
Writing Better Code - Helping Developers make Decisions.pptx
Lorraine Steyn
 
PDF
Efficient, Automated Claims Processing Software for Insurers
Insurance Tech Services
 
PDF
Executive Business Intelligence Dashboards
vandeslie24
 
PDF
Alarm in Android-Scheduling Timed Tasks Using AlarmManager in Android.pdf
Nabin Dhakal
 
PPTX
Agentic Automation Journey Session 1/5: Context Grounding and Autopilot for E...
klpathrudu
 
PDF
Powering GIS with FME and VertiGIS - Peak of Data & AI 2025
Safe Software
 
PPTX
The Role of a PHP Development Company in Modern Web Development
SEO Company for School in Delhi NCR
 
Automate Cybersecurity Tasks with Python
VICTOR MAESTRE RAMIREZ
 
Salesforce CRM Services.VALiNTRY360
VALiNTRY360
 
Beyond Binaries: Understanding Diversity and Allyship in a Global Workplace -...
Imma Valls Bernaus
 
Tally_Basic_Operations_Presentation.pptx
AditiBansal54083
 
Equipment Management Software BIS Safety UK.pptx
BIS Safety Software
 
Feb 2021 Cohesity first pitch presentation.pptx
enginsayin1
 
Thread In Android-Mastering Concurrency for Responsive Apps.pdf
Nabin Dhakal
 
Linux Certificate of Completion - LabEx Certificate
VICTOR MAESTRE RAMIREZ
 
Why Businesses Are Switching to Open Source Alternatives to Crystal Reports.pdf
Varsha Nayak
 
A Complete Guide to Salesforce SMS Integrations Build Scalable Messaging With...
360 SMS APP
 
Digger Solo: Semantic search and maps for your local files
seanpedersen96
 
How Apagen Empowered an EPC Company with Engineering ERP Software
SatishKumar2651
 
An Introduction to ZAP by Checkmarx - Official Version
Simon Bennetts
 
Writing Better Code - Helping Developers make Decisions.pptx
Lorraine Steyn
 
Efficient, Automated Claims Processing Software for Insurers
Insurance Tech Services
 
Executive Business Intelligence Dashboards
vandeslie24
 
Alarm in Android-Scheduling Timed Tasks Using AlarmManager in Android.pdf
Nabin Dhakal
 
Agentic Automation Journey Session 1/5: Context Grounding and Autopilot for E...
klpathrudu
 
Powering GIS with FME and VertiGIS - Peak of Data & AI 2025
Safe Software
 
The Role of a PHP Development Company in Modern Web Development
SEO Company for School in Delhi NCR
 

Spark: Authoring Experience++ in Drupal 7, 8, and Beyond

  • 1. SPARK: AUTHORING EXPERIENCE++ IN DRUPAL 7, 8, AND BEYOND A N G I E “ @ W E B C H I C K ” B Y R O N Site Builder Track - Thursday, June 5, 2014
  • 3. Agenda • Spark background info • Demo of D7 vs. D8 authoring experience • Tips on how to survive until D8 • What’s next? • With audience participation. :)
  • 7. The goal! Build kick-ass features for the current release of Drupal so people can use them now, and propose them for the next version of Drupal core to solve pain points in the product itself.
  • 11. 0 1 2 3 4 5 6 7 8 Sitecore CQ5 Plone Squiz Wordpress Joomla Drupal Open Text ...but lags in authoring experience Technical strength Authoring experience
  • 12. 0 1 2 3 4 5 6 7 8 9 10 In-line editing Workflow Content staging Media management Layouts Localization Mobile authoring Ideal Pro Drupal How the Drupal authoring experience compares Drupal experience Ideal product
  • 13. 1. Design • Run initial designs past internal team • Create clickable prototypes in InVision and/or HTML/CSS/JS • Do “hallway testing” on iPad, cell phones, etc. with both technical & non-technical users • Refine designs & share results with community
  • 15. 3. Argue a lot. ;)
  • 16. What areas has Spark tackled so far?
  • 21. Let’s see it in action!
  • 23. Well that’s nice and all. But what about sites I’m building today?
  • 24. Drupal 8 Core Feature Drupal 7 Contrib Equivalent WYSIWYG CKEditor https://drupal.org/project/ckeditor In-Place Editing Quick Edit https://drupal.org/project/quickedit Responsive Toolbar “Mobile Friendly Navigation Toolbar" https://drupal.org/project/navbar Responsive Front-End Theme Omega, Zen, Adaptive, etc. base themes Responsive Admin Theme Ember https://drupal.org/project/ember Responsive Images Picture https://drupal.org/project/picture Responsive Tables Responsive Tables https://drupal.org/project/responsive_tables Simplified Overlay Escape Admin https://drupal.org/project/escape_admin
  • 26. Spark 2.0 • First, get Drupal 8 a lot closer to done (Focus of the team since Prague). • Then, take a fresh look at competition, current trends in authoring experience & site builder experience. • Next, pick the biggest pain points, build out prototypes to solve them in Drupal 8 contrib. • Spoiler alert: Media and Layouts are likely to rank. :P • Finally, propose those improvements for Drupal 8.1.x or Drupal 9.x (depending on scope).
  • 28. Minimalist Authoring (The simplest thing that can possibly work)
  • 29. Personalization (The right content for the right audience at the right time)
  • 32. The following slides were created by a big, messy group “shouting and sorting” exercise. ;) Everyone in attendance (~80-100 people) at the session had 10 minutes to shout out whatever suggestions under the given topic, which were typed down on the slides, and then everyone got two “votes” (raising their hands). The results on the slides are ranked based on relative # of hands raised in a quick eyeball. Who needs science?
  • 33. Biggest pain points in Drupal for content authors? • Previews! • Different body layouts: 3 columns, etc. • Bulk uploads • editorial workflow • Links / File links => Within page, other pages, etc. • Consistent content between pages — lock down fonts, headers • Menu items • Content model transparent / having to everywhere to edit everything • Revisions • File attachments: Desktop to WYSIWYG • Paste from word :) • “Zen” of admin themes for editors • Terminology: region/block/etc. — content editors don’t care. • Collaborative editing / Better integration with google docs
  • 34. Biggest pain points in Drupal for site builders? • Point and click form design! • Roles/permissions admin • Taxonomy term management sanity :) / Workflow for taxonomy • Breadcrumbs • Content migration • Re-usable content that appears in different places • Exportable blocks with editable content • Better block visibilities • Simple bulk migration (Excel-style) • Display suite
  • 35. Other projects to watch out for? • Ghost • Square Space (editing, theming tools) • Linkit • Site Core (content staging) • BrowserCMS (in-place editing) • GitHub (editing) • Impress Pages (linking structured data) • Craft • Disqus / Livefire
  • 37. WHAT DID YOU THINK?E V A L U A T E T H I S S E S S I O N : A U S T I N 2 0 1 4 . D R U P A L . O R G / S C H E D U L E Thank you!