Jaký je lepší uživatelský dojem: Posuvná tabulka nebo tabulka v plné velikosti umožňující posouvání okna prohlížeče?
Co je lepší uživatelský dojem:
- Posouvatelná tabulka pomocí nastavení přetečení css v DIV?
- Tabulka v plné velikosti umožňující posouvání okna prohlížeče?
Tabulka v plné velikosti, která umožňuje posuvníku v prohlížeči (2) provádět rolování dat, je pro uživatele lepším zážitkem, protože více posuvníků na stejné stránce by uživatele mátlo a bylo by trochu rozzlobené.
To samozřejmě platí pouze v případě, že data, o kterých zde hovoříme o rolování, jsou hlavním zaměřením stránky. V takovém případě by bylo přijatelné mít posuvnou lištu vyhrazenou pro tuto část obrazovky.
- Více svislých posuvníků ve stejném okně prohlížeče může být matoucí, zejména pokud používáte posuvné kolečko.
Pokud to má smysl v kontextu rozhraní, lze použít obě metody. Snažím se však nepoužívat rolování DIV v DIV jako obecné pravidlo, jakmile se stanou chaotickými. Když uživatel posouvá doleva jednoho DIV, prohlížeč často začne posouvat další DIV nebo stránku, která může být otřesená.
Podle mé zkušenosti bude mít méně komplikované rozhraní kratší křivku přijetí/učení, všechny ostatní faktory jsou stejné.
Řekl bych, že pokud máte velmi velkou tabulku dat, nejlepší způsob, jak to udělat, je použít CSS k nastavení přetečení na vašem <tbody> tag v tabulce. Tímto způsobem bude vaše záhlaví (uloženo v <thead>) zůstane viditelné bez ohledu na to, jak moc uživatel posouvá. To uživateli poskytne zážitek podobný tomu, který může poskytnout standardní aplikace při prohlížení tabulkových dat.
Myslím, že je to nejlepší řešení, protože se spoustou posouvání si uživatel musí pamatovat, co tyto záhlaví sloupců jsou, a pokud to dokážete, aby si vždy mohli zobrazit záhlaví, pak jim rozhodně dáváte lepší zážitek (Vzpomeňte si na nesmrtelná slova Steva Kruga - „Nechci mě přemýšlet“).
Stalo se perfektní příklad velmi špatné implementace posuvného okna v okně prohlížeče hned po přečtení tohoto příspěvku. Myslím, že je jasné, jak trapné je to použít.
Nejprve jsem se pokusil použít vnější posuvník, který posunul všechny psy pryč, pohybem myši uvnitř vnitřního okna posouvá psy, ale teď vidím jen polovinu okna a musím se vrátit zpět k prvnímu posuvníku, aby se posunul zpět. Primární obsah by neměl být zařazen do malého vnitřního rámce, jako je tento.
Jděte s možností 2. Rolování v rolování vždy mate uživatele a jeho nepříjemné, když se dostanete na dno a stránka letí dolů.
Moje otázka zní: Máte nějaký způsob třídění dat tak, aby zobrazovaný dataset byl na začátku menší? Buď skrýváním pomocí kombinace JavaScriptu a CSS, nebo pomocí nějakého skriptování? Zobrazení mnoha řádků dat není nikdy tak uživatelsky přívětivé. Pokud uživatel nechápe zázraky ctrl + f, může se promarnit spoustu času při rolování.
Můžete také přemýšlet o přidávání záhlaví, která se pohybují v horní části seznamu. Uživatelé by tak nemuseli procházet zpět nahoru, aby zjistili, jaké jsou názvy sloupců.
Obecně je třeba se vyhýbat posuvným panelům. Jediný čas, kdy by se měli skutečně použít, je, pokud máte pod tabulkou ovládací prvky, které by mohly být vynechány, pokud je tabulka velmi dlouhá.
Závisí to na předpokládaném použití.
Existuje mnoho dobrých důvodů, jak se vyhnout vnořeným posuvníkům, ale existují i případy, kdy by se tabulka měla posouvat. Tady nějaké jsou:
- Na stůl se kromě stolu vejde všechno ostatní. V takovém případě nemáte vnořené posuvníky (tj. Prohlížeč je nemá) a mohou existovat dobré důvody, aby se rolovala pouze tabulka.
- Hlavní použití tabulky je odkazovat na její malou část proti něčemu jinému na stránce. Například musíte vyplnit tři informace založené na něčem v tabulce, které musí uživatel hledat („něco“ je příliš intuitivní na automatizaci). Pokud nastavíte rolování celé stránky, musí uživatel prohledat v tabulce to, co chce, a poté přejděte nahoru, aby vyplnil informace, poté znovu hledat atd. Pokud necháte tabulku posouvat, pak část „vyplňování“ UI zůstává na obrazovce.
svislé posouvání nechte prohlížeč zpracovat vodorovné posouvání (měli byste úplně vyloučit), použijte k nastavení přetečení css.
Studie ukázaly, že uživateli nevadí rolování dolů, ale nenávistné rolování napříč.