Čo je wireframe?

Je to pôdorys domu. Na pôdoryse sa dohodnete, koľko bude izieb, kde budú dvere a či sa kuchyňa zmestí vedľa jedálne. Nikto na ňom nerieši farbu obkladu. Keby ste najprv vybrali obklad a až potom zistili, že kuchyňa je zle umiestnená, vyhodíte peniaze aj čas. Presne preto sa najprv kreslí štruktúra stránky a až potom vzhľad.

Klient sa pri pohľade na farebný návrh takmer vždy začne baviť o odtieni tlačidla a nie o tom, či je na stránke všetko, čo zákazník potrebuje. Nákres bez farieb túto pascu obchádza a diskusia sa vedie o podstate: aké informácie idú hore, čo očakáva zákazník ako prvé, kde má byť cena a kde kontakt. Zmena v tejto fáze stojí pár minút, zmena v hotovom webe hodiny. Pri jednoduchých firemných weboch nákres nahrádzam bodovým zoznamom sekcií, ktorý plní rovnakú úlohu a je rýchlejší na odsúhlasenie.

Pri firemných weboch nahrádzam formálny nákres bodovým zoznamom sekcií, ktorý s klientom odsúhlasím e-mailom. Vyzerá to napríklad takto: prvá obrazovka s tým, čo robíme a kde, tlačidlo na dopyt, tri hlavné služby s cenou, galéria realizácií, ako spolupráca prebieha, recenzie, časté otázky, kontakt s mapou. Nad týmto zoznamom sa vedie desaťminútový rozhovor, ktorý rozhodne o polovici úspechu webu. Keď sa namiesto toho začne farebným návrhom, diskusia sa stočí na odtiene a na to, či sa logo má zväčšiť, a na chýbajúci cenník si nikto nespomenie, kým web nie je hotový a nechodia dopyty.

Štruktúru stránky riešte hneď na začiatku projektu, ešte pred akoukoľvek grafikou. Je to fáza, kde má klient najväčší vplyv a kde sú zmeny najlacnejšie. Vyhraďte si na to hodinu spoločného rozhovoru. Vráťte sa k tomu pri redizajne, kde je pokušenie prevziať starú štruktúru bez premýšľania, hoci práve ona býva dôvodom, prečo web neprináša dopyty. Pri jednoduchých weboch stačí bodový zoznam sekcií v e-maile. Dôležitejšie než forma je zhoda na tom, čo na stránke bude a v akom poradí. Kto túto fázu preskočí, zaplatí to neskôr zmenami v hotovom webe alebo webom, ktorý nefunguje.