ݺߣ

ݺߣShare a Scribd company logo

Jak postavit fungující webové stránky

•
•
E
ebrana ebrana

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

1 of 16
Downloaded 32 times
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.
ZÍSKEJTE ZE STRÁNEK MAXIMUM Přijde k Vám na stránky 10 lidí za den? Super, třeba jste hodně zaměřený obor s nízkým poč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 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. Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
OBSAH PŘEDNÁŠKY: 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. A. Jak postupovat při tvorbě webových stránek 1. Stanovení rozsahu webu 2. Vytváření jednotlivých obsahů 3. Formuláře jako zdroj zákazníků 4. Funkční navigace B. Jak vysoká použitelnost maximalizuje zisk ze stránek C. Jak přístupnost zvětšuje rozsah Vašich zákazníků Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
Stanovení rozsahu webových stránek Než začnete budovat jakýkoliv web, potřebujete vědět pro koho ho stavíte, co má za cíl a jaké na něj máte zdroje. Cílová skupina – pro koho mají stránky užitek Konkrétní cíle – co chci, aby uživatel udělal Rozčlenění na části – pro jiné potřeby jiné sekce 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.
Příklad jedné sekce pro jednu cílovou skupinu Cí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ář? Odpověď přinese buď dotazník nebo zkušenost z „terénu“. 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í? Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
Kvalitní obsah vede k cíli 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. 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 Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
Psaní textů pro web 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. Nejdůležitejší informace patří na začátek Používejte jednoduchý jazyk, kterému čtenář rozumí Pokud budete tvrdit, že je výrobek nejlepší, dokažte to Vynechejte všechny nepotřebné, zbytečné texty Celý text rozdělte do menších bloků Používejte odrážky a seznamy Oživujte text obrázky Technické specifikace uvádějte v přehledné tabulce Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
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.
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.
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.
FORMULÁŘ, KTERÝ NIKDO NIKDY NEVYPLNÍ Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
JAK VYTVOŘIT FUNKČNÍ NAVIGACI Stálá navigace Hlavní menu Podmenu pro rozsáhlou sekci Drobečková navigace Mapa webu Vyhledávání Odkaz na úvodní stranu Kontextová navigace Odkazy 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.
POUŽITELNOST VYTVÁŘÍ ÚSPĚŠNÝ WEB Pokud se na stránky, které jsou postaveny quot;JINAKquot;, 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 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 Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
ZÁKLADNÍ PRAVIDLA PŘÍSTUPNOSTI 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í. A. Obsah stránky je dostupný a čitelný B. Práci se stránkou řídí uživatel 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.
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.
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.

More Related Content

Jak postavit fungující webové stránky

  • 1. 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.
  • 2. ZÍSKEJTE ZE STRÁNEK MAXIMUM Přijde k Vám na stránky 10 lidí za den? Super, třeba jste hodně zaměřený obor s nízkým poč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 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. Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
  • 3. OBSAH PŘEDNÁŠKY: 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. A. Jak postupovat při tvorbě webových stránek 1. Stanovení rozsahu webu 2. Vytváření jednotlivých obsahů 3. Formuláře jako zdroj zákazníků 4. Funkční navigace B. Jak vysoká použitelnost maximalizuje zisk ze stránek C. Jak přístupnost zvětšuje rozsah Vašich zákazníků Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
  • 4. Stanovení rozsahu webových stránek Než začnete budovat jakýkoliv web, potřebujete vědět pro koho ho stavíte, co má za cíl a jaké na něj máte zdroje. Cílová skupina – pro koho mají stránky užitek Konkrétní cíle – co chci, aby uživatel udělal Rozčlenění na části – pro jiné potřeby jiné sekce 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.
  • 5. Příklad jedné sekce pro jednu cílovou skupinu Cí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ář? Odpověď přinese buď dotazník nebo zkušenost z „terénu“. 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í? Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
  • 6. Kvalitní obsah vede k cíli 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. 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 Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
  • 7. Psaní textů pro web 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. Nejdůležitejší informace patří na začátek Používejte jednoduchý jazyk, kterému čtenář rozumí Pokud budete tvrdit, že je výrobek nejlepší, dokažte to Vynechejte všechny nepotřebné, zbytečné texty Celý text rozdělte do menších bloků Používejte odrážky a seznamy Oživujte text obrázky Technické specifikace uvádějte v přehledné tabulce Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
  • 8. 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.
  • 9. 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.
  • 10. 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.
  • 11. FORMULÁŘ, KTERÝ NIKDO NIKDY NEVYPLNÍ Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
  • 12. JAK VYTVOŘIT FUNKČNÍ NAVIGACI Stálá navigace Hlavní menu Podmenu pro rozsáhlou sekci Drobečková navigace Mapa webu Vyhledávání Odkaz na úvodní stranu Kontextová navigace Odkazy 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.
  • 13. POUŽITELNOST VYTVÁŘÍ ÚSPĚŠNÝ WEB Pokud se na stránky, které jsou postaveny quot;JINAKquot;, 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 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 Jak postavit fungující webové stránky - použitelnost, přístupnost, Martin Semerád, eBRÁNA s.r.o.
  • 14. ZÁKLADNÍ PRAVIDLA PŘÍSTUPNOSTI 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í. A. Obsah stránky je dostupný a čitelný B. Práci se stránkou řídí uživatel 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.
  • 15. 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.
  • 16. 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.