Bez dobrého webu není úspěch.



Podobné dokumenty
Použitelnost. Petr Šavelka

Průvodce e learningem

Instalace programu VentiCAD

JAK PŘIDAT UŽIVATELE PRO ADMINISTRÁTORY

PŘÍRUČKA K POUŽÍVÁNÍ APLIKACE HELPDESK

Aktualizace mapových podkladů v zařízení Garmin

EZB dělí časopisy dle dostupnosti do 4 kategorií označené symboly: - volně dostupné. - předplacené tituly dostupné v rámci knihovny

Mobilní aplikace pro ios

Doporučené nastavení prohlížeče MS Internet Explorer 7 a vyšší pro ČSOB InternetBanking 24 a ČSOB BusinessBanking 24 s využitím čipové karty

Egger VDS Rozšíří prostor vašich představ o 80 dalších : naše virtuální designové studio.

Pocasicz.cz / pocasiesk.sk - zadání výroby

ČTENÁŘI SERVERU lidovky.cz. Zpravodajský server Lidových novin

ČTENÁŘI SERVERU lidovky.cz. Zpravodajský server Lidových novin

Novinky v Maple T.A. 10

Internetová agentura. Předimplementační analýza webu

OFICIÁLNÍ SMS BRÁNA SÍTĚ O2 BRANDING

První přihlášení a první kroky po přihlášení do Registru zdravotnických prostředků pro již ohlášenou osobu

I. ZÁKLADNÍ INFORMACE O DENÍKU BYZNYS NOVINY

NÁVOD NA PŘIHLÁŠENÍ DO INTERNETOVÉHO BANKOVNICTVÍ PRO SPRÁVU KREDITNÍ KARTY

Stručný uživatelský manuál (průvodce instalací) MSI DIGIVOX A/D II

Instalační příručka. Vlastnoruční digitální podpis. Plugin do webového prohlížeče

Poznámky k verzi. Scania Diagnos & Programmer 3, verze 2.27

Světem Internetu s prohlížečem

Inovace výuky prostřednictvím šablon pro SŠ Název školy Gymnázium Jana Pivečky a Střední odborná škola Slavičín Autor

leden 2012 Page: 0 Leden 2012 MOTOR-PRESSE BOHEMIA ONLINE INZERCE

Manuál TimNet Boiler

Jak vycházet s kamarády

Inovace výuky prostřednictvím ICT v SPŠ Zlín, CZ.1.07/1.5.00/ Vzdělávání v informačních a komunikačních technologií

Sada 2 Microsoft Word 2007

ZÁVĚREČNÁ KONFERENCE (WORKSHOP)

Prezentace výzkumných projektů SPIR

Metodika pro učitele

VÝZKUM NÁVŠTĚVNOSTI INTERNETU

Uplatnění nových informačních technologií ve výuce a na zdravotnickém pracovišti. Marie Marková

Klientský portál leasing24.cz. KLIENTSKÝ PORTÁL 24 NÁVOD NA PŘIHLÁŠENÍ A REGISTRACI UŽIVATELE Leasing24.cz. Stránka 1 z 15

VÍTEJTE Obsah Úvodník Novinky z Webdispečinku: 3 Nové možnosti prohlížení knihy jízd Tankovací směrnice Odpracované hodiny řidičů podle tachografu Roz

Technické aspekty EET

Návod pro Windows XP

Exekutoři. Závěrečná zpráva

Kurzy pro veřejnost zimní semestr 2010/11

A TAKÉ TROCHOU MATEMATIKY SE VYPLÁCÍ.

Start ups ve Vědecko-technologickém parku Ostrava

Při návštěvě stránek trololol.tode.cz se stránky přesměrují na stránku mrshare.tode.cz

Rychlý návod na použití

AVG Instalace DataCenter na databázi Firebird

Výsledky I. fáze Posouzení shody webu podrobný rozpis. Název. Splňuje. Důvod a způsob založení. Splňuje. Organizační struktura

etailer Kit Lenovo YOGA Tab 3 10

Prezentace výzkumných projektů SPIR

Základní informace. Kolín, Leden/Únor

IS SIMON Informační systém pro sledování polohy železničních vozů

ISÚI Informační systém územní identifikace Proč? Co? Kde? Kdo? Jak? Kdy?

KONFERENCE Aktuální trendy v péči o lidi s duševním onemocněním dubna 2016

Číselné soustavy Ing. M. Kotlíková, Ing. A. Netrvalová Strana 1 (celkem 7) Číselné soustavy

Návod na připojení k ové schránce Microsoft Windows Live Mail

Nastavení aplikace webového prohlížeče pro portál a jeho aplikace

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 11 Co Internet nabízí a co se dozvíte v této knize 12

Karta mého srdce - portál pojištěnců Zaměstnanecké pojišťovny Škoda

Příloha k žádosti o informace čj. IZ-16/VZ/2011:

VITA x ISZR. Školení pro informatiky. Mgr. Jan Křížek, VITA software

Historie výpočetní techniky Vývoj počítačů 4. generace. 4. generace mikroprocesor

