Project

General

Profile

Actions

Task #95246

open

New users can’t guess they can click on the icon of a content to get the context menu

Added by Rachel Foucard about 3 years ago. Updated 7 months ago.

Status:
Under Review
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2021-09-16
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
Complexity:
easy
Sprint Focus:

Description

For a better overview, A new button for the content element context menu is added in the content element header right button bar.


Files

more-button.JPG (9.29 KB) more-button.JPG Rachel Foucard, 2021-09-16 10:30

Related issues 2 (0 open2 closed)

Related to TYPO3 Core - Task #94629: Simplify and optimize the readability of the page module interfaceClosed2021-07-24

Actions
Related to TYPO3 Core - Task #95247: Button to delete content elements is as prominent as often-used actionsClosed2021-09-16

Actions
Actions #1

Updated by Rachel Foucard about 3 years ago

  • Related to Task #94629: Simplify and optimize the readability of the page module interface added
Actions #2

Updated by Gerrit Code Review about 3 years ago

  • Status changed from New to Under Review

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/71108

Actions #3

Updated by Gerrit Code Review about 3 years ago

Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/71108

Actions #4

Updated by Rachel Foucard about 3 years ago

Hi,

more explanation about the actual context menu problem and proposed solutions:

A context menu usually displays a list of actions related to a selected object after a right click on it. A real context menu of a content in the page module should appear on a right click anywhere on the content box, but it actually appears on a right or left click on the CType icon.

This icon is different for each content type because it's primary role is to give the CType information. It's not looking like a button, a new or occasional editor really can't guess that it is the only way to list the secondary actions.

For those reasons, the actual context menu for the contents in the page module is more like an "easter egg" that an helping interaction.

Yes, editors that work very often with TYPO3, you and me, we all know that if we click on a tiny icon we may get a context menu. Because we have this information in our long term memory, since a tutorial reading, or a training and didn't forget it because we use TYPO3 every day.

A better UX should make the users "use recognition rather than recall". A "more actions" button on the right button group will have several advantages:
  • it's a button, so anyone can guess you can click on it
  • at the end of the other primary action buttons, with this easy to recognize icon, anyone can guess that he/she will get more secondary actions

Actually, the exact same UX improvement is in place for the list module and the file module.

Some additional improvement that we could propose in this patch to be more consistent with the more button of the list and file modules:
  • no right click on this button
  • dark design
  • positioning above the button and not above the mouse

Rachel

Actions #5

Updated by Simon Schaufelberger over 2 years ago

  • Related to Task #95247: Button to delete content elements is as prominent as often-used actions added
Actions #6

Updated by Riccardo De Contardi 7 months ago

The "Kebab" icon on the content elements in Page module is present on TYPO3 12 and 13 and it replicates the same menu that pops up when clicking on the CE icon; the button can be clicked with both left and right mouse button. And as far as I can see it has a dark mode.

What I found is left so far:

- a tooltip "more options"
- remove the menu from the CE icon itself (maybe with a "deprecation strategy")

Actions

Also available in: Atom PDF