ux romandie: designing a cms for the future
DESCRIPTION
Invited by the local @IxDA group UX Romandie in Lausanne to talk about how we applied urban planning principles to the UX planning for the TYPO3 Neos CMS. It was also a talk about how to apply framework-thinking to any kind of User Experience project to overcome death-by-wireframes. When you're able to architect activity compartmentalization, you free up time as a UX'er. In addition, my goal for this talk was to explain how we bridged quite abstract UX concepts to actual implementation in practise on an enterprise-level, complex piece of software. More information: UX Romandie: http://uxromandie.ch/episode-21-designing-a-cms-for-the-future/ Sponsor: Ttree http://ttree.ch/live/agenda/2013/uxromandie-21-designing-a-cms-for-the-future-of-web-edition.html TYPO3 Neos: http://neos.typo3.org/ Karen McGrane about TYPO3 Neos: www.youtube.com/watch?v=RhOQfnEQ7lcTRANSCRIPT
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