Top Banner
Jak postavit fungující webové stránky - použitelnost, přístupnost Ing. Martin Semerád „Nechte svoje stránky vydělávat“ eBRÁNA s.r.o.
16

Jak postavit fungující webové stránky

Dec 25, 2014

Download

Business

ebrana ebrana

Jak postavit fungující webové stránky - použitelnost, přístupnost, Ing. Martin Semerád, eBRÁNA s.r.o.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Jak postavit fungující webové stránky

Jak postavit fungující webové stránky - použitelnost, přístupnost

Ing. Martin Semerád

„Nechte svoje stránky vydělávat“

eBRÁNA s.r.o.

Page 2: Jak postavit fungující webové stránky

ZÍSKEJTE ZE STRÁNEK MAXIMUM

Poptávka po službách nebo produktech

Prodej zboží

Zdroj nových zaměstnanců

Zpětná vazba od zákazníků

Jak zlepšit výsledky svého působení na internetu se dozvíte v této přednášce.

Přijde k Vám na stránky 10 lidí za den? Super, třeba jste hodně zaměřený obor s nízkýmpočtem potencionálních zákazníků.

Můj dotaz ale je: „Z kolika z těch 10 lidí dokážete vytěžit konkrétní užitek?„

Požadujte po stránkách výsledky

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 3: Jak postavit fungující webové stránky

OBSAH PŘEDNÁŠKY:

A. Jak postupovat při tvorbě webových stránek

Než začnete řešit otimalizaci pro vyhledavače, ujistěte se, že Vaše webová prezentace je opravdu kvalitní a připravená Vám nést užitek.

2. Vytváření jednotlivých obsahů

3. Formuláře jako zdroj zákazníků

B. Jak vysoká použitelnost maximalizuje zisk ze stránek

C. Jak přístupnost zvětšuje rozsah Vašich zákazníků

4. Funkční navigace

1. Stanovení rozsahu webu

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 4: Jak postavit fungující webové stránky

Stanovení rozsahu webových stránek

Konkrétní cíle – co chci, aby uživatel udělal

Cílová skupina – pro koho mají stránky užitek

Rozčlenění na části – pro jiné potřeby jiné sekce

Než začnete budovat jakýkoliv web, potřebujete vědět pro koho ho stavíte, co má za cíla jaké na něj máte zdroje.

Rozsah jednotlivých částí – méně je někdy více

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 5: Jak postavit fungující webové stránky

Příklad jedné sekce pro jednu cílovou skupinuCílová skupina:Ten, kdo prodává nemovitost

Měřitelný cíl (v %):Odeslání formuláře / počet zobrazení

Co potřebuje prodávající vědět,aby vyplnil formulář?

Pokládáme si otázky:Na co se ptá prodávající jako první?Co je pro něj nejdůležitější?Co bere jako spolehlivý důkaz pro naše tvrzení?

Odpověď přinese buď dotazníknebo zkušenost z „terénu“.

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 6: Jak postavit fungující webové stránky

Kvalitní obsah vede k cíli

Uživatelé internetu obsah nečtou, ale skenují

Zaujměte návštěvníka webu na první pohled

Poutavé nadpisy po vzoru novinových tiulků

Obsah je to, co Vám přemění návštěvníka na klienta

Na slovo webdesign je v googlu v českém jazyce 2 640 000 odkazů, na slovo web copywriting 34 500 odkazů. Poměr skoro 100 ku 1.

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 7: Jak postavit fungující webové stránky

Psaní textů pro web

Nejdůležitejší informace patří na začátek

Používejte jednoduchý jazyk, kterému čtenář rozumí

Psaní textů pro web neboli Copywriting je základním předpokladem vysoké použitelnosti.Pro začátek bude stačit dodržovat základní pravidla.

Pokud budete tvrdit, že je výrobek nejlepší, dokažte to

Vynechejte všechny nepotřebné, zbytečné texty

Používejte odrážky a seznamy

