0
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
REGENERATION

TRANSPORT
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
REGENERATION

TRANSPORT
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
HOMES

STREETS
PUBLIC

PRIVATE
CONTENT

METADATA
AUTHOR
EXPERIENCE
DESIGN
TAILOR THE
AUTHORING
EXPERIENCE
“AXD”
!

1. EDIT MODES
!

2. PRIORITIZED
PREVIEWS
!

3. CUSTOMIZE UI’S
EDIT/PREVIEW
FRAMEWORK
EDIT

PREVIEW
AMERICAN EXPRESS: STRUCTURED CONTENT—WITH IN-PLACE EDITING
WHAT’S NEXT?
LOCALISATION
RELATIONSHIP
PLANNING
RITUALISTIC
DESIGN
@RASMUSSKJOLDAN
!

RASMUSSKJOLDAN.COM
!

SLIDESHARE.COM/RASMUSSKJOLDAN
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
Upcoming SlideShare
Loading in...5
×

UX Romandie: Designing a CMS for the future

8,097

Published on

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=RhOQfnEQ7lc

Published in: Technology, Business
0 Comments
19 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
8,097
On Slideshare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
254
Comments
0
Likes
19
Embeds 0
No embeds

No notes for slide

Transcript of "UX Romandie: Designing a CMS for the future"

  1. 1. DESIGNING A CMS FOR THE FUTURE TYPO3 NEOS UX | UX ROMANDIE |  17TH OF DECEMBER 2013 |  @RASMUSSKJOLDAN
  2. 2. UX INFRASTRUCTURE
  3. 3. 1. URBAN PLANNING PRINCIPLES
  4. 4. 2. TYPO3 NEOS MASTER PLAN
  5. 5. 3. AUTHOR EXPERIENCE DESIGN
  6. 6. ME & TYPO3
  7. 7. NUMBER-FREE ZONE
  8. 8. URBAN PLANNING
  9. 9. BEAUTIFUL PROBLEMS
  10. 10. CMS, A TOOL TO DO… ! LOTS OF UNKNOWN STUFF
  11. 11. URBAN PLANNING: INCLUSIVENESS REGENERATION
 TRANSPORT WAYFINDING 
 LIVABILITY 
 PRIVATE & PUBLIC SPACE
  12. 12. NEOS MASTER PLAN
  13. 13. 5 GUIDING PRINCIPLES
  14. 14. CREATE BOUNDARIES
  15. 15. THE CMS MUST FOLLOW YOUR THINKING — NOT THE OTHER WAY AROUND
  16. 16. WHEN YOU NEED POWER FOR YOUR SHED, DON’T USE A NUCLEAR PLANT
  17. 17. TEST STUFF BEFORE YOU SHIP IT
  18. 18. INCLUSIVENESS REGENERATION
 TRANSPORT WAYFINDING 
 LIVABILITY 
 PRIVATE & PUBLIC SPACE
  19. 19. NEOS MASTER PLAN
  20. 20. FULL-SCREEN / IN-PLACE EDITING
  21. 21. TOP ENABLED, PUBLISHING (SEND TO NEXT STEP IN WORKFLOW)
  22. 22. FULL MENU SHOWING SITES (THERE CAN BE MORE) + MODULES
  23. 23. NAVIGATE / CONTENT TREE (CAN SHOW ARTICLES, CHAPTERS, TAGS, BLOG POSTS, SHORTCUTS ETC.)
  24. 24. “STRUCTURE” MENU GETS YOU INTO NESTED ELEMENTS
  25. 25. INSPECTOR – PROPERTIES, META-DATA, VARIANT SELECTIONS
  26. 26. INSPECTOR – CHANGING THE PUBLISHING DATE
  27. 27. INSPECTOR – CHANGING THE PAGE TITLE
  28. 28. EDIT / PREVIEW MODES
  29. 29. EDITING CONTENT WITHOUT TEMPLATE
  30. 30. TEMPLATE-LESS EDITING INTERFACE IN FULL-SCREEN
  31. 31. HOMES STREETS
  32. 32. PUBLIC PRIVATE
  33. 33. CONTENT METADATA
  34. 34. AUTHOR EXPERIENCE DESIGN
  35. 35. TAILOR THE AUTHORING EXPERIENCE
  36. 36. “AXD” ! 1. EDIT MODES ! 2. PRIORITIZED PREVIEWS ! 3. CUSTOMIZE UI’S
  37. 37. EDIT/PREVIEW FRAMEWORK EDIT PREVIEW
  38. 38. AMERICAN EXPRESS: STRUCTURED CONTENT—WITH IN-PLACE EDITING
  39. 39. WHAT’S NEXT?
  40. 40. LOCALISATION
  41. 41. RELATIONSHIP PLANNING
  42. 42. RITUALISTIC DESIGN
  43. 43. @RASMUSSKJOLDAN ! RASMUSSKJOLDAN.COM ! SLIDESHARE.COM/RASMUSSKJOLDAN
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×