![Page 1: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/1.jpg)
1. strana
10 bodů,kterým věnovat pozornost při redesignu webu
Stefan Canov
![Page 2: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/2.jpg)
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...)
![Page 3: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/3.jpg)
3. strana 1. Důvody
Ujasněte si předem k čemu má redesign sloužit:
1) Redesign není pouze o designu, alevě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!
![Page 4: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/4.jpg)
4. strana Příklad redesignu
![Page 5: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/5.jpg)
5. strana Příklady redesignu
![Page 6: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/6.jpg)
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í!
![Page 7: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/7.jpg)
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é
![Page 8: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/8.jpg)
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!
![Page 9: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/9.jpg)
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.)
![Page 10: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/10.jpg)
10. strana 4. Stabilní tým
Zásady jak sestavit realizační skupinu
1) Určete si jednu maximálně dvě osobyodpově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 sedá dopracovat maximálně k paskvilu.(nejde o řízený průzkum nebo testování)
![Page 11: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/11.jpg)
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ěňtedodavatele.
![Page 12: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/12.jpg)
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 nauživatele působí a pomůže Vám najítnejlepší variantu. Jeho ušetřenou vizuální kreativitu pak využijete při finální „stavbě“ webu.
![Page 13: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/13.jpg)
13. strana 6. Wireframe - příklad
![Page 14: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/14.jpg)
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ístoprostého odkazu více, použijte - více o čokoládě.Počítejte s tím již v návrzích.
![Page 15: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/15.jpg)
15. strana 7. SEO a design - příklad
![Page 16: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/16.jpg)
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šenostemdesigné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šinouje i výtvarně nadaný.
3) Upravujte drobné detaily, celek musíbýt jasný z drátěných modelů
![Page 17: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/17.jpg)
17. strana 8. Návrhy - příklady
Původní web
![Page 18: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/18.jpg)
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é.
![Page 19: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/19.jpg)
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 podleobjektivní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.
![Page 20: 10 bodů, kterým věnovat pozornost při redesignu webu](https://reader034.vdocuments.site/reader034/viewer/2022052621/55855c54d8b42a54608b52ab/html5/thumbnails/20.jpg)
20. strana