UX Romandie: Designing a CMS for the future
-
Upload
rasmus-skjoldan -
Category
Technology
-
view
14 -
download
1
description
Transcript of UX Romandie: Designing a CMS for the future
![Page 1: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/1.jpg)
DESIGNING A CMS FOR THE FUTURE
TYPO3 NEOS UX | UX ROMANDIE | 17TH OF DECEMBER 2013 | @RASMUSSKJOLDAN
![Page 2: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/2.jpg)
UX INFRASTRUCTURE
![Page 3: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/3.jpg)
1. URBAN PLANNING PRINCIPLES
![Page 4: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/4.jpg)
2. TYPO3 NEOS MASTER PLAN
![Page 5: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/5.jpg)
3. AUTHOR EXPERIENCE DESIGN
![Page 6: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/6.jpg)
ME & TYPO3
![Page 7: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/7.jpg)
NUMBER-FREE ZONE
![Page 8: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/8.jpg)
![Page 9: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/9.jpg)
![Page 10: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/10.jpg)
![Page 11: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/11.jpg)
![Page 12: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/12.jpg)
![Page 13: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/13.jpg)
![Page 14: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/14.jpg)
![Page 15: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/15.jpg)
URBAN PLANNING
![Page 16: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/16.jpg)
![Page 17: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/17.jpg)
BEAUTIFUL PROBLEMS
![Page 18: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/18.jpg)
CMS, A TOOL TO DO… !
LOTS OF UNKNOWN STUFF
![Page 19: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/19.jpg)
![Page 20: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/20.jpg)
![Page 21: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/21.jpg)
![Page 22: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/22.jpg)
![Page 23: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/23.jpg)
![Page 24: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/24.jpg)
![Page 25: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/25.jpg)
![Page 26: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/26.jpg)
![Page 27: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/27.jpg)
![Page 28: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/28.jpg)
![Page 29: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/29.jpg)
![Page 30: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/30.jpg)
URBAN PLANNING: INCLUSIVENESS REGENERATIONTRANSPORT WAYFINDING LIVABILITY PRIVATE & PUBLIC SPACE
![Page 31: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/31.jpg)
NEOS MASTER PLAN
![Page 32: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/32.jpg)
5 GUIDING PRINCIPLES
![Page 33: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/33.jpg)
CREATE BOUNDARIES
![Page 34: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/34.jpg)
THE CMS MUST FOLLOW YOUR THINKING — NOT THE OTHER WAY AROUND
![Page 35: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/35.jpg)
WHEN YOU NEED POWER FOR YOUR SHED, DON’T USE A NUCLEAR PLANT
![Page 36: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/36.jpg)
TEST STUFF BEFORE YOU SHIP IT
![Page 37: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/37.jpg)
![Page 38: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/38.jpg)
INCLUSIVENESS REGENERATIONTRANSPORT WAYFINDING LIVABILITY PRIVATE & PUBLIC SPACE
![Page 39: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/39.jpg)
![Page 40: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/40.jpg)
![Page 41: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/41.jpg)
![Page 42: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/42.jpg)
![Page 43: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/43.jpg)
![Page 44: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/44.jpg)
NEOS MASTER PLAN
![Page 45: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/45.jpg)
FULL-SCREEN / IN-PLACE EDITING
![Page 46: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/46.jpg)
TOP ENABLED, PUBLISHING (SEND TO NEXT STEP IN WORKFLOW)
![Page 47: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/47.jpg)
FULL MENU SHOWING SITES (THERE CAN BE MORE) + MODULES
![Page 48: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/48.jpg)
![Page 49: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/49.jpg)
NAVIGATE / CONTENT TREE (CAN SHOW ARTICLES, CHAPTERS, TAGS, BLOG POSTS, SHORTCUTS ETC.)
![Page 50: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/50.jpg)
“STRUCTURE” MENU GETS YOU INTO NESTED ELEMENTS
![Page 51: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/51.jpg)
![Page 52: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/52.jpg)
![Page 53: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/53.jpg)
INSPECTOR – PROPERTIES, META-DATA, VARIANT SELECTIONS
![Page 54: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/54.jpg)
INSPECTOR – CHANGING THE PUBLISHING DATE
![Page 55: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/55.jpg)
INSPECTOR – CHANGING THE PAGE TITLE
![Page 56: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/56.jpg)
EDIT / PREVIEW MODES
![Page 57: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/57.jpg)
EDITING CONTENT WITHOUT TEMPLATE
![Page 58: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/58.jpg)
TEMPLATE-LESS EDITING INTERFACE IN FULL-SCREEN
![Page 59: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/59.jpg)
![Page 60: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/60.jpg)
STR
EETS
HO
MES
![Page 61: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/61.jpg)
PUBLIC
PRIVATE
![Page 62: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/62.jpg)
CONTENT
METADATA
![Page 63: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/63.jpg)
![Page 64: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/64.jpg)
![Page 65: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/65.jpg)
AUTHOR EXPERIENCE DESIGN
![Page 66: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/66.jpg)
TAILOR THE AUTHORING EXPERIENCE
![Page 67: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/67.jpg)
“AXD” !
1. EDIT MODES !
2. PRIORITIZED PREVIEWS !
3. CUSTOMIZE UI’S
![Page 68: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/68.jpg)
EDIT PREVIEW
EDIT/PREVIEW FRAMEWORK
![Page 69: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/69.jpg)
![Page 70: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/70.jpg)
![Page 71: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/71.jpg)
![Page 72: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/72.jpg)
![Page 73: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/73.jpg)
![Page 74: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/74.jpg)
![Page 75: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/75.jpg)
![Page 76: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/76.jpg)
![Page 77: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/77.jpg)
![Page 78: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/78.jpg)
AMERICAN EXPRESS: STRUCTURED CONTENT—WITH IN-PLACE EDITING
![Page 79: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/79.jpg)
WHAT’S NEXT?
![Page 80: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/80.jpg)
LOCALISATION
![Page 81: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/81.jpg)
RELATIONSHIP PLANNING
![Page 82: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/82.jpg)
RITUALISTIC DESIGN
![Page 84: UX Romandie: Designing a CMS for the future](https://reader034.fdocuments.in/reader034/viewer/2022051608/540d0c877bef0ad7288b93b4/html5/thumbnails/84.jpg)
@RASMUSSKJOLDAN !RASMUSSKJOLDAN.COM !SLIDESHARE.COM/RASMUSSKJOLDAN