Pyramída webdizajnu
Vyhľadateľnosť
Dostupnosť
Prístupnosť
Použiteľnosť
Dôveryhodnosť
Presvedčivosť
Vstupné dáta
Analýza
Grafický návrh
Programovanie
Spustenie
Prevádzka
Aké máte očakávania od nového webu?
Aký je cieľ firmy?
Za akých podmienok bude cieľ dosiahnutý?
➡ Navrhnite, ako konkrétne môže web pomôcť k
jeho dosiahnutiu
Komu je web určený?
• Kto sú vaši zákazníci?
• Aké majú potreby?
➡ Navrhnite dvojicu používateľ webu + jeho
potreba
Komu je web určený?
➡ Navrhnite obsah alebo funkciu webu, ktorá
umožní naplnenie potrieb používateľa a
zároveň dosiahnutie cieľu webu
Prečo práve vy?
➡ Navrhnite, prečo by si mal zákazník objednať
služby práve od vás
Ako vás hľadajú?
• Ako zákazníci volajú (prezývajú) vaše výrobky
v bežnej reči?
Vstupné dáta
Analýza
Grafický návrh
Programovanie
Spustenie
Prevádzka
Sitemap
Landing page
Wireframy
Vstupné dáta
Analýza
Grafický návrh
Programovanie
Spustenie
Prevádzka
Vstupné dáta
Analýza
Grafický návrh
Programovanie
Spustenie
Prevádzka
html+
css+
javascript+
php
<html>
Nejaký <tag>text</tag>,
ktorý dáva zmysel
Nejaký <strong>tučný text</strong>,
ktorý dáva zmysel
<em>šikmé písmo</em>
<html>
<head>
<title>Názov stránky</title>
</head>
<body>
<p> Nejaký <strong>tučný text</strong>, ktorý
dáva zmysel</p>
</body>
</html>
<html>
<head>
<title>Názov stránky</title>
</head>
<body>
<p> Nejaký <strong>tučný text</strong>, ktorý
dáva zmysel</p>
<p><img src=“saa.jpg“ alt=“Popis obrázku“ /></p>
<ul>
<li>Bratislava</li>
<li>Košice</li>
<li>Prešov</li>
</ul>
</body>
</html>
{css}
<html>
<head>
<title>Názov stránky</title>
<style>
p {text-align: center}
</style>
</head>
<body>
<p> Nejaký <strong>tučný text</strong>, ktorý
dáva zmysel</p>
<p><img src=“saa.jpg“ alt=“Popis obrázku“ /></p>
</body>
</html>
p {text-align: center}
p {text-align: center}
p img {padding-left: 20px}
#kontakt{font-size: 15px}
#kontakt strong {color: green}
<?php ?>
<?php
$name = “Michal Poppe“;
echo $name;
?>
<div class="search-box">
<?php get_search_form(); ?>
</div>
Vstupné dáta
Analýza
Grafický návrh
Programovanie
Spustenie
Prevádzka
Webová
analytika
E-commerce sekcia
E-commerce sekcia
Výnosy
Náklady na inzerciu
Pozície v Googli
Pozície v Googli
Pohyb návštevníkov po stránke
“Zákazníci musia bez najmenších problémov
dokázať tovar objednať a zaplatiť. Ak nie,
41% z nich sa už nikdy nevráti.“
Winning the Online Consumer: The Challenge of Raised Expectations,” Boston Consulting Group
Clickmapy, scrollmapy a iné mapy
Kliknutia v stránke
Pohyb myšou
Sledovanie používateľov
Vstupné dáta
Analýza
Grafický návrh
Programovanie
Spustenie
Prevádzka