ux romandie: designing a cms for the future

DESIGNING A CMS FOR THE FUTURE

TYPO3 NEOS UX | UX ROMANDIE |  17TH OF DECEMBER 2013 |  @RASMUSSKJOLDAN

UX INFRASTRUCTURE

1. URBAN PLANNING PRINCIPLES

2. TYPO3 NEOS MASTER PLAN

3. AUTHOR EXPERIENCE DESIGN

ME & TYPO3

NUMBER-FREE ZONE

URBAN PLANNING

BEAUTIFUL PROBLEMS

CMS, A TOOL TO DO… !

LOTS OF UNKNOWN STUFF

URBAN PLANNING: INCLUSIVENESS REGENERATIONTRANSPORT WAYFINDING LIVABILITY PRIVATE & PUBLIC SPACE

NEOS MASTER PLAN

5 GUIDING PRINCIPLES

CREATE BOUNDARIES

THE CMS MUST FOLLOW YOUR THINKING — NOT THE OTHER WAY AROUND

WHEN YOU NEED POWER FOR YOUR SHED, DON’T USE A NUCLEAR PLANT

TEST STUFF BEFORE YOU SHIP IT

INCLUSIVENESS REGENERATIONTRANSPORT WAYFINDING LIVABILITY PRIVATE & PUBLIC SPACE

NEOS MASTER PLAN

FULL-SCREEN / IN-PLACE EDITING

TOP ENABLED, PUBLISHING (SEND TO NEXT STEP IN WORKFLOW)

FULL MENU SHOWING SITES (THERE CAN BE MORE) + MODULES

NAVIGATE / CONTENT TREE (CAN SHOW ARTICLES, CHAPTERS, TAGS, BLOG POSTS, SHORTCUTS ETC.)

“STRUCTURE” MENU GETS YOU INTO NESTED ELEMENTS

INSPECTOR – PROPERTIES, META-DATA, VARIANT SELECTIONS

INSPECTOR – CHANGING THE PUBLISHING DATE

INSPECTOR – CHANGING THE PAGE TITLE

EDIT / PREVIEW MODES

EDITING CONTENT WITHOUT TEMPLATE

TEMPLATE-LESS EDITING INTERFACE IN FULL-SCREEN

STR

EETS

HO

MES

PUBLIC

PRIVATE

CONTENT

METADATA

AUTHOR EXPERIENCE DESIGN

TAILOR THE AUTHORING EXPERIENCE

“AXD” !

1. EDIT MODES !

2. PRIORITIZED PREVIEWS !

3. CUSTOMIZE UI’S

EDIT PREVIEW

EDIT/PREVIEW FRAMEWORK

AMERICAN EXPRESS: STRUCTURED CONTENT—WITH IN-PLACE EDITING

WHAT’S NEXT?

LOCALISATION

RELATIONSHIP PLANNING

RITUALISTIC DESIGN

@RASMUSSKJOLDAN !RASMUSSKJOLDAN.COM !SLIDESHARE.COM/RASMUSSKJOLDAN