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. :)
What is it?
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
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!
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!

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

  • 1.
    SPARK: AUTHORING EXPERIENCE++ INDRUPAL 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
  • 2.
  • 3.
    Agenda • Spark backgroundinfo • Demo of D7 vs. D8 authoring experience • Tips on how to survive until D8 • What’s next? • With audience participation. :)
  • 5.
  • 7.
    The goal! Build kick-assfeatures 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.
  • 8.
  • 10.
  • 11.
    0 1 2 3 4 5 6 7 8 Sitecore CQ5 Plone Squiz Wordpress Joomla Drupal Open Text ...but lagsin 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 Mobileauthoring Ideal Pro Drupal How the Drupal authoring experience compares Drupal experience Ideal product
  • 13.
    1. Design • Runinitial 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
  • 14.
  • 15.
    3. Argue alot. ;)
  • 16.
    What areas hasSpark tackled so far?
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
    Let’s see itin action!
  • 23.
    Well that’s niceand all. But what about sites I’m building today?
  • 24.
    Drupal 8 CoreFeature 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
  • 25.
  • 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).
  • 27.
  • 28.
    Minimalist Authoring (The simplestthing that can possibly work)
  • 29.
    Personalization (The right contentfor the right audience at the right time)
  • 30.
  • 31.
  • 32.
    The following slideswere 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 pointsin 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 pointsin 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 towatch 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
  • 36.
  • 37.
    WHAT DID YOUTHINK?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!