Project

General

Profile

Actions

Story #75673

closed

Content element sidebar

Added by Andreas Fießer over 8 years ago. Updated over 4 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2016-04-15
Due date:
% Done:

0%

Estimated time:
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.


Files

first-attempt.jpg (91.3 KB) first-attempt.jpg Riccardo De Contardi, 2016-04-15 17:26
030-wizzard-expanded-complete_3840.jpg (509 KB) 030-wizzard-expanded-complete_3840.jpg Andreas Fießer, 2016-04-15 21:10
050-content-expanded_3840.jpg (615 KB) 050-content-expanded_3840.jpg Andreas Fießer, 2016-04-15 21:10
080-after-content-type-click_3840.jpg (748 KB) 080-after-content-type-click_3840.jpg Andreas Fießer, 2016-04-15 21:10
schermata-2015-12-05-alle-22.31.27.png (115 KB) schermata-2015-12-05-alle-22.31.27.png Riccardo De Contardi, 2016-04-16 18:53

Related issues 2 (0 open2 closed)

Related to TYPO3 Core - Epic #75671: New Content Element WizardClosedBenjamin Kott2016-04-15

Actions
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 elementsClosed2016-04-19

Actions
Actions #1

Updated by Riccardo De Contardi over 8 years ago

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

Updated by Andreas Fießer over 8 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.

Actions #3

Updated by Riccardo De Contardi over 8 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)

Actions #4

Updated by Riccardo De Contardi over 8 years ago

@Andreas Otto † 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.

Actions #5

Updated by Christian Eßl over 4 years ago

  • Category set to Backend User Interface
Actions #6

Updated by Susanne Moog over 4 years ago

  • Status changed from New to Closed

Discussed in #cig-structuredcontent - closing these issues for now, the concepts will be incorporated by the initiative.

Actions

Also available in: Atom PDF