it-swarm-eu.dev

Posuvné karty

Chcete použít horizontální rolovací karty nebo ne? Můžete si je prohlédnout v obchodě iTunes nebo si prohlédnout toto demo: http://flowplayer.org/tools/scrollable/index.html#demos Někdy jsem trochu překvapený, zatímco se svisle posouvám a obsah začněte horizontálně posouvat.

3
user3566

Myslím, že je to jen něco „fantazijního“, ale v tom není žádná přidaná uživatelská zkušenost!
Pokud by to lépe vyhovovalo vašemu designu, pak jej použijte, ale jinak to není nutné ... Navigace na kartě funguje skvěle bez animace!

3

Užitečnost karet je přinejlepším sporná. Opravdu nevidím přidanou hodnotu. Pro zobrazování snímků jako je tento, mnohem lepší přístup IMO je použít něco podobného zobrazování obrázků, které mnoho web surfaři jsou obeznámeni s těmito dny. Tento příklad používá miniatury:

Example of slides with thumbnails

Dalším přístupem je vzdát se miniatur a zobrazit malé kruhy:

Example using small circles instead of thumbnails

Pokud je pořadí snímků důležité, můžete místo kruhů zobrazit také čísla. Pokud se obáváte, že to návštěvníci vašeho webu nedostanou, můžete si nechat snímky automaticky přehrát. Automatické přehrávání by se poté zastavilo, když uživatel klikne na miniaturu nebo kruh.

3
Hisham

Přestože rolovací karty „vypadají funky“, osobně bych se naklonil k „běžným“ kartám.

Vizuální metafora, kterou karty obsahují, jsou samostatné informace uspořádané do jednotlivých karet. S rolovatelnými kartami se tyto karty stanou spíš jako zářezy v dlouhé horizontální prezentaci ... což IMHO, není to, co karty normálně představují.

Je to případ Don't Make Me Think (Steve Krug) pro uživatele. Pokud se uživatelské rozhraní chová výrazně jinak, než se očekávalo, může to uživatele zmást a odvrátit od jeho úkolu.

To znamená, že se přiznám, že jsem blázen pro sexy uživatelské rozhraní, a pokud tedy můžete při přepínání stisknout nějakou animaci mezi kartami, stále je to způsobí, že se cítí jako karty (možná rychle mizí v obsahu?) - říkám jít na to.

1
scunliffe

Ráda se dívám na metafory skutečného světa a zahajuji proces myšlení pro navrhování ve virtuálním světě. Je snadné najít skutečný svět, vyzkoušené a pravdivé, známé metafory, když přemýšlíme o navigaci, protože už dlouho navrhujeme navigační a organizační nástroje pro skutečný svět.

Karty v reálném světě jsou určeny pro organizaci i navigaci širokých kategorií. Pokud přemýšlíte o kartách nalezených ve 3 kroužkových pořadačích nebo kuchařce nebo v návodu k obsluze vašeho automobilu, slouží karty k rychlému nalezení obecné kategorie. IMO, pokud máte tolik karet, které je potřebujete procházet, buď máte příliš mnoho, nebo potřebujete použít jiné rozložení nebo metaforu jinou než karty.

Různé rozložení karet by mohlo svisle stohovat kategorie do sloupce, jako je Rolodex. Uspořádání položek svisle by vám umožnilo umístit více položek, než byste mohli vodorovně. Na rozdíl od Rolodexu se obsah objevuje vlevo nebo vpravo na kartě, takže je to docela podivná „karta“, ale ve virtuálním světě se stále více používá.

Jiná metafora může být obsah, menu restaurace, adresář nákupního centra, které jsou obvykle uspořádány také shora dolů. V tomto případě se posouvání kategorií zdá být přijatelnější, protože ve skutečném světě mohou tyto příklady seznamu kategorií trvat několik stránek. Pokud posouváte kategorie pod záhybem stránky nebo za hranicí stránky, použil bych samostatný posuvný panel nebo mechanismus. Na rozdíl od karty se musí posouvací seznam kategorií pohybovat nezávisle na obsahu. Jen se ujistěte, že kterákoli položka je vybrána v rolovacím seznamu, je nějakým způsobem opakována v podokně podrobného obsahu, aby se posílilo spojení mezi výběrem a podrobným obsahem. příklad posouvaného seznamu miniatur na mém web

1
user3581

Majtyboy,

Vaše starost mi dává smysl, protože obvykle jsou všechny webové stránky svisle posouvány a poskytováním vodorovného posouvání narušujete tok čtenářského zážitku uživatele. Nyní vyvolává otázku, co přesně jsou data, která chcete zobrazit uvnitř těchto karet.

To záleží, protože pokud je to jen banda opravdu pěkných grafických obrázků, pak to nemusí být špatný nápad, zvláště pokud použijete několik tipů z odpovědi „Hisham“ výše. Pokud poskytujete spoustu textu, nemusí to být pro uživatele plynulé čtení.

Na straně ne, v designu je minimalismus klíčem. Demo, které jste sdíleli, má karty, na které lze kliknout, jakož i tlačítko Další/Předchozí, které mi nedává smysl. Proč poskytnout dvě oblasti, na které lze kliknout, aby udělali totéž.

tx

0
Ved