Rozbalovací menu v UI

[MaT]

Dobrý den všem, současné webové rozhraní Odorika sice pro někoho může na první pohled vypadat poněkud "oldschoolově", ale použitelné víceméně je. Určitě si nemyslím, že by bylo hned nutné ho předělávat do nějakého Bootstrapu a podobně.

Po několika letech si ale říkám, že jedna věc mi na něm stejně vadí a přispívá k trochu menší přehlednosti. Jsou to rozbalovací menu. Rozbalovací menu pro navigaci se používalo hodně hodně dávno - třeba stránka místo hlavního menu měla rozbalovací menu a vedle něj tlačítko "Go!" (nebo "Jdi!"). Dneska už se něco takového moc nevidí. A ani tak nejde o nemodernost, ale vývojáři webů prostě došli k tomu, že to použitelnost spíše zhoršuje. Člověk nevidí hned po načtení stránky (či podstrnky), jaké všechny volby má k dispozici - musí "rozkliknout" nějaké menu. A pak teprve kliknout na položku. Tzn. menší přehlednost, více klikání.

Navíc primárně je to prvek pro formuláře (aby se ušetřilo místo) - ne pro navigaci. Dříve navigace pomocí select boxů znamenala také závislost na JavaScriptu. Navigace je obvykle to skoro nejdůležitější na stránce, proč ji nedat o něco více prostoru?

Já osobně bych si dovedl představit navigaci v podobě odkazů vedle sebe na jednom řádku. U většiny nabídek, co má Odorik v uživatelském rozhraní by se to vedle sebe krásně vešlo. Jestli by pak takové odkazy měli podobu třeba záložek a podzáložek (jako to teď má třeba iDnes) nebo tlačítek, to už je celkem jedno. Dnes je trend taková tlačítka stylovat spíš co nejméně (stačí barevný obdelník nebo rámeček, který vymezuje kde všude je možné kliknout).

No a proč to píšu na fórum - zajímalo by mě, co si o tom případně myslí další uživatelé?

Já vím, znamenalo by to pro programátory v Odoriku práci navíc a určitě by někdo mohl říct, že mají na práci spoustu důležitějších věcí - a UI prostě funguje, tak proč na něj plýtvat časem - ale já to beru tak, že by UI mohlo fungovat ještě lépe (aspoň pro mě by bylo lépe použitelné - mimochodem i na dotykových obrazovkách - tam z rozbalovacích menu také nejsme zrovna nadšený). A zrovna ty věci, které by byly důležité pro mě (jednodušší obnovování balíčků, nové datové balíčky, implementování tohoto do API) se teď co jsme pochopil stejně neřeší, protože se čeká na GTS/T-Mobile (a tam to vypadá, jak když se několik měsíců nic neděje).

[srsen]

Souhlas. Chce to vidět všechny možnsoti hned a ne až po rozbalení menu. Mělo by to další výhody - nejdůležitější položky menu by se mohly barevně odlišit/zvýraznit a navigaci by to dál zpřelhlednilo. K tomu třeba přepínač simple/advanced - potom by se zobrazily základní/všechny možnosti menu. Možná by se mohla dát volnost, aby si člověk sám menu nastavil - vybral jen položky který chce. Z toho by se mohl zase přepnout do normálu. Asi vím co bude odpovězeno - že je tam rozcestník, lae ten není úplně ideální.

[o-k]

Dobry den

Z meho pohledu je menu vsech funkci dostecne pristupne a jasne.
Taktez wiki kde je pouzit sw Dokuwiki bez databaze pouze s php a jehoz nasazeni na server a zprovozneni je otazkou nekolika minut a uz muzete plnit obsahem.
U Odorika proste nemrhaji vyvojari casem na nepodstatne veci jako je design webu ale soustredi se na funkcionalitu coz je z meho pohledu to podstatne.

Pokud se podivam na konkurenci konkretne na http://mikrotech.cz/ tak sic maji graficky hezci web ale pokud se prihlasite do zakaznickeho rozhrani viz obrazek: http://i.nahraj.to/f/OiB.png Tak zjistite ze rozhrani je archaicke a nenabizi zdaleka takove vymozenosti jako Odorik.

[JPT]

Možná je to staromódní, ale zas je to přehledné a celkově ty stránky vypadají dobře. Na Idnesu to taky neni špatné, ale tam mají v jednom tlačítku jen 1 nebo 2 slova a Odorik třeba 7, takže to by pak určitě bylo nepřehlednější.