Nové formuláře. Kolektiv ASEP Knihovna AV ČR, v. v. i. Zeleně upraveno

Podávání žádostí IS CEDR

Založte si účet na Atollon.com

Ministerstvo pro místní rozvoj. podprogram

JAK ZVLÁDNOUT E-LEARNINGOVÝ KURZ

Roční hodnocení (návod pro studenty)

KSRZIS. Příručka pro externí žádost registru PIVO pro laboratoře. Projekt - ereg - Úprava rez ortních registrů a konsolidace rez ortních

Implementační rozdíly ve vývoji IS při použití bezschémové a relační databáze

Uživatelský manuál PuSCH App. windows-phone

DÁLKOVÁ KONFIGURACE ZAŘÍZENÍ ELDES POMOCÍ SW CONFIGURATION TOOL

Registr Erbitux. Příručka pro uživatele. Institut biostatistiky a analýz. Lékařské a Přírodovědecké fakulty Masarykovy univerzity.

IMPORT A EXPORT MODULŮ V PROSTŘEDÍ MOODLE

Podmínky použití webu Shopletaky.cz Seznam kapitol


neděle, 20. června 2010 Lukáš Hroch

Prezentace výzkumných projektů SPIR

ČEŠI A INTERNET V ROCE 2014

PŘEJÍMACÍ A PERIODICKÉ ZKOUŠKY SOUŘADNICOVÝCH MĚŘICÍCH STROJŮ

Jak využít PPC u startupů?

16. února 2015, Brno Připravil: David Procházka

Uživatelská příručka nepřihlášený uživatel

Veřejný dálkový přístup (VDP) k datům základního registru RÚIAN/ISÚI

Příloha č. 1 Dotazník pro pedagogy mateřských škol. Příloha č. 2 Dotazník pro rodiče dětí v předčtenářském období

Realita všedního dne, nebo sci-fi?

Obsah. Úvodem 9 Komu je kniha určena 9 Forma výkladu 9 Co Internet nabízí a co se dozvíte v této knize 10

Individuální přístup ke klientům trpící syndromem demence. Marie Báňová

Ceník reklamy v 2GIS

Google Apps. pošta 2. verze 2012

Jsou pojišťovny motivované k tomu, aby motivovaly své pojištěnce? Ing. Jaromír Gajdáček Ph.D., MBA

PROGRAMOVÁNÍ SVĚTELNÝCH OZDOB

Reg. č. projektu: CZ 1.04/ /A Pracovní sešit

Projekt: Výzkumné šetření informovanosti o vypnutí analogového televizního vysílání v lokalitě vysílače Krašov

1. Kontaktní údaje: Jaroslav Kulhánek. 2. Informace

EDURO Projektové vzdělávání III

Digitální knihovna AV ČR

CERTIFIKOVANÉ TESTOVÁNÍ (CT) Výběrové šetření výsledků žáků 2014

PŘEPOČET ZÚČTOVANÝCH ZÁLOH V 10% NA 14% V KONOCOVÉ

Soutěž s názvem Přihláška pro dvou až tříčlenné týmy studentů

ODBORNÝ VÝCVIK VE 3. TISÍCILETÍ

Transkript:

User-friendly web je základ. Bez dobrého webu není úspěch. Pavel Matoušek Barcamp Brno 2012

Pavel Matoušek Povolání: podnikatel, investor Profesní zájmy: internetový marketing, použitelnost webu, programování

Ukažse.cz Fotoseznamka, hodnocení fotek, komunitní server Rok založení: 2003 Návštěvnost: 35 tis. (GA) Exit: Mafra (idnes.cz) leden 2007

Filmová databáze FDb.cz Databáze filmů, mobilní aplikace (TV a kino program) Rok založení: 2003 Akvizice: 2012 - prodáno 49% United Movie Rentals s.r.o. Partnerství s největší komerční televizí: 2012 TV Nova

AAA POPTÁVKA.CZ, s.r.o. Největší poptávkový systém a největší databáze veřejných zakázek Rok založení: 2006, spuštění 2007 Exit: plán 21.12.2030

Hyperslevy.cz Server pro hromadné nakupování Rok založení: 2010 Exit: 2011 (Hypermedia a.s.)

Klikniavolej.cz Nový způsob jak levněji telefonovat a posílat sms z vašeho telefonu Rok založení: 2008 (Mafra) Koupeno: 2011

SkromnýKluk.cz Nový pokusný projekt Tržby: 0 Kč Náklady: 1hod času denně

Co si dnes povíme a ukážeme 1. Teorie pixel-perfect 2. Jak nikdy nebudete mít úspěšný web 3. Jak má vypadat úspěšný web 4. Jak spustit nový design bez poklesu konverzí a návštěvnosti

1. Teorie pixel-perfect Jak vznikla?

1. Teorie pixel-perfect Jak vznikla? Co to je?

1. Teorie pixel-perfect Jak vznikla? Co to je? Pixel perfect v praxi

2. Jak nikdy nebudete mít úspěšný web příklad s autem Špatně Nestartuje

2. Jak nikdy nebudete mít úspěšný web příklad s autem Špatně Nestartuje Táhne do strany

