Story #75673

Content element sidebar

Added by Andreas Fießer over 3 years ago. Updated over 3 years ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
-
Target version:
-
Start date:
2016-04-15
Due date:
% Done:

0%

TYPO3 Version:
8
PHP Version:
Tags:
Sprint Focus:

Description

As an editor I want to choose a content element type from the sidebar.

UAKs:
• Content elements are represented by icons.
• The Icons can be grouped (like the current tabs).
• The sidebar can be extended which reveals a description text to every icon.
• After clicking a content element icon on the left it becomes highlighted.
• Dropzones where the selected content element is not allowed are hidden.
• The sidebar works on mobile devices as well. On smartphones it may use the full screen.

first-attempt.jpg View (91.3 KB) Riccardo De Contardi, 2016-04-15 17:26

030-wizzard-expanded-complete_3840.jpg View (509 KB) Andreas Fießer, 2016-04-15 21:10

050-content-expanded_3840.jpg View (615 KB) Andreas Fießer, 2016-04-15 21:10

080-after-content-type-click_3840.jpg View (748 KB) Andreas Fießer, 2016-04-15 21:10

schermata-2015-12-05-alle-22.31.27.png View (115 KB) Riccardo De Contardi, 2016-04-16 18:53


Related issues

Related to TYPO3 Core - Epic #75671: New Content Element Wizard Accepted 2016-04-15
Related to TYPO3 Core - Story #75799: as an editor, I want to quickly add content to a new page, with creating a page pre-filled with content elements Closed 2016-04-19

History

#1 Updated by Riccardo De Contardi over 3 years ago

my first (very very draft) proposal (If I have understood right) - see attached image - sorry for poor quality

#2 Updated by Andreas Fießer over 3 years ago

Thank you very much for your quick reply! Actually we have spent the whole T3UXW16 to create layouts. I have just not yet attached them to the tickets.

I have done this now. Please find the respective screens attached to the stories and the full set at the epic #75671.
Sorry for the extra work you had with visualizing. Personally I think you are on a good way with the content of your flyout. However, our idea is to use the right edge of the screen.

#3 Updated by Riccardo De Contardi over 3 years ago

Oh, I did it like a kind of divertissement :) I have not thought of the right side... good idea :)
I took this as inspiration: http://www.designyourway.net/diverse/5/uianimations/2426639.gif

here you can also find some other inspirations, I think: http://www.designyourway.net/blog/design/design-user-interface-animations/ (example: http://www.designyourway.net/diverse/5/uianimations/2467523.gif)

#4 Updated by Riccardo De Contardi over 3 years ago

@Andreas Fießer: I just remembered now that I've made a sketch for the cig-ux channel on Slack (see attached file): I imagined the right area like a "widget area" a la Macosx.
I would be glad to discuss your ideas on Slack if you want.

Hava a nice day.

Also available in: Atom PDF