EDIT & PREVIEW
IN TYPO3 NEOS
DRUPALHAGEN 2013 | RASMUS SKJOLDAN
FIND THE UX’ER!
5100?
WHAT’S 80% OUT OF 5500? I’M SO STUPID!
JSON?
THERES
ANOTHER
GERRIT?
UX
INFRA
STRUCTURE
KILLER ADVICE
NEWSFLASH!
PREVIEW IS NOT
ONLY ABOUT
DEVICES!
PREVIEW IS...
SAME CONTENT IN DIFFERENT
TEMPLATES & SAME CONTENT
ON DIFFERENT WEBSITES &
SAME CONTENT ON ENTIRELY
DIFFERENT CHANNELS &
D...
…OH – AND YES, DEVICES &
RESPONSIVE VIEWS
EDITOR
EXPERIENCE
DESIGN
TAILOR THE
AUTHORING
EXPERIENCE
EXD:
A 3-STEP
STRUCTURED
ACTIVITY IN CMS
PROJECTS
1. DEFINE
OPTIMAL
EDITING
2. PRIORITIZED
PREVIEWS
3. CUSTOMIZED
EDITING &
ROUGH
PREVIEWS
UI FRAMEWORK
FOR EXD
OUTSIDE
VIEWS
DRUPAL,
GET MORE
UX’ERS
@RASMUSSKJOLDAN
RASMUSSKJOLDAN.COM
SLIDESHARE.COM/RASMUSSKJOLDAN
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Upcoming SlideShare
Loading in …5
×

Drupalhagen 2013: Edit & Preview in TYPO3 Neos

1,735 views

Published on

Presentation of the Edit & Preview UX concept and UI framework in TYPO3 Neos at Drupalhagen 2013.

More about Editor Experience Design at rasmusskjoldan.com/post/64666373967/editor-experience-design

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

No Downloads
Views
Total views
1,735
On SlideShare
0
From Embeds
0
Number of Embeds
73
Actions
Shares
0
Downloads
6
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Drupalhagen 2013: Edit & Preview in TYPO3 Neos

  1. 1. EDIT & PREVIEW IN TYPO3 NEOS DRUPALHAGEN 2013 | RASMUS SKJOLDAN
  2. 2. FIND THE UX’ER!
  3. 3. 5100? WHAT’S 80% OUT OF 5500? I’M SO STUPID!
  4. 4. JSON?
  5. 5. THERES ANOTHER GERRIT?
  6. 6. UX INFRA STRUCTURE
  7. 7. KILLER ADVICE
  8. 8. NEWSFLASH! PREVIEW IS NOT ONLY ABOUT DEVICES!
  9. 9. PREVIEW IS...
  10. 10. SAME CONTENT IN DIFFERENT TEMPLATES & SAME CONTENT ON DIFFERENT WEBSITES & SAME CONTENT ON ENTIRELY DIFFERENT CHANNELS & DIFFERENT CONTENT VARIANTS IN DIFFERENT CHANNELS & SEARCH APPERANCE & SOCIAL MEDIA & REPRESENTATIONS OF PERSONALIZED CONTENT & A/B TESTING VARIANTS & DIFFERENT WORKFLOW PREVIEWS & TRANSLATION & LOCALIZATION AND AND AND
  11. 11. …OH – AND YES, DEVICES & RESPONSIVE VIEWS
  12. 12. EDITOR EXPERIENCE DESIGN
  13. 13. TAILOR THE AUTHORING EXPERIENCE
  14. 14. EXD: A 3-STEP STRUCTURED ACTIVITY IN CMS PROJECTS
  15. 15. 1. DEFINE OPTIMAL EDITING
  16. 16. 2. PRIORITIZED PREVIEWS
  17. 17. 3. CUSTOMIZED EDITING & ROUGH PREVIEWS
  18. 18. UI FRAMEWORK FOR EXD
  19. 19. OUTSIDE VIEWS
  20. 20. DRUPAL, GET MORE UX’ERS
  21. 21. @RASMUSSKJOLDAN RASMUSSKJOLDAN.COM SLIDESHARE.COM/RASMUSSKJOLDAN

×