[v.kopp]

Souhlas. Chce to vidět všechny možnsoti hned a ne až po rozbalení menu........

Všechny možnosti - celá struktura - by mohla být i ve stávajícím rozhraní vidět v odkazu Rozcestník. Tato stránka má ale jednu zásadní chybu - není tam vše! Chybí nejnižší (4.) úroveň menu. To je největší výhrada kterou k rozhraní mám.

Například - tento týden jsem hledal kde se provádí přesměrování čísla jinam. To je schované ve 4. úrovni menu. Pod volbou "Vlastní telefonní číslo" (ta v Rozcestníku je) jsou ještě 4 další podvolby menu - ty už v Rozcestníku nejsou. Například je tam také "nastavení CLIP". Takovou věc člověk dělá většinou jen jednou a tak pamatovat si kde je to schované je nereálné.

Myslím si že změnit jedinou stránku (Rozcestník) by bylo mnohem méně pracné než přeprogramovávat menu na tvar kdy struktura voleb je lépe vidět.

[xsouku04]

Děkuji za podněty, přemýšlím o všem, co píšete. Vše má svoje pro a proti. Tedy vše má svoje výhody a nevýhody.
Ze střednědobého a delšího horizontu s tím chce určitě něco citlivě udělat.
I když Odorik.cz nebude úplně hotový asi nikdy a vždy se bude vyvíjet, přeci jen přichází doba, kdy můžeme odhadnout, co by se ještě mohlo někdy v budoucnu měnit a co nikoli, a tomu přizpůsobit a zlidštit ovládání a také ty možnosti lépe propagovat.

[MaT]

Díky za reakci i od pana Soukupa.

Jako zakladatel vlákna jsem to tu samozřejmě průběžně také sledoval.

JPT: No nejen že staromódní - ono to opravdu zhoršuje některým uživatelům použitelnost. Víte jak jsou tahle menu nepohodlná na dotykových displejích? Na tabletech se to možná ještě dá, ale na mobilech nic moc. A kdo by lezl do nastavení Odorika přes mobil? No, třeba ten, kdo si potřebuje aktivovat další datový balíček...

Ty názvy položek by klidně mohly být kratší. V menu "Nastavení účtu" nejsou nijak dlouhé ani teď a to co je u nastavení linek a v Průvodci nastavením by se klidně mohlo zkrátit. Ony by si ty názvy stejně zasloužily nějakou revizi, protože takto jak jsou psány mi někdy přijdou matoucí a některé věci opakovaně hledám. Další věc - kdyby ty krátké názvy byly pro někoho maotucí, tak se opět nad takovými tlačítky/záložkami dají udělat tooltipy (bublinová nápověda). Text v těchto bublinách by mohl být i o něco málo delší a třeba i jasnější, než jak se položky menu jmenují teď.

o-k: Ok, Váš pohled Vám neberu. Dokuwiki bych do toho ale vůbec netahal, o tom se tu nebavíme (a když už, tak už jsem jí také párkrát instaloval a aktivně ji používám). Samozřejmě - nemá cenu, aby si Odorik programoval vlastní wiki (ne že by to bylo zase tak složité, ale proč vynalézat kolo). Uživatelské rozhraní je ale cesta k hlavním produktům/službám, které Odorik nabízí, tak by se na něj asi trochu dbát mělo.

Stejně tak je ale v této diskusi úplně irelevantní, jak to má nějaký mikrotech.cz. Jednu dobu jsem používal Voocall a tam si zase naopak na rozhraní dali podle mě celkem záležet a bylo velmi moderní a dobře použitelné (byť funkcí nenabízejí zdaleka tolik, co Odorik). A byť je rozhraní Mikrotechu na jednu stranu "hnusné", aspoň tam nejsou rozbalovací menu.

Kdysi existovala doba, kdy někteří tvůrci webových stránek tento prvek pro navigaci používali děsně rádi - i třeba pro hlavní menu - tzn. na úplně nejvyšší úrovni. Ale už tehdy se to také dost kritizovalo. Zhoršuje to přehlednost, nedá se ovlivnit vzhled (přebírá se vzhled rozbalovacího menu ze systému - některým webmasterům ale vadí, že ten může být v jejich vytuněném designu stránky jak pěst na oko), více kliků (x2), závislost na JavaScriptu (to platí dodnes - když mám vypnutý JavaScript, tak takhle menu na odorik.cz vůbec nefungují).

