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 ClientsFromHell.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.
„Hlavnou úlohou grafika totiž nie je trafiť sa do vkusu marketingového manažéra, ale zákazníka“
tohle by se mělo tesat do kamene
Otázkou je, kolik lidí (na klientské straně) je schopno se současně orientovat v internetovém marketingu a mít přehled v aktuálních webových trendech a znát základní pravidla použitelnosti a webové tvorby. Řeč je samozřejmě o firmách, které nepodnikají na internetu.
A ve vasich projektech nevystupuji informacni architekti? Ze o jejich uloze vubec nehovorite.
Jiří, informační architekti se na našich projektech podílejí, ale děje se tak už dlouho před tím, než vůbec začneme shánět konkrétního grafika. Práce na informační architektuře je součástí vytváření kompletní projektové dokumentace webu, která kromě návrhu architektury zahrnuje i popis obsahu a funkcionality klíčových stránek, technickou specifikaci, popis cílů, cílových skupin, SWOT analýzu a další vstupní informace a požadavky. Teprve pak následuje tendr a výběr grafika. Právě proto se téma návrhu webu (a tedy ani návrhu informační architektury) v tomto článku neobjevilo.
Mně se hodně líbí role komunikátora designu v příspěvku Michala Hořavy do sborníku Uživatelsky přívětivá rozhraní.
K podobnému pojetí jsem dospěl ve své praxi a myslím, že i zákazníci oceňují, když jim nabídnete průvodce, namísto toho, abyste přijali odpovědnost na sebe a je nechali plácat se v tom.
Omlouvám se, že hovořím částečně od tématu, ale zajímá mě, jak super-profi agentura jako H1.cz pořádá tendr na výběr grafika. Vyplácíte takzvané skicovné nebo pouze pod tíhou/lehkostí Vaší značky vydáte zadání, přijdou Vám grafické návrhy od renomovaných grafiků a Vy odkoupíte vítěžný design?
Dobrý den Jane, pořádáme tendry za klienty, čili finální rozhodnutí o tom, jestli se bude nabízet skicovné, nebo ne, je na nich. Ale my vždy klientům doporučujeme, aby se skicovné nabídlo těm, kteří dodrží zadání tendru a budou třeba na druhém až pátém místě.
Velmi dobrý článek. Občas se setkávám s klienty, kteří zapomínají na cílovou skupinu a hodnotí design z vlastního pohledu na základě emočního pocitu.
Ako grafik súhlasím s článkom. Prep príklad prikladám jeden z webov na ktoých som pracoval.