Hlavní menu

V rámci CMS používáme základní design pro levé menu, kde jsou dostupné všechny aktivní pluginy. Cílem tohoto úkolu je připravit nový moderní design, který zapadá do koncepce celého CMS a vypadá moderně.

Současný design
----


Akceptační kritéria
----

- Název pluginu
- Ikonka pluginu (může neexistovat)
- Nakreslit aktivní (musí být snadno rozpoznatelné, kde zrovna jsem) a neaktivní variantu
- Hover varianta (při najetí myší) musí být rovnou vidět
- V debug mode se zobrazuje aktuálně nastavené pořadové score každé položky
- Připravit rovnou i tzv. `odznak na aplikaci`, který uživateli ukáže, že se v aplikaci něco děje a kolik (inspirace z červeného labelu na iPhone)

Aktivní debug režim s zobrazením hodnocení pluginů
----


Inspirace z iPhone, jak řešit aktivní notifikaci na položce menu
----


Jak menu řešit?
----

Přemýšlel jsem nad tím hodně a nevím. Možná bych šel do designu ve stylu nového Gmailu:


Požadavky na použitelnost
----

Menu musí být maximálně použitelné. Pamatuj vždy na jednoduchost a jednoznačnost všech stavů pro všechny uživatele v různých kontextech. Vybraná položka musí být dobře vidět na všech typech zařízení, i na levném notebooku na přímém slunci. Zároveň nesmí položky příliš vizuálně vyrušovat uživatele.

Velmi brzy budeme CMS přepisovat do plně responsivní varianty a design menu musí být připraven i pro mobilní zařízení. Zkus na to při návrhu myslet.

Děkuji.

Start by locating the CMS left-menu entry point and reviewing how active plugins and debug mode are currently rendered; no file or test is named in the issue. Done means a responsive modern menu with plugin names, optional icons, clear active, inactive, and hover states, visible debug scores, and application notification badges matching the listed acceptance criteria.

Written by the indexing model from the issue text.