Přejít k obsahu  Přejít k hlavnímu menu

Firemní weblog poradenské společnosti H1.cz

Zobrazit všechny články
Zpět

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.

  • Flor
    12. 05. 2010 / 17:02

    „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

  • Michal Acler
    12. 05. 2010 / 20:39

    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.

  • Jiri
    12. 05. 2010 / 20:46

    A ve vasich projektech nevystupuji informacni architekti? Ze o jejich uloze vubec nehovorite.

  • Václav Štrupl
    13. 05. 2010 / 16:19

    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.

  • Martin Kopta
    15. 05. 2010 / 14:15

    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.

  • Jan
    27. 05. 2010 / 23:42

    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?

  • David Špinar
    30. 05. 2010 / 13:10

    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ě.

  • Michal Feltl
    26. 07. 2010 / 12:13

    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.

  • el-Sito
    04. 08. 2014 / 13:27

    Ako grafik súhlasím s článkom. Prep príklad prikladám jeden z webov na ktoých som pracoval.

RSS feed komentářů k tomuto článku
RSS feed komentářů ke všem článkům



(nebude zveřejněn)



Položky označené * jsou povinné
Vaše osobní údaje jsou u nás jako v bavlnce, nikomu je nedáme. Informujte se zde.