Pro ty, kteří si myslí, že takováto změna by byla velmi radikální a pracná bych znovu rád připomněl, že tomu tak vůbec být nemusí - samozřejmě závisí na vnitřní architektuře aplikace, ale u dobrého návrhu to vůbec tak složité být nemusí.

Napadlo mě, jestli když se názory uživatelů na to, co je pro ně důležité mohou takhle moc lišit (i když je to dost malý vzorek) - já třeba asi vůbec nevyužiji to IVR, tak ho moc neocením - jestli by nestálo za to mít někde nějaký wishlist nebo anketu, kde by lidé mohli hlasovat o tom, které funkcionalitě by dali prioritu. Samozřejmě chápu, že pro Odorik jsou asi nejvíc důležité ty funkce, ze kterých mohou být nějaké další příjmy. Ale ze spousty věcí příjmy nebudou, jen to některým lidem učiní život trochu pohodlnějším - a pak bych se asi řídil podle toho, jak moc takových lidí u které vlastnosti/funkce bude...

[misa]

Víte jak jsou tahle menu nepohodlná na dotykových displejích? Na tabletech se to možná ještě dá, ale na mobilech nic moc. A kdo by lezl do nastavení Odorika přes mobil? No, třeba ten, kdo si potřebuje aktivovat další datový balíček...

Malý tip pro tento případ - do nastavení SIM karty se dá dojet i "zkratkou" bez použití lištiček. Nechoďte do průvodce nastavením, ale do linek a tam klikněte ve sloupci veřejné telefonní číslo na ono telefonní číslo a dostanete se přímo do nastavení SIM karty.

[JPT]

JPT: No nejen že staromódní - ono to opravdu zhoršuje některým uživatelům použitelnost. Víte jak jsou tahle menu nepohodlná na dotykových displejích? Na tabletech se to možná ještě dá, ale na mobilech nic moc. A kdo by lezl do nastavení Odorika přes mobil? No, třeba ten, kdo si potřebuje aktivovat další datový balíček...

Já se ve vytváření webu moc nevyznám, ale myslím, že existuje i automatická detekce jestli se na něj přistupuje z PC nebo mobilu, tak by se stránky mohly přizpůsobit samy a nebo by tam někde viditelně mohlo být tlačítko "Mobilní zobrazení" nebo tak něco a pak by se to přeplo na větší tlačítka atp..

[MaT]

misa: Díky za tip, na to jsem už asi v minulosti také narazil, ale není to tak přímočaré nebo intuitivní, lidi na to přijdou spíš náhodou...

JPT: Něco jako detekce zařízení, ze kterého se přistupuje (nebo aspoň rozlišení) se dělala hlavně dřív. A pak dvě úplně odlišné verze daného webu - jedna pro počítače a druhá pro mobilní zařízení. Viz třeba www.lupa.cz a m.lupa.cz. Detekce byla založená třeba na JavaScriptu nebo si uživatel vybíral (spousta lidí pak i z počítače chodí na mobilní verze - je tam méně balastu a reklamy a proteče méně dat). V poslední době ale frčí jiná věc - říká se jí adaptivní design (nebo webdesign). Web má jen jednu verzi a čistě za pomocí kaskádových stylů (CSS) se layout přizpůsobí. A těch verzí může být i víc - počítač, tablet, mobil. Nebo třeba i počítač s displejem s extra velkým rozlišením.

Ale tohle všechno už docela pracné být může - je to i o tom, že ten kdo ten webdesign se musí naučit nějaké nové věci a určitá nová paradigmata a to může zabrat i dost času. A má to smysl dělat při kompletním redesignu celého webu a to po Odoriku snad ani nikdo nechce. To s čím já jsem začal tohle vlákno by byla nejspíš celkem jednoduchá změna, která by myslím mohla "vypadat dobře" i bez nějakých zásadních zásahů do současného designu.

Když jsem ještě v poslední době celé to UI proklikával, tak mě napadla ještě jedna věc. V něčem, co je v menu označeno jako nastavení je i spousta podstránek, kde se vlastně nic nenastavuje a jsou to spíš informační stránky (třeba podstránky u callbacku). Ona asi celá ta struktura menu vznikala postupně - jak se objevovaly nové funkce. Možná by někdy stálo za to si to nějak všechno nakreslit a zamyslet se nad hierarchií všech těch voleb a nastavení...