Nejlepší způsob, jak na jednu stránku umístit spoustu věcí
Vytvořil jsem webovou stránku, ale můj šéf se vrátil a řekl, že stránka je příliš zaneprázdněna. Chtěl jsem jen nějaké nápady, jak stránku rozdělit, např. akordeon, karty atd. Jaké taktiky jste implementovali, abyste rozdělili stránku do různých sekcí?
Pokud byste mohli vysvětlit typ stránky, pomohlo by to. veřejná stránka, osobní stránka (někdo přihlášený), html stránka, stránka RIA atd.
Možnosti, které jste zmínili a Vitaly zmínil, jsou klíčové prvky nebo možnosti uživatelského rozhraní.
Základní možnosti: karty, akordeony, rotátory obsahu, bublinové filtry, kontejnery/pody
Další možnosti: (pokud je uživatel přihlášen) oblasti skupiny společně a umožňují překryvným/modálním přístupům k dalším informacím nebo možnostem pro každý kontejner seskupení.
Možná uvádím něco zjevného, ale někdy se věci cítí zaneprázdněné, pokud nejsou dobře vyrovnány, používají příliš mnoho různých stylů a barev.
To by bylo možné vyřešit
- zarovnat položky pomocí mřížky
- používat jednoduchý styl a omezit množství barev a fontů a fontů. A s omezením mám na mysli něco jako 1 nebo 2 hlavní barvy a 1 nebo 2 písma (nadpis a tělo).
Ale možná to už je dobře zakryté, a pak budete opravdu muset použít karty/akordeony/...
I když jsou velmi užitečné: umožňuje uživateli soustředit se na jednu věc najednou, někdy je však užitečné vidět vše na jeden pohled (tedy 1 stránka). Ale to také záleží na použití stránky. Potřebujete přehled nebo seskupení detailních pohledů.
Kromě odpovědi na Nathanvdu: Neboj se mezer.
Nepřehledný vzhled může být způsoben sekcemi zasahujícími do „osobního“ prostoru ostatních. To může pomoci dát sekci více dýchací místnost tím, že zvětší jeho vzdálenost od jiných sekcí.
Někdy zmírňuji nepořádek s obrázky, abych identifikoval sekce, nebo dokonce spároval s kousky obsahu, abych je zavolal a zajistil oddělení od jiného obsahu. Bez interního návrháře nebo rozpočtu na fotografie nemusí být obrázky vhodné nebo obtížné je získat, ale stojí za zvážení.
Další technikou je zkrácení položek obsahu s kratším shrnutím nebo méně textu z části obsahu na stránce. Jak zde uvedli ostatní, je těžké být konkrétnější, aniž by věděli více o povaze obsahu.
Jednou z věcí, které byste mohli udělat, je sledovat s šéfem a zjistit, co je za pocitem zaneprázdněnosti stránky. Vědět, jaké konkrétní části se cítí přeplněné, by vás mohlo vést k několika problémovým místům, než k tomu, abyste museli celou stránku znovu upravovat.
Myslím, že také musíte studovat, o co se uživatel zajímá a co pro něj není zajímavé. Příkladem dobré implementace této myšlenky je „zajímavé značky a ignorované značky v stackoverflow.com“.
Způsob, jakým rozdělíte zaneprázdněnou stránku do sekcí, rozhodujícím způsobem závisí na významu zobrazovaných akcí/informací. Obecně platí, že chcete uživatelské rozhraní, které staví věci, které se dělají 90% času, dopředu a do středu, a zároveň de-zdůraznění nebo skrytí zřídka prováděných akcí, možná pomocí postupného zveřejňování.
To by měl řídit váš design, na rozdíl od svévolného výběru kontejneru, jako jsou jazýčky nebo kolotoč.
Mohl byste být konkrétnější? Co obsahuje stránka? To by mohl být problém s uživatelským rozhraním, s informační architekturou, s grafickým designem a pravděpodobně is spoustou dalších věcí.
Akordeony, záložky, interní navigace, vizuální seskupení, přeskupování prvků nebo jejich prosté rozestupy by mohly být dobrým řešením pro různé druhy „příliš zaneprázdněných“.