[Neos] UI sketches for edit/preview

[Bastian Waidelich]

Rasmus Skjoldan wrote:

Hi Rasmus

Excuse my ignorance, but why do we need to differentiate between "edit" 
and "preview" modes?
Couldn't we just reduce this to "modes"? With the "preview"-button on 
the top right you'd always jump into fullscreen preview mode..
I actually think, that would reduce complexity more than avoiding dropdowns.


> It's such a few people who would want to see more than 2 languages as editable views,
> for example. But for those who do, we naturally should provide advanced views...

I'm not so sure about this one. I worked with many TYPO3 sites with 
loads of language & dialect combinations. I mean, of course you're 
right: A "regular" editor won't need to see all of these all the time. 
But I think once we offer the option to enable different previews a 
scenario like "I want to preview version B of the homepage on a mobile 
device in english language" will become quite common.

I'm not a UX-expert by no means but I think that one of the strengths of 
TYPO3 CMS is its usability staying kind of consistent whether you have 
one or 100 languages, 10 or 1000 pages, ...

I don't like the required extra click for dropdowns, but I think it 
would be nice if the preview modes could be partitioned into 
(configurable) groups like "language" and "device":

https://www.evernote.com/shard/s17/sh/d64264a8-bdb1-4439-b2ce-7a247a8c9c66/3a7dd76b86aa9a2ce754c8abff30797e


Maybe the UI could even be "intelligent" about the representation 
depending on the possible options:

1    option: Button
2-20 options: Dropdown/Split-button
 > 20 options: typeahead/autocomplete (e.g. 
http://ivaynberg.github.io/select2/)




-- 
Bastian Waidelich
--
Core Developer Team

TYPO3 .... inspiring people to share!
Get involved: typo3.org