Skip to content

Hlavní menu #60

@janbarasek

Description

@janbarasek

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

Snímek obrazovky 2022-02-25 v 10 31 56

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ů

Snímek obrazovky 2022-02-25 v 10 36 29

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

Snímek obrazovky 2022-02-25 v 10 37 44

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:

Snímek obrazovky 2022-02-25 v 10 39 02

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions