SlideShare a Scribd company logo
1 of 58
Download to read offline
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 &
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
…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

More Related Content

Similar to Edit & Preview in Neos DrupalHagen 2013

Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...
Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...
Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...OpenCredo
 
Quality and reliability: more types of testing
Quality and reliability: more types of testingQuality and reliability: more types of testing
Quality and reliability: more types of testingThe Software House
 
Speech Processing with Azure Cognitive Services
Speech Processing with Azure Cognitive ServicesSpeech Processing with Azure Cognitive Services
Speech Processing with Azure Cognitive ServicesClemente Giorio
 
Geecon09: SOLID Design Principles
Geecon09: SOLID Design PrinciplesGeecon09: SOLID Design Principles
Geecon09: SOLID Design PrinciplesBruno Bossola
 
Rob Hanna - The Next Big Thing: Microcontent
Rob Hanna - The Next Big Thing: MicrocontentRob Hanna - The Next Big Thing: Microcontent
Rob Hanna - The Next Big Thing: MicrocontentLavaConConference
 
The Big Picture - Integrating Buzzwords
The Big Picture - Integrating BuzzwordsThe Big Picture - Integrating Buzzwords
The Big Picture - Integrating BuzzwordsAlessandro Giorgetti
 
1669609053088_oops_final.pptx
1669609053088_oops_final.pptx1669609053088_oops_final.pptx
1669609053088_oops_final.pptxPandeeswariKannan
 
OOP programming
OOP programmingOOP programming
OOP programminganhdbh
 
Overview: Agile Methodology and Scrum
Overview: Agile Methodology and ScrumOverview: Agile Methodology and Scrum
Overview: Agile Methodology and ScrumIgor Corrêa
 
Software Patterns
Software PatternsSoftware Patterns
Software Patternskim.mens
 
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...Information Development World
 

Similar to Edit & Preview in Neos DrupalHagen 2013 (19)

Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...
Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...
Microservices Manchester: Microservices and Macro-Economics - A Shorty Histor...
 
Beyond basics of_ux
Beyond basics of_uxBeyond basics of_ux
Beyond basics of_ux
 
Quality and reliability: more types of testing
Quality and reliability: more types of testingQuality and reliability: more types of testing
Quality and reliability: more types of testing
 
Speech Processing with Azure Cognitive Services
Speech Processing with Azure Cognitive ServicesSpeech Processing with Azure Cognitive Services
Speech Processing with Azure Cognitive Services
 
UXD lesson 1 - Intro To UX
UXD lesson 1 - Intro To UXUXD lesson 1 - Intro To UX
UXD lesson 1 - Intro To UX
 
2 5404811386729530203
2 54048113867295302032 5404811386729530203
2 5404811386729530203
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
 
Geecon09: SOLID Design Principles
Geecon09: SOLID Design PrinciplesGeecon09: SOLID Design Principles
Geecon09: SOLID Design Principles
 
Rob Hanna - The Next Big Thing: Microcontent
Rob Hanna - The Next Big Thing: MicrocontentRob Hanna - The Next Big Thing: Microcontent
Rob Hanna - The Next Big Thing: Microcontent
 
OOPS in Java
OOPS in JavaOOPS in Java
OOPS in Java
 
The Big Picture - Integrating Buzzwords
The Big Picture - Integrating BuzzwordsThe Big Picture - Integrating Buzzwords
The Big Picture - Integrating Buzzwords
 
Object Oriented Programming
Object Oriented ProgrammingObject Oriented Programming
Object Oriented Programming
 
1669609053088_oops_final.pptx
1669609053088_oops_final.pptx1669609053088_oops_final.pptx
1669609053088_oops_final.pptx
 
OOP programming
OOP programmingOOP programming
OOP programming
 
Design for Developers
Design for DevelopersDesign for Developers
Design for Developers
 
Ux for data exploration
Ux for data explorationUx for data exploration
Ux for data exploration
 
Overview: Agile Methodology and Scrum
Overview: Agile Methodology and ScrumOverview: Agile Methodology and Scrum
Overview: Agile Methodology and Scrum
 