Oživujte text obrázky

Technické specifikace uvádějte v přehledné tabulce

Celý text rozdělte do menších bloků

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 8: Jak postavit fungující webové stránky

Příklad - dva typy textů

Zkuste si sami porovnat, který obsah Vás na první pohled víc zaujme:

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 9: Jak postavit fungující webové stránky

KVALITNÍ PRODUKTOVÁ STRÁNKA

1. Pro koho je produkt určen?

2. Co je tento produkt?

3. Jaké výhody tento produkt přinese cílovému uživateli?

4. V čem je produkt lepší než srovnatelný konkurenční produkt?

Každý uživatel internetu má minimum trpělivosti. První úkol zkušeného copywritera je,aby přesvědčil návštěvníka o tom, že je na správném místě.

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 10: Jak postavit fungující webové stránky

FORMULÁŘ JAKO ZDROJ UŽITKU Z WEBU

Formulář ať obsahuje jen smysluplná pole

Používejte výstižné popisky polí

Pro odeslání formuláře nepoužívejte žádné speciální technologie

Informujte uživatele, co se stane po odeslání

Všechny pole ať mají dostatečnou velikost

U polí používejte titulky

Pokud uživatel nevyplní všechna pole, upozorněte ho. Neztratě mu však již vyplněné údaje.

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 11: Jak postavit fungující webové stránky

FORMULÁŘ, KTERÝ NIKDO NIKDY NEVYPLNÍ

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 12: Jak postavit fungující webové stránky

JAK VYTVOŘIT FUNKČNÍ NAVIGACI

Podmenu pro rozsáhlou sekci

Hlavní menu

Stálá navigace

Drobečková navigace

Mapa webu

Vyhledávání

Odkaz na úvodní stranu

Kontextová navigaceOdkazy vedoucí přímo z obsahu

Důsledně popsané titulky odkazů

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 13: Jak postavit fungující webové stránky

POUŽITELNOST VYTVÁŘÍ ÚSPĚŠNÝ WEB

Jak tomuto negativnímu efektu předejít?Vytvořte jasnou vizuální hierarchii na stránce

Neměňte zvyklosti, vše musí být jednoduše pochopitelné

Rozdělte stránky na jasně definované oblasti

Vyznačte odkazy, dejte jasně najevo, na co lze klepnout

Nezahlcujte stránky zbytečnými informacemi

Pokud se na stránky, které jsou postaveny "JINAK", dostane běžný uživatel, co se asi může stát? Odejde na konkurenční stránky? Uloží si nepříjemnou situaci do paměti? Určitě ano.

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 14: Jak postavit fungující webové stránky

ZÁKLADNÍ PRAVIDLA PŘÍSTUPNOSTI

A. Obsah stránky je dostupný a čitelný

B. Práci se stránkou řídí uživatel

Pokud někdo vůbec neřeší přístupnost, připravuje se v některých případech až o 20%potencionálních návštěvníků. To už stojí za povšimnutí.

C. Informace jsou srozumitelné a přehledné

D. Ovládání webu je jasné a pochopitelné

E. Odkazy jsou zřetelné a návodné

F. Kód je technicky způsobilý a strukturovaný

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 15: Jak postavit fungující webové stránky

JAK VYTVOŘIT KVALITNÍ WEB

Co je tedy důležité vědět při tvorbě webu

Uvědomte si linii - co, pro koho a proč

Stanovte si optimální rozsah webu

Sestavte si strukturu webu

Až budete vytvářet jednotlivé obsahy, vždy je tvořte se záměrem dosahování určeného cíle

Při tvorbě obsahu používejte pravidla Copywritingu

Pokud děláte novou verzi stránek, použijte zkušenosti z běhu stávajících

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.

Page 16: Jak postavit fungující webové stránky

ZÁVĚR

Čím dříve aplikujete získané informace na Váš web, tím větší bude Váš náskok před konkurencí.

Děkuji za pozornost

Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.