28. 2. 2011 v sekci webdesign:

Návrh textových stran webu

Čím obecnější wireframy uděláte, tím méně jsou přínosné.

A to pro všechny jejich potenciální cílové skupiny. Vysokoúrovňový pohled na wireframy je vhodný při skicování tužkou na papíře, ale rozhodně nemá smysl je dávat jako zadání grafikovi.

Analytik se často vyžije na hlavní straně webu a v katalogu produktů, ale stránky jako O nás či Ochrana osobních údajů jsem viděl už více než jednou navrženy přibližně takto:

textová stránka - wireframe

Což je naprosto špatně. Každá stránka má svůj účel a jen velmi málo z nich se vyplatí nechat na copywriterovi / zákazníkovi / právníkovi zákazníka bez dalšího rozvržení struktury (tedy – když už je rozkreslujete jako wireframe). Pro vás se návrh těchto stran opakuje pořád dokola, ale zákazník o jejich obsahu často nemá tušení.

O nás

Sekce O nás by vyšla na nejeden článek a dokonce je o ní celý designový framework a kapitola v knize Web Anatomy: Interaction Design Frameworks that Work – rozhodně není vhodné ji navrhnout jako stránku s blokem textu.

Smysl sekce O nás je v podpora důvěry ve společnost, její služby a produkty a od toho se odvíjí mnohdy i mnohastránkový obsah, který je potřeba navrhnout vzhledem ke konkrétnímu kontextu webu. Od příběhu společnosti až po fotky oblíbených angličáků členů týmu.

Ochrana osobních údajů

Typicky obsahuje odstaveček v nečitelném corporate speaku. Zároveň se na ni hodí umístit i něco pro lidi (když už se někdo rozhodne stránku číst – většina návštěvníků to samozřejmě nikdy neudělá). Může to být věta se smyslem vaše osobní údaje jsou u nás v bezpečí – neprodáme je a newsletter si můžete kdykoliv odhlásit srozumitelně a ve stylu zbytku webu.

Závěr

Nepodceňujte návrh standardních textových stran. Můžete si zbytečně zničit práci, kterou věnujete exponovanějším částem webu – typicky podcenění sekce O nás může u neznámých značek odradit nezanedbatelnou část klientů.

Komentáře

28. 02. 11, 13.48

A co nějaké příklady, jak to dělat správně? V praxi se obvykle potýkám s tím, že není k dispozici hlavně koncept textu, který by tam ve finále měl být, tudíž zpravidla pracuji s nějakým dummy textem. V takovém případě mohu nastřelit základní strukturu, ale spousta věcí se upravuje potom, tudíž je to zbytečné dělat… Proto vidím jako daleko přínosnější zabývat se při návrhu hlavně konceptuálním modelem té stránky, potom teprv wireframem.

28. 02. 11, 13.58

Pokud není k dispozici ani struktura stránky, dle které budou texty sestaveny – jak pak danou stránku navrhuješ (ať už ve wireframu nebo šabloně)? :-)

Dummy texty mají smysl jen v případě, že znáš strukturu stránky a ta prostě nemůže být neznáma. Tedy když pomineme amatérskou fušeřinu.

Takže – vyžaduj lepší zadání, nebo se staň content directorem a říkej klientům co tam mají psát.

28. 02. 11, 14.33

Když není k dispozici, tak používám obdobu konceptuálního modelu, ale z pohledu struktury textu. (samozřejmě se pohybuji v oblasti menších firem) Čili tvořím představu s klientem…

Jaký je tedy výstup od tebe? Navrhneš jen detail textu nebo návrh zakomponováváš do wireframu celé stránky?

28. 02. 11, 14.40

Já využívám návrh projektu – setřepeme s klienty, co tato stránka znamená a co bude potřeba za obsah (tzn. je známa konkrétní struktura a dohoda kdo ji dodá – většinou copywriter). Většinu obsahu stránek navrhnu já na základě cílů webu a konkrétních podmínek.

Následně to promítnu do wireframu či šablony (šablony vždy, wireframu jen když je potřeba) – tam jsou možné dummy texty, protože je známa struktura.