it-swarm-eu.dev

Jeden posuvník nebo dva pro obsah + postranní panel?

Pracuji na návrhu webových stránek a snažím se rozhodnout, zda nechat posouvat postranní panel nezávisle na obsahu stránky, nebo mít pouze jeden ovládací prvek posuvníku ovládající oba divy. Jaký princip bych měl použít při vedení rozhodnutí? V jakých situacích chcete, aby obsah postranního panelu zůstal pevný, zatímco uživatel posouvá hlavní obsah?

Jeden posuvník

  • Uživatel ví, kde jsou na stránce
  • obsah v postranním panelu zůstává ve srovnání s jiným obsahem na stejné pozici
  • Držení myši kdekoli na stránce posouvá pruh
  • Velká většina webových stránek používá pouze jeden posuvník - odpovídá očekáváním uživatelů
  • mohou mít stránky s pevnou šířkou bez ošklivého posuvníku uprostřed stránky

Dva posuvníky

  • Může prohlížet informace na postranním panelu při procházení hlavního obsahu, což je pěkné, když je hlavní obsah dlouhý> 4000px, nebo potřebujete informace na posuvném panelu a na hlavním obsahu současně.
  • Boční panel vyžaduje buď celou levou stranu stránky, nebo pevnou hlavičku, která snižuje význam hlavního obsahu, vertikální výšky bočního panelu i hlavního obsahu.
  • Vyžaduje umístění myši uvnitř postranního panelu k posouvání jeho obsahu
  • Dva příklady odlišných rozhodnutí zde od stejné společnosti by byly Google Code, což je pevná šířka, jeden web posuvníku a Google Reader, který má dva posuvníky. Myslím, že s Google Reader potřebují posuvník, protože obsah je generován dynamicky.

Vážím si vaší pomoci s tím - zejména pokud byste mě mohli poukázat na data nakloněná v obou směrech.

11
Kevin Burke

Myslím, že možnost, kterou jste ve své otázce nevyjmenovali, je ta, která posouvá obsah pomocí plovoucího postranního panelu (jehož umístění je vždy pevná vzdálenost od okrajů okna, nikoli od okrajů obsahu).

Pečlivě jsem přemýšlel o tom, zda je třeba posouvat oba sloupce. V případech, které zvýrazníte, by kontext přepínání uživatelů mezi hlavním obsahem a postranním panelem musel buď ztratit své umístění na stránce (pokud se posunul na konec hlavního obsahu a potřeboval přístup k něčemu v horní části postranního panelu) nebo by musel přijít na samostatné rolovací rámce a vyžaduje více pohybu myši, aby si vybral, ve kterém sloupci se budou posouvat.

Bez znalosti rozsahu vyvíjené aplikace bych jako první doporučil omezit obsah postranního panelu na méně než výšku okna. Pokud potřebujete více místa, můžete použít postranní lišty nebo mít v postranním panelu vodorovně stránkované části.

3
Brendan Berg

Snažil bych se vyhnout rolování a vyřešit navigaci postranním panelem jiným způsobem. Například s stránkováním a změnou postranního panelu podobnou ajaxu.

alt text

1
Lode

Zdá se, že už znáte výhody a nevýhody každého typu, takže není příliš mnoho přidat. Jak jste řekli, některé weby potřebují 2 posuvníky, zatímco většina jich potřebuje.

Chtěl bych přidat další nápad, který je křížem mezi dvěma, které jste zmínil. Můžete si vytvořit staticky umístěný postranní panel (css, position: fixed) a pak byste stále měli postranní panel zůstat na svém místě, ale pouze s jedním posuvníkem. To by bylo pro uživatele trochu matoucí a je dobré, pokud je obsah postranního panelu kratší než stránka.

0
Sruly