[TYPO3-english] Hover effects for icons in the backend and on typo3.org

[Jigal van Hemert]

Hi,

First of all, images you add to the forum on typo3.org will not end up 
in a readable way to people who subscribe by mail or newsgroups. Not to 
blame you or anything, but the best way is to host the images elsewhere 
and provide a link.

On 6-2-2014 16:59, Florian Seirer wrote:
> There are icons in the backend (mostly page module, extension manager)
> and on typo3.org (Download t3x files) that are only visible when you
> hover over it.
> I get that this makes it look "cleaner", but from a usability standpoint
> this is really bad practice.

Maybe discuss that with the UX team [1].

The motivation for hiding those icons is that most editors are quite 
overwhelmed by a huge amount of icons and other information. If you have 
quite a few records in a page/folder and "Extended view" is enabled in 
the List module many editors have a hard time finding their way.

By reducing the amount of information (icons) it's easier to get an 
overview. If you want to do something with a content element it's 
logical to move the mouse cursor over the content element. At that 
moment the styling shows that the element becomes "active" and the icons 
become also visible.

> Not to mention it is also inconsistent in the page module. See
> add-element-buttons in attached screenshot:
> [img]index.php/fa/15884/0/[/img]
> And the content element looks like it's just three grey bars without a
> purpose.

I don't know what kind of content element that is, but the ones supplied 
by the core show a preview of the content element (title + part of the 
text, thumbnails, etc.).
Plugins can also provide a preview or some details (see extensions 
'news', 'powermail', etcetera).

If a plugin does not provide a preview you can fill the "Header" field 
with a description and set "Type" to 'Hidden'. This header field is then 
shown in the Page module.


[1] http://forge.typo3.org/projects/usability/issues

-- 
Jigal van Hemert
TYPO3 CMS Active Contributor

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