24

StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Embed Size (px)

Citation preview

Page 1: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 2: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

HiyaI’m Paul, Lead UX Designer

Page 3: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Elemental

Page 4: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

NZ Government Common Web Platform

The Common Web Platform (CWP) is a

platform-as-a-service offering for the creation

and hosting of government websites.

Page 5: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 6: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Research

Aim: to better understand

adding/editing content on

pages using modular

designs/content blocks.

12 in-depth sessions (8 public sector

/ 4 private sector), built by different

dev agencies

Photo by Pat Ho on Unsplash

Page 7: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

What we were hearing

• Inconsistent user/developer experience

• Block modules don’t play nicely with CWP core

modules

• Varying search functionality

• Not enough version history

• Expectations of functionality differed

• Terminology was inconsistent

• Increase in site-specific support for CWP

agencies using blocks

Page 8: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

What we were hearing

• Inconsistent user/developer experience

• Block modules don’t play nicely with CWP core

modules

• Varying search functionality

• Not enough version history

• Expectations of functionality differed

• Terminology was inconsistent

• Increase in site-specific support for CWP

agencies using blocks

Page 9: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Easy to use!

Page 10: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Considerations

• New module vs existing

• Technical support as part of CWP

• Ongoing maintenance

• Compatibility with other modules

• Benefit to open source community

• Integration with CMS user interface

Page 11: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Elemental

Page 12: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

4 blocksOthers moved to extensions

Page 13: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 14: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 15: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 16: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 17: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 18: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 19: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 20: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design
Page 21: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Next steps• Publishing models

• Gridfields

• Layout groups

• Preview enhancements

• Forms

• History

• States

• Inheritance

• User testing

• And much more…

Page 22: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

• Improved usability and functionality

• Standardised experience for users and developers

• Flexibility for content authors, devs, designers

• Rapid customisation

• Auditability

• Integration with CWP core modules

• Reduced support cost for people using CWP

What you’ll get

Page 23: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Get involvedElemental

https://github.com/dnadesign/silverstripe-elemental

https://github.com/silverstripe/silverstripe-elemental-blocks

OS slack community (#SS4 #content-blocks)

silverstripe-users.slack.com

Research Panel

silverstripe.org/research

UX patterns available (designs/pattern library)

github.com/silverstripe/silverstripe-ux

Page 24: StripeCon New Zealand 2017 - Paul Clarke - Content Blocks & Design

Thanks :)

Questions?

Paul Clarke

@clarkepaul

John Milmine

@pitchandtone