Aby spolupráca s grafikom nebolela

Spolupráca s grafikom čaká každého, kto sa podieľa na príprave nového designu webu. Ako postupovať, aby celý proces prebehol hladko a na konci vás čakala pekná a účelná grafika? Prinášame vám niekoľko tipov vychádzajúcich z našich skúseností a veríme, že vám spoluprácu uľahčia.

Určite si, kto z týmu bude za finálny grafický návrh zodpovedný

V prvom rade pri návrhu novej grafiky je veľmi dôležité stanoviť hlavnú osobu, ktorá bude niesť za celý projekt zodpovednosť. Ku grafickému návrhu sa často vyjadruje celá firma, čo nebýva vždy prínosné. Práve táto osoba by mala všetky pripomienky korigovať a brať do úvahy len tie, ktoré sú v prospech celého konceptu. V opačnom prípade sa úplne vytratí pôvodná idea grafika a vznikne návrh, ktorý síce vyhovuje celej firme, ale neberie do úvahy to najdôležitejšie – požiadavky cieľovej skupiny. Aké znalosti by mala mať táto osoba?

• Veľmi dobre pozná vašu firmu, cieľovú skupinu, celkovú stratégiu spoločnosti i konkurenčné stránky.
• Orientuje sa v oblasti internetového marketingu alebo reklame.
• Má prehľad v súčasných trendoch designu webových stránok.
• Pozná základné pravidlá použiteľnosti a tvorby webových stránok.

Ujasnite si s grafikom základnú víziu

Pred samotným grafickým návrhom odporúčam ujasniť si s grafikom vašu predstavu o jeho práci. Vysvetlite mu základné informácie o vašej spoločnosti, obore a cieľovej skupine. Rozhodne nie je na škodu vopred mu vytipovať stránky, ktorým by ste sa chceli priblížiť a pripraviť mu prehľad konkurenčných stránok, od ktorých by sa mal odlíšiť. Na základe týchto údajov ľahšie pochopí celý koncept a dokáže k nemu vytvoriť odpovedajúci grafický design.

V prípade, že grafik vychádza z pripravených wireframes je dôležité mu stanoviť hranice ako môže s nimi pracovať. Wireframes definujú základný koncept rozmiestnenia dôležitých prvkov na stránke, ako je hlavná a vedľajšia navigácia a samotný obsah stránky. Grafik by však mal mať voľnosť pri práci s nimi a využiť naplno svoj potenciál. Preto i v tejto fázy môže dôjsť k zmenám v návrhu rozloženia prvkov v prípade, že to bude k prospechu pre projekt.

Ako hodnotiť prvotný výstup od grafika

Prvú vec, ktorú musí každý pri hodnotení grafického návrhu pochopiť je, že „vy“ nie ste typickým predstaviteľom cieľovej skupiny. A to čo sa páči Vám, to sa nemusí pozdávať tým, ktorí vaše produkty a služby skutočne nakupujú. I v tejto fázy Vám môžu pomôcť persóny (tj. fiktívne osoby, ktoré majú hlavné charakteristiky vašej cieľovej skupiny).

Pokiaľ nechcete skončiť na zozname ClientsFromHe­ll.net, netyranizujte designéra prázdnymi komentármi v duchu „Mne sa to nepáči“. Hlavnou úlohou grafika totiž nie je trafiť sa do vkusu marketingového manažéra, ale zákazníka, ktorému má pomôcť orientovať sa na stránkach. Vyvarujte se preto komentárom ako:

“The website should have the passion of Eleanor Roosevelt, but the charm and charisma of Bill Clinton.”

Hodnoťte objektívne nasledujúce parametre

Ako grafik splnil vaše zadanie