Software Patterns
Software PatternsSoftware Patterns
Software Patterns
 
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
 

More from Rasmus Skjoldan

Concept Software - Web Summit 2016
Concept Software - Web Summit 2016Concept Software - Web Summit 2016
Concept Software - Web Summit 2016Rasmus Skjoldan
 
Content wants to be free (from projects) - J.boye Aarhus 2015
Content wants to be free (from projects) - J.boye Aarhus 2015Content wants to be free (from projects) - J.boye Aarhus 2015
Content wants to be free (from projects) - J.boye Aarhus 2015Rasmus Skjoldan
 
Morgenbrief med 23, MOC & Cope: Content Strategy for Video
Morgenbrief med 23, MOC & Cope: Content Strategy for VideoMorgenbrief med 23, MOC & Cope: Content Strategy for Video
Morgenbrief med 23, MOC & Cope: Content Strategy for VideoRasmus Skjoldan
 
Fossasia 2015—COPE CMS
Fossasia 2015—COPE CMSFossasia 2015—COPE CMS
Fossasia 2015—COPE CMSRasmus Skjoldan
 
Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...
Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...
Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...Rasmus Skjoldan
 
Build digital relationships with TYPO3 Neos – TYPO3 Congres in Amsterdam
Build digital relationships with TYPO3 Neos – TYPO3 Congres in AmsterdamBuild digital relationships with TYPO3 Neos – TYPO3 Congres in Amsterdam
Build digital relationships with TYPO3 Neos – TYPO3 Congres in AmsterdamRasmus Skjoldan
 
Build digital relationships with TYPO3 Neos
Build digital relationships with TYPO3 NeosBuild digital relationships with TYPO3 Neos
Build digital relationships with TYPO3 NeosRasmus Skjoldan
 
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the futureUX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the futureRasmus Skjoldan
 

More from Rasmus Skjoldan (11)

Concept Software - Web Summit 2016
Concept Software - Web Summit 2016Concept Software - Web Summit 2016
Concept Software - Web Summit 2016
 
Real omnichannel
Real omnichannelReal omnichannel
Real omnichannel
 
Content wants to be free (from projects) - J.boye Aarhus 2015
Content wants to be free (from projects) - J.boye Aarhus 2015Content wants to be free (from projects) - J.boye Aarhus 2015
Content wants to be free (from projects) - J.boye Aarhus 2015
 
Morgenbrief med 23, MOC & Cope: Content Strategy for Video
Morgenbrief med 23, MOC & Cope: Content Strategy for VideoMorgenbrief med 23, MOC & Cope: Content Strategy for Video
Morgenbrief med 23, MOC & Cope: Content Strategy for Video
 
Fossasia 2015—COPE CMS
Fossasia 2015—COPE CMSFossasia 2015—COPE CMS
Fossasia 2015—COPE CMS
 
Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...
Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...
Content Strategy-oplæg for J.Boye's erfagruppe for Webansvarlige i medicinalb...
 
Build digital relationships with TYPO3 Neos – TYPO3 Congres in Amsterdam
Build digital relationships with TYPO3 Neos – TYPO3 Congres in AmsterdamBuild digital relationships with TYPO3 Neos – TYPO3 Congres in Amsterdam
Build digital relationships with TYPO3 Neos – TYPO3 Congres in Amsterdam
 
Build digital relationships with TYPO3 Neos
Build digital relationships with TYPO3 NeosBuild digital relationships with TYPO3 Neos
Build digital relationships with TYPO3 Neos
 
UX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the futureUX Romandie: Designing a CMS for the future
UX Romandie: Designing a CMS for the future
 
T3CON13DE TYPO3 Neos UX
T3CON13DE TYPO3 Neos UXT3CON13DE TYPO3 Neos UX
T3CON13DE TYPO3 Neos UX
 
The Heartbeat of TYPO3
The Heartbeat of TYPO3The Heartbeat of TYPO3
The Heartbeat of TYPO3
 

Recently uploaded

Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationKnoldus Inc.
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 

Recently uploaded (20)

Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 

Edit & Preview in Neos DrupalHagen 2013