Menu AIM (optimalizácia navigácie)

před 2 lety

_rasel^
Backer | 44
+
0
-

Ahojte, dnes sa mi podarilo nájsť veľmi zaujímavé riešenie navigácie v menu – navigáciu a zobrazenie rieši tak, aby bola maximálne prirodzená. (dole rešerš na čo najmenej slov)

Čo rieši (typický príklad):

Popis: Ak opustíte prvok, ktorý menu zobrazuje, tak sa menu skryje. No ale človek sa v menu naviguje „vzdušnou čiarou“. Možným riešením je hodiť na menu opozdenie, ale to rieši dôsledok a nie príčinu (imho).

Riešenie:

Amazon zobrazenie menu rieši tak, že sa javascriptom zisťuje, či je momentálna pozícia kurzora v trojuholníku, ktorý udalosť vyvolal (snáď som to popísal správne). Ak zmena pozície prebieha v trojuholníku, tak sa predpokladá, že sa chce používateľ navigovať na potomka (submenu). V skutku geniálne a prirodzené riešenie :)

Vyskúšajte si ako sa správa vaše menu a ako by sa správať mohlo… :)

Editoval _rasel^ (12. 4. 2017 16:45)

před 2 lety

_rasel^
Backer | 44
+
0
-

Otázka: Viete niekto pomôcť s implementáciu pre ľavé (sidebar trieeview) AdminLTE menu v collapsed stave? https://almsaeedstudio.com/…/index2.html Trápim sa s tým zopár hodín, myslel som si, že to bude na pár minút :)

Editoval _rasel^ (12. 4. 2017 16:54)

před 2 lety

_rasel^
Backer | 44
+
0
-

Ďalší príklad zložitého menu: https://codepen.io/…eb/pen/pkvlh