The document discusses designing a content management system (CMS) with a focus on usability and the author experience. It covers principles of urban planning that can be applied to CMS design, such as inclusiveness and livability. The document then describes the master plan for the Typo3 NEOS CMS, including guidelines like creating clear boundaries and testing features before releasing them. Finally, it discusses author experience design considerations, such as tailoring the authoring interface and prioritizing previews.

1. DESIGNING
A CMS FOR
THE FUTURE
TYPO3 NEOS UX | UX ROMANDIE | 17TH OF DECEMBER 2013 | @RASMUSSKJOLDAN

2. UX
INFRASTRUCTURE

3. 1. URBAN
PLANNING
PRINCIPLES

4. 2. TYPO3 NEOS
MASTER PLAN

5. 3. AUTHOR
EXPERIENCE
DESIGN

6. ME & TYPO3

7. NUMBER-FREE
ZONE

15. URBAN PLANNING

17. BEAUTIFUL
PROBLEMS

18. CMS,
A TOOL TO DO…
!
LOTS OF
UNKNOWN
STUFF

30. URBAN PLANNING:
INCLUSIVENESS
REGENERATION
TRANSPORT
WAYFINDING
LIVABILITY
PRIVATE & PUBLIC SPACE

31. NEOS
MASTER PLAN

32. 5 GUIDING
PRINCIPLES

33. CREATE BOUNDARIES

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

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

36. TEST STUFF BEFORE YOU SHIP IT

38. INCLUSIVENESS
REGENERATION
TRANSPORT
WAYFINDING
LIVABILITY
PRIVATE & PUBLIC SPACE

44. NEOS MASTER PLAN

45. FULL-SCREEN / IN-PLACE EDITING

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

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

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

50. “STRUCTURE” MENU GETS YOU INTO NESTED ELEMENTS

53. INSPECTOR – PROPERTIES, META-DATA, VARIANT SELECTIONS

54. INSPECTOR – CHANGING THE PUBLISHING DATE

55. INSPECTOR – CHANGING THE PAGE TITLE

56. EDIT / PREVIEW MODES

57. EDITING CONTENT WITHOUT TEMPLATE

58. TEMPLATE-LESS EDITING INTERFACE IN FULL-SCREEN

60. HOMES
STREETS

61. PUBLIC
PRIVATE

62. CONTENT
METADATA

65. AUTHOR
EXPERIENCE
DESIGN

66. TAILOR THE
AUTHORING
EXPERIENCE

67. “AXD”
!
1. EDIT MODES
!
2. PRIORITIZED
PREVIEWS
!
3. CUSTOMIZE UI’S

68. EDIT/PREVIEW
FRAMEWORK
EDIT
PREVIEW

78. AMERICAN EXPRESS: STRUCTURED CONTENT—WITH IN-PLACE EDITING

79. WHAT’S NEXT?

80. LOCALISATION

81. RELATIONSHIP
PLANNING

82. RITUALISTIC
DESIGN

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