8. 12. 2010 v sekci webdesign:

Jak na jednoduchý web?

Minirecenze a tipy z knihy Simple and Usable, která se na problematiku pokročilého webdesignu dívá z jiného úhlu, než ostatní.

Giles Colborne se na tvorbu webu dívá nikoliv z pohledu rychlosti či marketingu – jeho cílem je udělat web co nejjednodušší. Jednoduchost přitom nevnímá jako minimalismus (design odraný až na kost) či použitelnost (přizpůsobení rozhraní jeho cílové skupině), ale jako intuitivní používání webu libovolným mainstreamovým uživatelem.

Postupy pro dosažení jednoduchosti

Jednoduchost lze dle názoru autora docílit 4 základními postupy – odstraňováním, přeuspořádáním, skrýváním a přemístěním.

Odstraňování

Soustřeďte se na klíčové vlastnosti a zbytek vypusťte – ideálně ve fázi, kdy jste web ještě nevypustili do světa. V opačném případě se může stát, že bude případné odstraňování zablokováno (někteří zákazníci to asi trochu používají, nemůžeme to zahodit nebo udělali jsme to, klient to zaplatil, nemůžeme to nepoužít). Neodstraňujte něco, protože je obtížné to vytvořit, odstraňujte okrajovou funkcionalitu.

Přeuspořádání

Ponechte původní obsah, ale přeuspořádejte to do celků, které sobě patří. Použijte barvy, mřížku, velikost a změňte umístění prvků tak, aby měly pro uživatele smysl. Promyslete priority, prozkoumejte pomocí analytických nástrojů cesty, po kterých uživatelé chodí a upravte podle výstupů svůj původní návrh.

Skrývání

Špatný přístup – skryjeme to, co v budoucnu plánujeme vypustit, ale zatím pro odstranění nemáme dostatečnou podporu. Dobrý přístup – skryjeme to, co je důležité, na webu to musí zůstat, ale není to používáno tak často, aby to uživatel musel mít pořád na očích.

Hezký příklad dobře ukryté funkce, na kterou uživatel narazí, až ji bude potřebovat, je vysvětlování slov na webu New York Times. Jděte na web timesů do detailu článku a označte si nějaké slovo – vyskočí otazníček, který po kliku otevře nové okno s vysvětlením toho slova. Na funkci narazí pouze čtenáři, kteří ji potřebují až ve chvíli, kdy ji potřebují.

Přemístění

Hodí se ve chvíli, kdy potřebujete zkombinovat více různých zařízení. Mobilní telefony jsou skvělé pro zaznamenání, ale už ne tak skvělé pro zobrazení většího množství dat – web v mobilu tedy může být výrazně jiný než web ve standardním módu – přenesení funkčnosti pouze do jednoho zařízení sníží informační šum a zjednoduší používání webu.

Je fakt, že u normálních webů se s přemísťováním moc nesetkáte.

Závěr

Kniha je složena z jednostránkových zamyšlení na určité téma, které jsou doplněny fotografií – sekce jsou tedy krátké a úderné. Mohu ji doporučit všem UXákům, kteří jsou ochotni vydržet nižší informační přínos na začátku knihy a některých kapitolek, které jsou sepsány spíše pro ucelení tématiky – ale už jste je pravděpodobně slyšeli mnohokrát.

Komentáře

08. 12. 10, 09.59

Pekna recenze. K tomu skryvani doplnim anglicky ekvivalent, popsany a vysvetleny od Nielsena.

http://www.useit.com/…closure.html

Jednoduchost vs. minimalismus.

http://designthinking.ideo.com/?…
http://blog.rickmonro.com/?p=57

Aneb minimalisticky design tezko pojme komplexni implementacni model. Vice v knize About Face 3.

http://www.designinginteractive.com/…ental-model/

08. 12. 10, 10.27

Tvořme tedy stránky jednoduché, s minimalistickým designem. Dokonalým příkladem je dle mého [TeuxDeux | http://teuxdeux.com].

08. 12. 10, 10.59

Pěkně napsáno.

08. 12. 10, 13.04

[2] Ano. Jen je to priklad jednoducheho implementacniho modelu a ne vzdycky muzeme pracovat s takovym. Nekdy je potreba navrhnout i ten slozity, kde jiste obstoji vizualni minimalismus, ale interakce zustavaji komplexni.

08. 12. 10, 20.13

[4] tam se to pak dost komplikuje, pro UX návrháře to je mnohem víc práce. Ale i takové aplikace jsou k vidění.

08. 12. 10, 22.25

Moc pěkný článek, většina postupů se mi už taky mnohokrát osvědčila.

18. 12. 10, 21.09

…jj míň je někdy víc… ale na správných místech :)

8. Luky
03. 01. 11, 09.55

JJ postupy zde nasané jsou jednoduché a účinné.