jak navrhnout úspěšný web

31
+420 272 763 111 [email protected] www.h1.cz Ako navrhnúť úspešný web Veronika Rojkovičová

Upload: h1cz

Post on 12-Jul-2015

1.665 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Jak navrhnout úspěšný web

+420 272 763 111 [email protected] www.h1.cz

Ako navrhnúť úspešný web

Veronika Rojkovičová

Page 2: Jak navrhnout úspěšný web

Ako navrhnúť úspešný web

Web je úspešný vtedy, keď…

... spĺňa ciele zainteresovaných strán.

Page 3: Jak navrhnout úspěšný web

Kritéria kvality webu

Použiteľnosť

Presvedčivosť

Dôveryhodnosť

Prístupnosť

Predpoklady pre SEO

Konkurencieschopnosť

Brand

Ako navrhnúť úspešný web

Page 4: Jak navrhnout úspěšný web

Ako navrhnúť úspešný web

Proces tvorby webových stránok

Zámer Vstupné analýzy

Charakteristika stránok

Štruktúra stránok

Obsah a funkcionalit

aWireframes

Technická špecifikácia

Grafika

Kódovanie (X) HTML Obsah

stránok a SEO

Testovanie beta verzie

Spustenie Ďalší rozvoj

Page 5: Jak navrhnout úspěšný web

Ako navrhnúť úspešný web

Obsah mojej prednášky

ZámerVstupné analýzy

Charakteristika stránok

Štruktúra stránok

Obsah a funkcionalit

aWireframes

Technická špecifikácia

Grafika

Kódovanie (X) HTML Obsah

stránok a SEO

Testovanie beta verzie

Spustenie Ďalší rozvoj

Page 6: Jak navrhnout úspěšný web

Analýzy

Charakteristika stránok

Štruktúra

Obsah a funkcionalita

Wirerames

Ako navrhnúť úspešný web

Zámer

Page 7: Jak navrhnout úspěšný web

Vstupné analýzy

Analýza trhu a konkurencie

Stanovenie konkurenčných výhod.

Analýza cieľovej skupiny

Prispôsobenie webu potrebám užívateľov.

Zvolené kanály na propagáciu.

Inšpiračná analýza konkurenčných webov

Odlíšenie sa od konkurencie.

Inšpirácia zaujímavými prvkami a

neopakovanie rovnakých chýb.

Analýza kľúčových slov

Ako navrhnúť úspešný web

Page 8: Jak navrhnout úspěšný web

Analýzy

Charakteristika stránok

Štruktúra

Obsah a funkcionalita

Wirerames

Ako navrhnúť úspešný web

Zámer

Page 9: Jak navrhnout úspěšný web

Všeobecný popis projektu

stratégiu a obchodný model stránok,

hlavný a vedľajší cieľ,

cieľovú skupinu,

produkty a služby,

konkurenciu,

termíny a rozpočet na projekt,

prípadne ďalšie podklady.

Ako navrhnúť úspešný web

Page 10: Jak navrhnout úspěšný web

Stratégia a obchodný model stránok.

Ako navrhnúť úspešný web

E-shop

Katalóg Satelit

Firemné

stránky

Blog

Obsahový

server

Page 11: Jak navrhnout úspěšný web

Hlavný a vedľajší cieľ stránok

Ako navrhnúť úspešný web

Page 12: Jak navrhnout úspěšný web

Príklad: E-shop

Hlavný cieľ:

generovať zisk

Vedľajší cieľ:

Počet registrovaných užívateľov

Konverzia:

Uskutočnená objednávka

Registrácia

Ako navrhnúť úspešný web

Page 13: Jak navrhnout úspěšný web

Príklad: firemná prezentácia

Hlavný cieľ:

Získavanie nových zákazníkov.

Znižovanie nákladov.

Vedľajší cieľ:

Budovanie brandu

Ako navrhnúť úspešný web

Page 14: Jak navrhnout úspěšný web

Cieľová skupina

Mladí vs. starší.

Muži vs. Ženy.

Počítačovo zdatní vs. počítačovo neskúsení.

...

Ako navrhnúť úspešný web

