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



Podobné dokumenty
35 ZPŮSOBŮ JAK OUTSOURCINGEM PODPOŘIT VAŠE PODNIKÁNÍ

MEDIAGRAFIK. Obecný postup vzniku webových stránek

Strategie Kapitola 5 Kapitola 6

EM-kit Empowerment of immigrant women

Uživatelský manuál Radekce-Online.cz

Navigace na webových stránkách

INTERNET SERVIS MANUÁL

Manuál systému servisních smluv Schneider Electric

Na titulní straně by se rovněž měly nacházet bloky pro výběr posledních položek z rubrik Aktuality a Kalendář akcí.

1 Naši truhláři = tradice i budoucnost, CZ.1.07/1.1.34/

LEKTORSKÉ DOVEDNOSTI. Zpracovala: Mgr. Jolana Fořtová, duben 2011 EVROPSKÝ SOCIÁLNÍ FOND PRAHA & EU: INVESTUJEME DO VAŠÍ BUDOUCNOSTI

Jak správně vybrat osvětlení pro váš domov

Plánování = ½ úspěchu webového projektu

Databázový systém Grantys manuál pro žadatele

Návod k ovládání administrační části nového turistického portálu Olomouckého kraje

Pokud chcete zažít emoce nejpopulárnější dívky; pokud chcete ukázat světu své módní dovednosti a

EVROPSKÝ SOCIÁLNÍ FOND PODNIKATELSKÝ ZÁMĚR PRAHA & EU INVESTUJEME DO VAŠÍ BUDOUCNOSTI. Petra Koťátková

10 chyb marketingu na sociálních sítích

Provozní dokumentace. Seznam orgánů veřejné moci. Příručka pro administrátora krizového řízení

1. Přihlášení Práce s webem Nová stránka Aktuální stránka Moduly Editace textu... 6

Mějte dobrý web. Oslovte více lidí. Generujte vyšší zisk!

Google Apps. dokumenty 5. verze 2012

PROFESIONÁLNÍ UV NEHTOVÉ STUDIO NÁVOD K POUŽITÍ

Penframe ESHOP. Basic Standard Pro Kč Kč Kč. Grafický návrh. Redesign šablon: barevnost, hlavička, logo, grafické prvky stránky

Seminární práce. Téma. Jméno, Příjmení, rok,

Samoobsluha Bonerix návod

2007 Helena Škývarová, MindSoft s. r. o. Vydáno společností MindSoft s. r. o. K Rozkoši Praha, Czech Republic.

Analýza Hledáníanalytických tříd

Znáš někoho, komu může tento dokument zdarma pomoci? Klidně ho s ním sdílej. Stačí, když mu pošleš odkaz na

Jak se orientovat ve světě ESTOFANu verze 3.0.3?

O nás. To vše a mnohem více Vám je schopna nabídnout již základní verze publikačního systému bravaweb.

Uživatelská příručka pro dodavatele

Redesign webu. Autor: Michal Blažek

3.1 Nová registrace. 3.2 Získání přístupových údajů k existujícímu záznamu. 4. Opakované přihlášení

VYTVÁŘENÍ A POUŽITÍ VZDĚLÁVACÍCH MODULŮ

Jak začít s ed MARKETEM

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

NÁVOD. Jak ušetřit na hypotéce a na refinancování. ING. TOMÁŠ KROUPA hypoteční makléř Ověřeno mnoha spokojenými klienty

SUN Outdoor Registrační systém. Návod pro pedagogy. Obsah návodu. Registrační systém. Návod pro pedagogy. 1 Registrace a přihlašování...

KONTAKTNÍ SKUPINA ŘEDITELŮ

Jak poznáme, že dítě chodí za školu

Správa online kurzů v moodlu na příkladu e-learningové platformy Vodní hospodářství

TROJKAM STUDIO, s. r. o. Uživatelská příručka. E-learningový systém MUZA, příručka pro účastníky kurzů

1. krok Přihlaste se. Klikněte na políčko Přihlášení

Nabídka služeb Vít Steklý Štěpánkova 305 Slatiňany IČO: tel.:

PÁR MYŠLENEK PRO KAVÁRNÍKY

Marketing. Modul 7 Internetový marketing