Celkový design stránok by mal odrážať zameranie vašej spoločnosti i to ako chcete pôsobiť na ľudí. Zatiaľ čo u e-shopu s detským tovarom si môžete dovoliť použiť sýte farby a nápadité ilustrácie, na finančnom serveri alebo u poisťovne užívatelia očakávajú skôr striedmu grafiku evokujúcu seriózny a dôveryhodný prístup. Preto sa na začiatku pokúste zamyslieť nad tým, či grafický design vystihuje atmosféru vašej spoločnosti a vychádza z vašej firemnej identity.

Skôr ako sa pustíte do kritiky, skúste sa s ním porozprávať a nechať si vysvetliť jeho zámer. Ak Vás jeho dôvody nepresvedčia, požiadajte ho o ďalšie návrhy, aby ste mali možnosť porovnávať. V prípade, že máte záujem dozvedieť sa o použití farieb na web trochu viac, odporúčam prečítať si článok A Look into Color Theory in Web Design.

Následne porovnajte nový návrh s grafickými webmi vašej konkurencie. Dajte si pozor či ho dokážu užívatelia ľahko rozpoznať, prípadne či medzi nimi nezapadne. V tejto fázy rozhodne nie je na škodu ukázať nový grafický návrh nezainteresovaným osobám, u ktorých si môžete overiť aký prvý dojem v nich vyvoláva.

V prípade, že grafik vychádzal z pripravených wireframov skontrolujte taktiež, či sa v grafikom návrhu nachádzajú všetky požadované prvky. Už sa nám niekoľkokrát stalo, že z hlavnej stránky napríklad vypadol dôležitý reklamný banner, ktorý sa proste do grafiky nehodil.

Prioritizácia informácií

Úlohou grafika rozhodne nie je iba „dať farbu“ wireframom, ale mal by do nich vložiť svoju pridanú hodnotu. Zatiaľ čo vo wireframes sa dôležité prvky na stránke znázorňujú použitou veľkosťou písma, ohraničením alebo komentárom, v grafickom návrhu se pre tento účel používajú piktogramy, veľkosť a farby písma a iné varianty zvýraznenia. Typicky by mali mať najvýraznejšiu vizuálnu prioritu prvky, ktoré vyzývajú návštevníka z nejakej akcii, tzv. call-to-action prvky (tlačítko objednať pri detaily produktu, registrovať sa a pod.).

Práve grafik by mal pomocou vhodných techník zvýrazniť dôležité prvky a tie menej významné upozadiť (tzv. prioritizácia informácií). Zároveň je jeho úlohou udržať na všetkých stránkach webu konzistentný vzhľad prvkov s rovnakou funkciou (tlačidla, formuláre, odkazy) a zaistiť vizuálne jednotný štýl všetkých stránok.

Dodržanie pravidiel použiteľnosti

Grafický návrh samozrejme musí spĺňať i základné požiadavky z hľadiska použiteľnosti. Medzi tie základné patria:

• dostatočný kontrast farieb pozadia a popredia,
• dostatočne veľké písmo,
• odlíšené odkazy od normálneho textu,
• dodržanie základných konvencií tvorby webu.

Pokiaľ i v tomto ohľadu dodaný návrh vyhovie vášmu očakávaniu, môžete sa pustiť do ďalšieho kroku, ktorým je zvyčajne kódovanie šablón a ich implementácia.

Zhrnutie

S grafikom si vždy dopredu nastavte vzájomné očakávanie, jasný spôsob komunikácie, termíny i presný proces tvorby grafických návrhov. Po dodaní prvej verzie návrhu sa vyvarujte všeobecným pripomienkam, ale kritizujte konkrétne problémy, pričom svoje tvrdenie ideálne doplňte príkladmi webu, na ktorých ľahko ukážete svoje predstavy. Pokiaľ bude obom stranám od začiatku jasný cieľ i proces práce, vyhnete sa 90 % nedorozumeniam, čo je to najlepšie, čo môžete pre svoj web urobiť.

A s akými úskaliami sa pri spolupráci s grafikom stretávate vy? Podeľte sa s nami o vaše skúsenosti v komentároch.