2. Jak nikdy nebudete mít úspěšný web příklad s autem Špatně Nestartuje Táhne do strany Polovina věci nefunguje

2. Jak nikdy nebudete mít úspěšný web příklad s autem Špatně Nestartuje Táhne do strany Polovina věci nefunguje atd.

2. Jak nikdy nebudete mít úspěšný web příklad s autem Špatně Dobře??? Nestartuje Táhne do strany Polovina věci nefunguje atd.

2. Jak nikdy nebudete mít úspěšný web příklad s autem Špatně Nestartuje Táhne do strany Dobře Běžte do nejbližšího autorizovaného dealera vozů BMW Polovina věci nefunguje atd.

2. Jak nikdy nebudete mít úspěšný web příklad webu Špatně SQL error

2. Jak nikdy nebudete mít úspěšný web příklad webu Špatně SQL error Nefunkční formuláře

2. Jak nikdy nebudete mít úspěšný web příklad webu Špatně SQL error Nefunkční formuláře Nekorektní zobrazení

2. Jak nikdy nebudete mít úspěšný web příklad webu Špatně SQL error Dobře Ošetřeny chybové hlášky Nefunkční formuláře Nekorektní zobrazení

2. Jak nikdy nebudete mít úspěšný web příklad webu Špatně SQL error Nefunkční formuláře Nekorektní zobrazení Dobře Ošetřeny chybové hlášky Perfektní formuláře (userfriendly)

2. Jak nikdy nebudete mít úspěšný web příklad webu Špatně SQL error Nefunkční formuláře Nekorektní zobrazení Dobře Ošetřeny chybové hlášky Perfektní formuláře (userfriendly) Fungující ve všech prohlížečích

Příklady chyb na webech bezrealitky.cz nefungující formulář alza.cz chyba v platbě kartou v kamenné prodejně (firewall) czc.cz zmatený počet kusů a problematický osobní odběr kasa.cz dám zaplatit kartou a nefunguje to (SQL error při vracení zpět na stránku UPC kontaktní formulář - katastrofa. Odešlu a místo děkujeme se mi tam zobrazí v iframe celý web Hlasování BarCamp Brno - na ipadu nefunguje stránkování, to samé pizzatime.cz (pak opraveno)

Tím, že vše bude fungovat, nic nezkazíte!

Otázka: Znáte úspěšný web plný chyb?

Fungující web = úspěch!

3. Jak má vypadat úspěšný web Musí fungovat (Testovat, testovat, testovat ) Dobrý byznys plán A další standardní věci

3. Jak má vypadat úspěšný web Alza.cz Slevomat.cz Seznam.cz

3. Jak má vypadat úspěšný web Alza.cz Slevomat.cz Seznam.cz Weby velkých společností si mohou dovolit tak trochu chaotický web (operátoři apod.) protože miliardy do reklamy to vynahradí ale stále tam nejsou chyby

3. Jak má vypadat úspěšný web Podtržené odkazy (lidí nosí brýle, špatný monitor, podtržení vše vyřeší.. Nepřehánět to s grafikou (flash apod.) Nepřehánět to s ajaxem apod.) Snažit se udělat dobrou navigaci, jednoduchou

3. Jak má vypadat úspěšný web Podtržené odkazy (lidí nosí brýle, špatný monitor, podtržení vše vyřeší.. Nepřehánět to s grafikou (flash apod.) Nepřehánět to s ajaxem apod.) Snažit se udělat dobrou navigaci, jednoduchou Požádejte známé ať vám web otestují, jednoduché úkoly tedy říct, ségro brácho, zkus mi v mém novým shopu nakoupit pantofle a uvidíte jestli je to použitelný nebo ne. (takto jsem já rozjel původní design aaapoptávky )

3. Jak má vypadat úspěšný web Steve jobs řekl: nepustím ven ipod dokud se na všechny volby nedostanu maximálně pomocí tří kliků

4. Jak spustit nový design bez poklesu konverzí a návštěvnosti Nejdůležitější body: 1. Otestovat na části reálných uživatelů (např. 20%)

4. Jak spustit nový design bez poklesu konverzí a návštěvnosti Nejdůležitější body: 1. Otestovat na části reálných uživatelů (např. 20%) 2. Používejte neustále A/B testování

4. Jak spustit nový design bez poklesu konverzí a návštěvnosti Nejdůležitější body: 1. Otestovat na části reálných uživatelů (např. 20%) 2. Používejte neustále A/B testování 3. Nechat zhodnotit web core uživateli = zpětná vazba v praxi

4. Jak spustit nový design bez poklesu konverzí a návštěvnosti Nejdůležitější body: 1. Otestovat na části reálných uživatelů (např. 20%) 2. Používejte neustále A/B testování 3. Nechat zhodnotit web core uživateli = zpětná vazba v praxi 4. Zapracovat připomínky a vylepšit landing page

Doporučené počteníčko Použitelnost domovských stránek ( Jakob Nielsen & Marie Tahir Nenuťte uživatele přemýšlet! (Steve Krug) Tvoříme přístupné webové stránky (David Špinar) Blog skromnykluk.cz

Děkuji za pozornost!