content creation - md systems · content creation 20161114/mdi. miro dietiker miro_dietiker md...

Paragraphs & The Future

Content Creation

20161114/mdi

MIRO DIETIKERmiro_dietiker

MD Systems - Founder

Initiative Leader

Switzerland

Digital First

Requirements

Simplicity

Rich content & Interactive

Content components & Modularity

Structured & Semantic

Content variations & Personalisation

Digital First - Requirements

Power to the writer

A long way to goDrupal has great potential

Identify action itemsOutline a next milestone

X

Paragraphs

Status

Ready & StableComposite, Multilingual, Revisions, Nesting

ModulesStorage (ERR), Widget

Permissions, Demo

Many upcoming contribs

Paragraphs - Status

Alternative UI needed?

Backend UX & potential?

Language specific content?

Reuse Paragraphs?

Advanced Permissions?

A Collection of Paragraph Types?

Status - Questions & Outstanding

Paragraphs

Research

Don’t make me think!Simplicity: defaults, out of the box

Examples

Directory of sites

◦ Use cases◦ Share awesomeness◦ Know about applications

Reference cases for profiling

Don’t make me think!

1

Issue 2825545

Collection of Paragraph TypesFundamental Types

◦ Title + Body◦ Media◦ Action

Containers / Layout

◦ Grid◦ Slider

Don’t make me think!

2

Compositions

◦ Can be highly customIssue 2670768

Paragraph Row - 12 cols

Paragraph Column - 8 width

Paragraph - Type “Text”

Paragraph - Type “Image”

Paragraph Column - 4 width

Paragraph - Type “Image”

Paragraph - Type “Button”

Don’t make me think! - The Grid

Paragraph Slider

Paragraph Slide

Paragraph - Type “Text”

Paragraph - Type “Button”

Paragraph Slide

Paragraph - Type “Text”

Paragraph - Type “Button”

Don’t make me think! - The Slider

http://developer.interactor.swisscom.ch

Drupal as publishing ChannelIntegrate with Content Creation tools

Woodwing Inception

◦ Beautiful Frontend UI◦ Component based

https://www.woodwing.com/en/digital-content-production

Don’t make me think!

3

A DistributionImmediate use, out of the box

Based on Paragraph Types Collection

Kampaweb

◦ kampatools.com◦ CRM added later

Don’t make me think!

4

Frontend Editing

QuickeditClean integration

◦ Item editing

New actions

◦ Add widget◦ Delete

Drag & Drop Media

Frontend Editing

5

Issue 2476863

Alternative UIhttp://www.elegantthemes.com/plugins/divi-builder/

https://siteorigin.com/page-builder/

https://mailchimp.com/features/email-designer/

https://vc.wpbakery.com/features/wordpress-editor/

https://mobirise.com/

https://craftcms.com/features/matrix

http://innovastudio.com/

And much more...

Frontend Editing

Issue 2692051

Workflow

Content Moderation

Drupal Core, experimental

Needs integration

States, Transitions

Forward revisions

Publish a revision

Workflow

6

Issue 2807371

Indicating ChangeDiff Module - revision summary

Visual inline / HTML Diff

Workflow

Issue 2433099

✔

Deprecate Field Collections?Paragraphs to rule them all

“I have tried Paragraphs.It worked okay, but it is UGLY.

NancyDru

What needs improvement

Single Paragraph Type UX

Default Paragraph

Field Group support

“Paragraphs” agnostic

Deprecate Field Collections?

Issue 2784931

7

Core UI LimitationsDestroying Creation Experience

Field overloadCluttered UI

Too many…

◦ non-content fields◦ action buttons

No grouping

Core UI Limitations

IndentationEating content space

Core UI Limitations

New patternsProposals for discussion

Perspectives◦ Content◦ Layout

New Patterns

8

Issue 2825557

Collapsible action icon

New Patterns

9

Issue 2825570

Drag & Drop ModeMove freely across fields

New Patterns

Issue 2825575

10

Flattening (optional)

Remove indentation

Full width for content

New Patterns

11

Issue 2825577

Field root + Container hierarchy

Sticky Header

New Patterns

12

Issue 2825581

Duplicate Paragraphs

New Patterns

Issue 2826631

13

Icons

New Patterns

14Paragraph Type Icons

Issue 2826690

Related Contrib https://www.drupal.org/project/paragraphs_browser

Add Widget

New Patterns

15Paragraph Type Icons

Grouped by type

Related Contrib https://www.drupal.org/project/paragraphs_browser

Issue 2236905

Paragraphs Library (optional)

New Patterns

16

Issue 2414865

Templates (optional)

Same structure, different content

◦ Paragraph templates▫ A composition of Paragraphs▫ Pick in Add widget

◦ Page templates▫ When starting a new document▫ Example: A full article layout

New Patterns

17

Issue 2826687

Thanks!

ANY QUESTIONS?