MANUÁL uživatelská příručka Speciální IT systémové řešení

E-ZAK, verze M-2 jednoduchý elektronický nástroj pro veřejné zakázky

Služba elektronické pošty 12IPG 2013/2014

Retušování a opravy vad snímku

Metodika pro učitele

--- Ukázka z titulu --- Myšlení uzdravuje. Jarmila Mandžuková

Klíčení obilek pro všechny úlohy společné

PŘEDMĚT PODNIKÁNÍ. Jak začít podnikat?

Redakční systém. SimpleAdmin Beta. Jan Shimi Šimonek

Tomáš Kocifaj. Facebook: Nemám

Kniha barvení. Jak pracovat se SoColor.beauty? módní Hloubkové krytí bílých vlasů s Dream.Age. Vše o blond odstínech. Pokročilé.

DATA ARTICLE. AiP Beroun s.r.o.

Produkční plán. Tvorba internetových stránek

Technická specifikace předmětu veřejné zakázky Zhotovení interaktivního webového portálu a mobilních aplikací

MK 20 Přenosné klávesy

Zadávací dokumentace k podlimitní veřejné zakázce na služby: Programovací práce v rámci projektu cestovního ruchu Komunikační kampaň Jižní Moravy

Návod k použití Sluchadla REAL. RE-X Zvukovodové sluchadlo

16 MARKETINGOVÝCH TRENDŮ PRO ROK 2016 Seminář pracovníků profesionálních knihoven Zlínského kraje 27. dubna 2016

Sociální média a blogování

Co bychom měli vědět o Internetu: hledání informací v síti sítí! Informace na Internetu: důvěryhodnost a kvalita

Vytváření realistických děl pomocí síťové výplně

SEM, SEO a PPC? Kouzelné formulky?

Originál návodu.

Vivid WorkshopData ATI TM Vivid WorkshopData

Téma: MAPUJEME S GIS. Název aktivity: ML-ZE-5: Seznámení s ArcGIS Explorer Online

Návod k použití Sluchadla REAL. RE-CIC/RE-CIC-TR Nitroušní sluchadlo

Google Apps. weby 2. verze 2012

Manuál k aplikaci JZShop II

UŽIVATELSKÝ MANUÁL CZ IN 7766 MultiTrainer insportline Advance (TR8)

Ukázka knihy z internetového knihkupectví

VÁNOČNÍ A NOVOROČNÍ PŘÁNÍ

Ceník OneProduct.cz. Ceník doplňkových služeb. Bez měsíčních poplatků

Nabídka upgrade pro uživatele původní generace

Uživatelská příručka systému pro administrátory obcí a manuál pro správce portálu

RC vrtulník Space Phoenix RtF. Obj. č.: Rozsah dodávky. Nástroj pro výměnu zadního rotoru. Napájení dálkového ovládání: Napájení

NÁVOD KE SNADNÉ INSTALACI IP TELEFONU YEALINK W52P

III. fáze profesního poradenství Řešení situace dlouhodobě nezaměstnaného

Komunikační a prezentační dovednosti

Jak koupit nemovitost

Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Ing. Jiří Haňáček [ÚLOHA 34 ŘEZY]

Podnikání na internetu

JÁ DĚLÁM TO SEO DOBŘE,

Podpora Poski.com. Popis a návod pro práci se systémem

Naučte se víc... Metodická příručka pro školy k aplikaci Microsoft Office Access 2007

není věda! Jak optimalizovat obsah webu pro vyhledávače Google a Seznam Jana Andrésková & Adéla Ryšavá

TECHNIKY KREATIVNÍHO MYŠLENÍ

Projektové noviny (duben 2014)

EE MUSIC Pracovní seminář Česká republika.

SEO. Jarda Hlavinka Informační architekt internet. portálů

Albrechtova střední škola, Český Těšín, p.o. II. DTP

Mediální projekty ní Mgr. Evžen Staněk


Transkript:

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

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. 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. strana Příklad redesignu

5. strana Příklady redesignu

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. 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. 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. 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. 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. 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. 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. strana 6. Wireframe - příklad

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. strana 7. SEO a design - příklad

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. strana Původní web 8. Návrhy - příklady

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