SlideShare une entreprise Scribd logo
1  sur  40
Télécharger pour lire hors ligne
State of
the inline
debate
A.K.A: “WYSIWTFFTWOMGROFL”
Rasmus Skjoldan @ Jboye CMS Experts Europe, Oracle – october 2013
I’m a UX’er.
Not technical and
very bad at numbers
(80% out of 5500 and you’ve lost me – and who is this JSON guy really?)
How on earth
did we start
debating inline?
Mobile changed
desktop web
from 1 – to many
The WYSIWYG editing
dream turned into a
nightmare when
embracing COPE
COPE this dude!
WYSIWYG inline editing
makes users forget
metadata (oh no!)
“The era where we
privilege the desktop
web interface above
all others is over”
WYSIWTF
http://alistapart.com/column/wysiwtf
Jeff Eaton
http://www.lullabot.com/blog/article/inline-editing-and-cost-leaky-abstractions
So I asked @eaton on his take on the State of the inline debate and gave him
write-access to these slides. Here’s what he wrote:
“Visual layout tools will always be with us, but the
explosion of channels and devices means that
many organizations will have to find a different
way.
Short-lived marketing content and page-focused
tools are an easy fit. But for businesses that treat
their content as a long-term asset, tools that
prioritize the underlying meaning are critical.”
Jeff Eaton
Ugly arrow points
to important part
http://buytaert.net/wysiwyg-and-in-place-editing-for-structured-
Leisa Reichelt told me:
“Commit to
multi-channel”
PS: “You will fail. Miserably.”
Where to draw the lines?
Long-lived content /
Known channels /
Purified content /
Content stays /
Short-lived content
Unknown channels
Social updates
Templates die
WYSIFTW
rasmusskjoldan.com/post/58364140673/wysiftw
Karen says hi...
Mark Boulton said:
www.markboulton.co.uk/journal/wysiwtfftwomg
Is preview even possible?
How do you preview
content in an unknown
or future channel?
“Creators need an immediate
connection to what they create”
http://vimeo.com/36579366
My own principle building TYPO3 Neos:
Creators need
to experiment
with content
in different
contexts
* Breaking * Breaking * Breaking *
Preview is not
just about
devices
Previewing is many
different things...
● Content in one particular context
● Same content via different templates
● Same content on different websites
● Same content on entirely different channels
● Search appearances
● Social media appearances
● Personalized, differentiated versions
● A/B testing variants
● Different workflow previews
● Languages
● …and yes, devices & responsive widths
Editing and
previewing are
intimately
connected
Previewing
is no fun
when it’s an
after-thought
From edit to preview and back
“oh no, I have to go back and fix that typo”
The first Neos workflow from
editing to previewing:
The state of the
inline debate
is…
*Drumroll*
It’s not about
inline editing!
It’s about
tailoring the
authoring
experience on a
whole new level
Examples...
Let user experiment with
editing and previewing in different ways
Experiment, fail, fail, fail, succeed...
Here you have inline editing but in an abstract view.
No in-page editing but inline in a backend mode.
How will this look on
Little Printer?
Integrator decides on editing and
previewing together with client:
Variations are endless
Customized backend template for
simple content variant:
User can customize
preview presets:
To Inline or not to Inline
is not the question
/ In many cases you’ll have to include possibilities of both
WYSIWYG inline and more abstract interfaces
/ Tailor the authoring experience on project-basis
/ Sometimes you need inline, in-page editing
– sometimes you don’t
rasmusskjoldan.com

Contenu connexe

Similaire à State of the inline debate

Reactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and GrailsReactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and Grails
Steve Pember
 

Similaire à State of the inline debate (20)

From hello world to goodbye code
From hello world to goodbye codeFrom hello world to goodbye code
From hello world to goodbye code
 
The future of media queries?
The future of media queries?The future of media queries?
The future of media queries?
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
 
Making Effective Prototypes
Making Effective PrototypesMaking Effective Prototypes
Making Effective Prototypes
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Web valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app developmentWeb valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app development
 
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian MasterclassesDesigning for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Using the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesUsing the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User Interfaces
 
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
 
The browser is not a document reader!
The browser is not a document reader!The browser is not a document reader!
The browser is not a document reader!
 
Lean Engineering: How to make Engineering a full Lean UX partner
Lean Engineering: How to make Engineering a full Lean UX partnerLean Engineering: How to make Engineering a full Lean UX partner
Lean Engineering: How to make Engineering a full Lean UX partner
 
Neil Perlin - We're Going Mobile! Great! Are We Ready?
Neil Perlin - We're Going Mobile! Great! Are We Ready?Neil Perlin - We're Going Mobile! Great! Are We Ready?
Neil Perlin - We're Going Mobile! Great! Are We Ready?
 
Prototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop SeriesPrototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop Series
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
 
Why the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UXWhy the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UX
 
Reactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and GrailsReactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and Grails
 
Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin interview about DOT NET (eng lang)Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin interview about DOT NET (eng lang)
 
MyReplayInZen
MyReplayInZenMyReplayInZen
MyReplayInZen
 

Plus de Rasmus Skjoldan

Fossasia 2015—COPE CMS
Fossasia 2015—COPE CMSFossasia 2015—COPE CMS
Fossasia 2015—COPE CMS
Rasmus Skjoldan
 

Plus de 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
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
 
WYSIWTFFTWOMROFLCOPTOR
WYSIWTFFTWOMROFLCOPTORWYSIWTFFTWOMROFLCOPTOR
WYSIWTFFTWOMROFLCOPTOR
 
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 NeosDrupalhagen 2013: Edit & Preview in TYPO3 Neos
Drupalhagen 2013: Edit & Preview in TYPO3 Neos
 

Dernier

Dernier (20)

Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

State of the inline debate