POZOR: Designér webu nie je užívateľ.

Page 15: Jak navrhnout úspěšný web

Produkty a služby

Ako navrhnúť úspešný web

Počet produktov

Podiel na zisku

Obľúbenosť

Sezónnosť

Varianty produktov

Typ produktu (oblečenie vs. spotrebný tovar)

Cross-selling a up-selling

Balíčky a marketingové akcie

Page 16: Jak navrhnout úspěšný web

Konkurencia

Ako navrhnúť úspešný web

Page 17: Jak navrhnout úspěšný web

Termíny a rozpočet

Ako navrhnúť úspešný web

Page 18: Jak navrhnout úspěšný web

Analýzy

Charakteristika stránok

Štruktúra

Obsah a funkcionalita

Wirerames

Ako navrhnúť úspešný web

Zámer

Page 19: Jak navrhnout úspěšný web

Návrh štruktúry stránok

Ako navrhnúť úspešný web

Page 20: Jak navrhnout úspěšný web

Príklad z praxe: Užívatelia nerozumejú ponúkaným produktom

Ako navrhnúť úspešný web

Page 21: Jak navrhnout úspěšný web

Príklad z praxe: Na webe chýbajú základné vstupné stránky

Ako navrhnúť úspešný web

Page 22: Jak navrhnout úspěšný web

Príklad z praxe: Príliš mnoho pojmov, ktoré je potrebné

Ako navrhnúť úspešný web

Nástroj: http://websort.net/ / 100 účastníkov – 79 $

Page 23: Jak navrhnout úspěšný web

Analýzy

Charakteristika stránok

Štruktúra

Obsah a funkcionalita

Wirerames

Ako navrhnúť úspešný web

Zámer

Page 24: Jak navrhnout úspěšný web

Obsah webu

Ako navrhnúť úspešný web

Page 25: Jak navrhnout úspěšný web

Obsah titulnej stránky

Z titulnej stránky by mal byť jasný zmysel a účel webu.

Zdôraznite konkurenčné výhody.

Nepoužívajte úvodnú stránku bez obsahu (intro).

Prezentujte na úvodnej stránke novinky alebo iný aktualizovaný obsah.

Ako navrhnúť úspešný web

Page 26: Jak navrhnout úspěšný web

Ako navrhnúť úspešný web

Page 27: Jak navrhnout úspěšný web

Analýzy

Charakteristika stránok

Štruktúra

Obsah a funkcionalita

Wirerames

Ako navrhnúť úspešný web

Zámer

Page 28: Jak navrhnout úspěšný web

Nástroje

Pero a papier

Axure.com

Balzamiq.com

Justinmind.com Obrázok

Ako navrhnúť úspešný web

Page 29: Jak navrhnout úspěšný web

Na čo by ste mali myslieť pri tvorbe wireframes

Aký je cieľ danej stránky.

Ktoré prvky by sa mali nachádzať nad prehybom stránky.

Ktoré prvky je potrebné vizuálne zvýrazniť.

Ako má užívateľ pokračovať ďalej.

Ako navrhnúť úspešný web

Každá stránka by mala vyhovovať z hľadiska

použiteľnosti, dôveryhodnosti, presvedčivosti, SEO

optimalizácie,

Page 30: Jak navrhnout úspěšný web

8 najčastejších chýb pri tvorbe webu

1. Web sa začína „riešiť“ až v grafikom návrhu.

2. Porušenie základných pravidiel použiteľnosti.

3. Nízka priorita dôležitých prvkov na stránke.

4. Chýbajú dostatočne pútavé call-to-action prvky.

5. Nedostatočné prelinkovanie jednotlivých stránok.

6. Nevyužívané metódy cross-sellingu a up-sellingu.

7. Slabé interakcia s návštevníkmi webu.

8. Absencia prvkov, ktoré zvyšujú dôveryhodnosť webu (kontakty, zamestnanci, referencie, ocenenia ...).

Ako navrhnúť úspešný web

Page 31: Jak navrhnout úspěšný web

Ako navrhnúť úspešný web

Ďakujem za pozornosť a prajem veľa úspechov pri tvorbe webových stránok.

[email protected]