Co je lepší uživatelský dojem:
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.
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:
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říč.