Akce: Konference WebTop100 - Praha - 2008 Organizátor: Dobrý web

1. 1. strana
10 bodů,
kterým věnovat pozornost
při redesignu webu
Stefan Canov

2. 2. strana MITON CZ
Na internetu působíme již od roku 2000.
Naše hlavní oblasti:
a) Vlastní mediální projekty
více jak 25 aktivních projektů
(např.: Stahuj.cz – v roce 2007 prodáno,
Vaření.cz, Hotel.cz, Turistik.cz,
Heureka.cz, Hafici.cz, Miciny.cz,
Konicci.cz, Emag.cz...)
b) Internetová řešení a aplikace
pro externí zákazníky
(např.: T-mobile, Centrum.cz, UPC,
Durex, Tesco, Orion...)

3. 3. strana 1. Důvody
Ujasněte si předem k čemu má redesign sloužit:
1) Redesign není pouze o designu, ale
většinou také o funkcionalitě,
přibližte se při změnách uživatelům.
2) Udělejte si ve společnosti brainstorming a
setřiďte si nápady předem.
3) Bez jasné představy není dobrý výsledek.
Chtělo by to „nějakou změnu“ je špatný začátek!

4. 4. strana Příklad redesignu

5. 5. strana Příklady redesignu

6. 6. strana 2. Zadání
Každý má nějakou představu, jen neví jak ji
sdělit tomu druhému...
1) Nezadávejte redesign bez osobního setkání!
2) Věnujte zadání dostatek svého času.
Nakonec tím ušetříte několik desítek
zbytečných e-mailů a hlavně financí.
3) Kvalitní webdesignéři mají připravené otázky,
které by společně s Vámi měli projít a najít
na ně optimální odpovědi. (Creative Brief)
4) Buďte co nejvíc konkrétní!

7. 7. strana Příklad špatného zadání designu
Zadání loga:
V logu by se mělo objevit stylizované velké zvíře
Designér zpracoval postupně tyto varianty:
a) lev
zadavatel: neoriginální klišé
b) slon
zadavatel: nemotorný, těžkopádný
c) kondor
zadavatel: mrchožrout, příliš drsné

8. 8. strana ...a přitom stačilo...
Zadání loga:
Mělo by to být velké, silné zvíře, které se ve svém
prostředí cítí jako ryba ve vodě, vystříhat se obecných
klišé, mělo by to být zvíře sympatické s ladnými
pohyby, zaměřujeme se na děti, výrobky jsou
nafukovací hračky, míče, plavací kruhy, ad.
Designér zpracoval tuto variantu:
a) Plejtvák obrovský
Méně času, více invence a ménší náklady!

9. 9. strana 3. Creative Brief
Při vyplňování je důležité, aby se na něm podílely obě
strany.
Okruhy otázek:
1) Technické otázky
(nutné prvky, rozlišení, rozměry, typ média atd.)
2) Otázky sloužící k upřesnění cílů a účelu
(cílová skupina, charakter designu,
podpora hlavního tématu, unikátní téma,
účel redesignu atd.)
3) Ostatní (odpovědné osoby, termíny atd.)

10. 10. strana 4. Stabilní tým
Zásady jak sestavit realizační skupinu
1) Určete si jednu maximálně dvě osoby
odpovědné za realizaci
2) Tým by se v průběhu práce neměl měnit!
(hlavně na straně zadavatele)
3) Nenechávejte posuzovat návrhy větší počet
nezainteresovaných osob, natož všechny
zaměstnance. Každý člověk bude mít jistě
nějakou připomínku. Tímto způsobem se
dá dopracovat maximálně k paskvilu.
(nejde o řízený průzkum nebo testování)

11. 11. strana 5. Důvěra
Pokud si na začátku vyberete kvalitního
dodavatele, dáte mu potřebné informace, není
důvod, abyste se obávali špatného výsledku.
1) Kvalitní a zkušený webdesigner ví co dělá!
Rozumí dané problematice a je potřeba,
mít v něj důvěru.Jen tak může vzniknout
„dobrý web“.
2) Vyžadujte už na začátku reference
konkrétního designéra, vyberte si z příkladů
realizací, které Vás zaujali.
3) Pokud si nejste jistí raději změňte
dodavatele.

12. 12. strana 6. Wireframe
Drátěný model je podobně jako plány v
architektuře základním článkem.
1) Měňte, hledejte, nacházejte a
najděte nejlepší řešení nanečisto.
2) Rozvrhněte si web a jeho prvky bez grafiky.
Je to účinější a levnější cesta.
3) Hledejte s designérem, ví co a jak na
uživatele působí a pomůže Vám najít
nejlepší variantu. Jeho ušetřenou
vizuální kreativitu pak využijete při finální
„stavbě“ webu.

13. 13. strana 6. Wireframe - příklad

14. 14. strana 7. Nezapomeňte na SEO
Design a SEO (Search Engine Optimization)
1) Vyžadujte v návrzích úvodních stránek prostor
pro text, který se bude moci použít pro
potřeby optimalizace.
2) U flashových aplikací vyžadujte i HTML verzi,
Například Flashové menu může být efektní,
ale vyhledavače ho ignorují.
3) Sepište si s kolegy důležitá klíčová slova,
umístěte je do textu obsahu, SEO odborníci
Vám jistě poradí a pomohou. Například namísto
prostého odkazu více, použijte - více o čokoládě.
Počítejte s tím již v návrzích.

15. 15. strana 7. SEO a design - příklad

16. 16. strana 8. Návrhy
Kvantita nerovná se kvalita
1) Nevyžadujte kvantum různých návrhů.
Jde spíš o známku špatné přípravy než
o dobrou službu.
2) Nechte si poradit a důvěřujte zkušenostem
designérů. Neraďte jim v detailech, kde
přidat na tloušťce čáry, jaká barevná
kombinace k sobě ladí a podobně. Dobrý
webdesignér jistě ví co dělá a většinou
je i výtvarně nadaný.
3) Upravujte drobné detaily, celek musí
být jasný z drátěných modelů

17. 17. strana 8. Návrhy - příklady
Původní web

18. 18. strana 9. Připomínky
1) Vyvarujte se obecných připomínek:
Oživte to!
Musí to vypadat profesionálně!
Potřebujeme něco hodně originálního!
Co takhle něco vtipného?
2) Buďte vždy konkrétní a popisní:
Uvádějte příklady webů, keteré Vás zaujali.
Upřesňujte do detailů cílovou skupinu.
Nezapomínejte na uživatele.
Co se líbí Vám nemusí být
pro ně to správné.

19. 19. strana 10. Redesign nikdy nekončí
Součástí servisu by měla být i
„pooperační péče“.
1) Objednejte si uživatelské testování
2) Sledujte subjektivní měřítka
(návštěvnost, počet objednávek,
počet minut strávených na stránkách atd.)
3) Vyhodnoťe si výsledek s odstupem
(je dobré si dohodnout termín, kdy se podle
objektivních měřítek vyhodnotí výsledek,
popřípadě sjedná náprava)
4) Myslete na obsah! I perfektně redesignovaný
web bez kvalitního obsahu nemá hodnotu.

20. 20. strana