Vzory ve webdesignu
Jen málo webdesignérů má čas a chuť provádět testování na skutečně velkém vzorku uživatelů, aby zjistili, co funguje lépe. A pro ostatní jsou tu Web design patterns.
Web design pattern aneb vzor je řešení nějakého obecného webdesignerského problému, který je potřeba designovat při tvorbě webu stále znovu a znovu. Webové vzory jsou založeny na jednoduchém principu – uživatelé si po čase zvyknou na určitou webovou zvyklost a když se váš web významně odlišuje, tak se uživateli hůře používá.
Jakob's Law of the Web User Experience states that „users spend most of their time on other websites.“
Použití vzorů neznamená žádné omezení pro webdesignera. Naopak – když víte, která metoda funguje nejlépe, tak vám vzor usnadní řešení nějakého méně kreativního web-problému a vy se můžete vesele vrhnout na zajímavější.
Víte např., že formuláře s popisky NAD formulářovými poli vyplňují uživatelé rychleji než, když zarovnáte popisky doprava VEDLE formulářových polí a ty jsou vyplňovány rychleji, než kdybyste je zarovnali doleva? Ne? Tak vesele do přednášky Luka Wroblewskiho z SXSWi Design Patterns (pdf).
Když jsem posledně objednával knihy z Amazonu (přijdou mršky na začátku května), tak jsem se zaměřoval na mřížku, typografii a teorii barev. Příště to budou s největší pravděpodobností vzory. A microformats.
Závěrem tedy nějaké ty vzorníky
- Web Patterns: A UC Berkeley Resource for Building User Interfaces
- Welie.com: Web Design patterns
- Yahoo! Design Pattern Library
- WebPatterns.org
Komentáře
Zakoupil jsem Designing Interfaces href=„http://designinginterfaces.com/“ rel=„nofollow“>http://designinginterfaces.com/ a je to dobrá referenční příručka s přehledem všech možných prvků a přístupů k uživatelskému rozhraní s popisem, kdy je který vhodný.
Jsem s ní hodně spokojen a slouží i jako dobrý materiál pro rychlé zasvěcení někoho, kdo se uživatelským rozhraním moc nezabýval.
[1] mám nevyžádanou radu.. uč se anglicky – v češtině odhadem moc publikací nebude.. a s přímým zaměřením na GUI webu odhadem NULA.
Díky za upozornění, pěkná sposta zajímavých informací.
Jinak trošku OT:
Nemohl bys prosím sepsat ty „nej“ knížky, které jsi si na Amazonu
koupil? Už strašně dlouho si chci nějaké kvalitní koupit, ale vždycky to
zůstane stát na tom, že si nejsem jistý, zda právě ty konkrétní, které
jsem si vybral, stojí za to. Rád bych si pořídil alespoň ty
nejkvalitnější, které tam o webdesignu jsou. Díky!
Ne, že by to návrh GUI nebylo zajímavé téma, ale mezi knížkami, které mám v plánu přečíst, určitě není na předních místech.
[3] Což v podstatě znamená, že ten kdo takovýto web u nás vytvoří, má zajištěnu věčnou slávu ;o)
[4] – dam něco dohromady :-)
[7] – zajímavé – tu jsem doposud přehlížel – už nakupuju jen na Amazonu.. muhehe – teď jsem zjistil, že mám její druhou edici ve wishlistu :-)
Minirecenze: Douglas K. Van Duyne: Návrh a tvorba webů – Vytváříme zákaznicky orientovaný webKnihy href=„http://petr.vaclavek.com/article/416/Douglas-Duyne-Navrh-a-tvorba-webu“ rel=„nofollow“>http://petr.vaclavek.com/article/416/Douglas-Duyne-Navrh-a-tvorba-webu
Ještě víc spíš TOP – ale vzhledem k tomu, že formy na blogu jsou krátké a věčněseopakující, tak v tom nevidím problém :-)
Díky za bezva tipy…
Co se týče těch popisek formulářů – asi na tom něco bude :-)
A něco pro nás co angličtinu nezvládají na takové úrovni by nebylo? :-) Rád bych si o tom přečetl také něco česky, byť málo…