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

HTML
DOWNLOAD

Rozměr: px

Začít zobrazení ze stránky:

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

Iva Blažková
před 9 lety
Počet zobrazení:

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

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

3 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

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

program) Rok založení: 2003 Akvizice: 2012 -

5 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

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

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

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

9 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

10 1. Teorie pixel-perfect Jak vznikla?

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

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

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

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

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

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

17 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.

18 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.

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

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

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

22 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í

23 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)

24 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

25 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)

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

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

28 Fungující web = úspěch!

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

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

31 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

32 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

33 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 )

34 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ů

35 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%)

36 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í

37 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

38 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

39 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

40 Děkuji za pozornost!

Podobné dokumenty

Použitelnost. Petr Šavelka

Použitelnost. Petr Šavelka Použitelnost Petr Šavelka Úvod 1/23 Nenuťte uživatele přemýšlet! Steve Krug Úvod 2/23 Design is not just what it looks like and feels like. Design is how it works. (Steve Jobs) Good artists copy. Great