Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
-
Upload
angela-byron -
Category
Software
-
view
1.955 -
download
1
description
Transcript of Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
![Page 1: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/1.jpg)
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
![Page 2: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/2.jpg)
ABOUT ME
![Page 3: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/3.jpg)
Agenda
• Spark background info
• Demo of D7 vs. D8 authoring experience
• Tips on how to survive until D8
• What’s next?
• With audience participation. :)
![Page 4: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/4.jpg)
![Page 5: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/5.jpg)
What is it?
![Page 6: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/6.jpg)
![Page 7: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/7.jpg)
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.
![Page 8: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/8.jpg)
Our Approach
![Page 9: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/9.jpg)
![Page 10: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/10.jpg)
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...
![Page 11: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/11.jpg)
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
![Page 12: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/12.jpg)
0 1 2 3 4 5 6 7 8 9
10 In-line editing
Workflow
Content staging
Media management Layouts
Localization
Mobile authoring
Ideal Product Drupal
How the Drupal authoring experience compares
Drupal experience
Ideal product
![Page 13: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/13.jpg)
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
![Page 14: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/14.jpg)
2. Iterate++
![Page 15: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/15.jpg)
3. Argue a lot. ;)
![Page 16: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/16.jpg)
What areas has Spark tackled so far?
![Page 17: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/17.jpg)
WYSIWYG
![Page 18: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/18.jpg)
In-Place Editing
![Page 19: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/19.jpg)
Streamlined Content Authoring
![Page 20: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/20.jpg)
Mobile-Friendliness
![Page 21: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/21.jpg)
Let’s see it in action!
![Page 22: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/22.jpg)
![Page 23: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/23.jpg)
Well that’s nice and all. But what about sites I’m
building today?
![Page 24: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/24.jpg)
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
![Page 25: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/25.jpg)
What’s next?
![Page 26: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/26.jpg)
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).
![Page 27: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/27.jpg)
Trends we’re currently watching
![Page 28: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/28.jpg)
Minimalist Authoring
(The simplest thing that can possibly work)
![Page 29: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/29.jpg)
Personalization
(The right content for the right audience at the right time)
![Page 30: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/30.jpg)
Contextual Site Building
(In-place everything)
![Page 31: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/31.jpg)
Your Ideas Here! :)
![Page 32: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/32.jpg)
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?
![Page 33: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/33.jpg)
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
![Page 34: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/34.jpg)
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
![Page 35: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/35.jpg)
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
![Page 36: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/36.jpg)
Thanks!
![Page 37: Spark: Authoring Experience++ in Drupal 7, 8, and Beyond](https://reader035.fdocuments.net/reader035/viewer/2022081400/554f366ab4c905cd048b4d87/html5/thumbnails/37.jpg)
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!