SlideShare una empresa de Scribd logo
1 de 9
Použitelnost na webu

Jan Tichý
@jantichy
Sledujte nás
• Prezentace:   slideshare.net/mediocz

• Twitter:      @jantichy
                @mediocz
                @medioteka

• Web:          www.medio.cz
                blog.medio.cz
                akademie.medio.cz
Cíle webu
                                    Použitelnost

                                   Přesvědčivost

                         SEO        Konkurence-
                                     schopnost
                         PPC
                                     Konverzní
                       Bannery      mechanizmy

                       E-mailing      Obsah        Cíl
                        Značka     Důvěryhodnost

                       Affiliate    Přístupnost

                        Offline      Funkčnost

                                      Grafika

                                      Značka

Autor: Martin Snížek
Použitelný web
•   Je přehledný a srozumitelný
•   Má snadné, intuitivní, standardní ovládání
•   Nehází návštěvníkům klacky pod nohy
•   Pomáhá uživateli a vede ho k cíli
•   Nenutí uživatele přemýšlet
Příbuzné pojmy
• Použitelnost (Usability)
• UX (User eXperience)
• Přístupnost (Accesibility)
Jak se použitelnost ověřuje?
•   Uživatelské testování
•   Expertní posudek
•   Pravidla použitelnosti
•   Analýza návštěvnosti
•   A/B testování
•   Testování podle uživatelských scénářů
•   Zpětná vazba od uživatelů
•   Testování oční kamerou
•   Testování prototypů
•   Testování slepé mapy
•   Testování konkurenčních webů
•   Click-heat tracking
•   Session tracking
Uživatelské testování
•   Přípravná fáze
•   Uživatelské scénáře
•   Výběr testerů
•   Testovací místnost a průběh testování
•   Vyhodnocení

• Steve Krug: Nenuťte uživatele přemýšlet
Pravidla použitelnosti
•   Jednoduchost
•   Layout a rozměry stránky
•   Rozmístění prvků
•   Členění a srozumitelnost textu
•   Odkazy a tlačítka
•   Navigace, snadná orientace
•   URL
•   Formuláře
•   Grafika a animace
•   Prvky uživatelského rozhraní
•   Rychlost odezvy
•   Jacob Nielsen: http://useit.com/alertbox/
•   Jacob Nielsen: Web Design
Díky za pozornost!

Jan Tichý
@jantichy

Más contenido relacionado

Destacado

Konec cargo kultu
Konec cargo kultuKonec cargo kultu
Konec cargo kultuTaste Medio
 
Squid 3 for windows blogbudaqdegil.blogspot.com
Squid 3 for windows blogbudaqdegil.blogspot.comSquid 3 for windows blogbudaqdegil.blogspot.com
Squid 3 for windows blogbudaqdegil.blogspot.comJohan Roesdy
 
Výkonnost webových aplikací
Výkonnost webových aplikacíVýkonnost webových aplikací
Výkonnost webových aplikacíTaste Medio
 
Analytika ve světě PPC
Analytika ve světě PPCAnalytika ve světě PPC
Analytika ve světě PPCTaste Medio
 
Vybrané e-shopářské vychytávky z Google Analytics
Vybrané e-shopářské vychytávky z Google AnalyticsVybrané e-shopářské vychytávky z Google Analytics
Vybrané e-shopářské vychytávky z Google AnalyticsTaste Medio
 

Destacado (6)

Konec cargo kultu
Konec cargo kultuKonec cargo kultu
Konec cargo kultu
 
Squid 3 for windows blogbudaqdegil.blogspot.com
Squid 3 for windows blogbudaqdegil.blogspot.comSquid 3 for windows blogbudaqdegil.blogspot.com
Squid 3 for windows blogbudaqdegil.blogspot.com
 
Výkonnost webových aplikací
Výkonnost webových aplikacíVýkonnost webových aplikací
Výkonnost webových aplikací
 
Analytika ve světě PPC
Analytika ve světě PPCAnalytika ve světě PPC
Analytika ve světě PPC
 
Vybrané e-shopářské vychytávky z Google Analytics
Vybrané e-shopářské vychytávky z Google AnalyticsVybrané e-shopářské vychytávky z Google Analytics
Vybrané e-shopářské vychytávky z Google Analytics
 
RFM analýza
RFM analýzaRFM analýza
RFM analýza
 

Similar a Použitelnost

Použitelnost webu
Použitelnost webuPoužitelnost webu
Použitelnost webuH1.cz
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditůH1.cz
 
Webová analytika s využitím nástroje Clicky
Webová analytika s využitím nástroje ClickyWebová analytika s využitím nástroje Clicky
Webová analytika s využitím nástroje ClickyZdeněk Hejl
 
Webová analytika (ČZU - Webdesign, 21. 11. 2012)
Webová analytika (ČZU - Webdesign, 21. 11. 2012)Webová analytika (ČZU - Webdesign, 21. 11. 2012)
Webová analytika (ČZU - Webdesign, 21. 11. 2012)Sherpas
 
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněJak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněPetr Bechyně
 
Jak číst a vyhodnocovat data v Google Analytics
Jak číst a vyhodnocovat data v Google AnalyticsJak číst a vyhodnocovat data v Google Analytics
Jak číst a vyhodnocovat data v Google AnalyticsOptimalizovaný-Web.cz
 
Struktura a obsah internetové prezentace
Struktura a obsah internetové prezentaceStruktura a obsah internetové prezentace
Struktura a obsah internetové prezentaceStanislav Vasko
 
Využijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš businessVyužijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš businessOptimalizovaný-Web.cz
 
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris ConsultantsWebová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris ConsultantsSun Marketing
 
Prezentace firmy optimio pro CIRMK
Prezentace firmy optimio pro CIRMKPrezentace firmy optimio pro CIRMK
Prezentace firmy optimio pro CIRMKoptimio
 
Přehled metod UX výzkumu
Přehled metod UX výzkumuPřehled metod UX výzkumu
Přehled metod UX výzkumuExperienceU
 
Vyhodnocování kampaní v Google Analytics
Vyhodnocování kampaní v Google AnalyticsVyhodnocování kampaní v Google Analytics
Vyhodnocování kampaní v Google AnalyticsTaste Medio
 
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Optimalizovaný-Web.cz
 
Výkonnostní marketing jako prizma
Výkonnostní marketing jako prizmaVýkonnostní marketing jako prizma
Výkonnostní marketing jako prizmaMatěj Novák
 
Nové možnosti GA
Nové možnosti GANové možnosti GA
Nové možnosti GANetDirect
 
Webová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiérWebová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiérSun Marketing
 
Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)Sun Marketing
 

Similar a Použitelnost (20)

Použitelnost webu
Použitelnost webuPoužitelnost webu
Použitelnost webu
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditů
 
Webová analytika s využitím nástroje Clicky
Webová analytika s využitím nástroje ClickyWebová analytika s využitím nástroje Clicky
Webová analytika s využitím nástroje Clicky
 
Webová analytika (ČZU - Webdesign, 21. 11. 2012)
Webová analytika (ČZU - Webdesign, 21. 11. 2012)Webová analytika (ČZU - Webdesign, 21. 11. 2012)
Webová analytika (ČZU - Webdesign, 21. 11. 2012)
 
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněJak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzně
 
Jak číst a vyhodnocovat data v Google Analytics
Jak číst a vyhodnocovat data v Google AnalyticsJak číst a vyhodnocovat data v Google Analytics
Jak číst a vyhodnocovat data v Google Analytics
 
Struktura a obsah internetové prezentace
Struktura a obsah internetové prezentaceStruktura a obsah internetové prezentace
Struktura a obsah internetové prezentace
 
Využijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš businessVyužijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš business
 
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris ConsultantsWebová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris Consultants
 
Prezentace firmy optimio pro CIRMK
Prezentace firmy optimio pro CIRMKPrezentace firmy optimio pro CIRMK
Prezentace firmy optimio pro CIRMK
 
Přehled metod UX výzkumu
Přehled metod UX výzkumuPřehled metod UX výzkumu
Přehled metod UX výzkumu
 
Vyhodnocování kampaní v Google Analytics
Vyhodnocování kampaní v Google AnalyticsVyhodnocování kampaní v Google Analytics
Vyhodnocování kampaní v Google Analytics
 
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
 
Výkonnostní marketing jako prizma
Výkonnostní marketing jako prizmaVýkonnostní marketing jako prizma
Výkonnostní marketing jako prizma
 
Nové možnosti GA
Nové možnosti GANové možnosti GA
Nové možnosti GA
 
Bude Váš projekt ziskový?
Bude Váš projekt ziskový?Bude Váš projekt ziskový?
Bude Váš projekt ziskový?
 
Nejčastější chyby při podnikání na Internetu - Radim Hasalík
Nejčastější chyby při podnikání na Internetu - Radim HasalíkNejčastější chyby při podnikání na Internetu - Radim Hasalík
Nejčastější chyby při podnikání na Internetu - Radim Hasalík
 
Webová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiérWebová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiér
 
SEO a web 2014
SEO a web 2014SEO a web 2014
SEO a web 2014
 
Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)
 

Más de Taste Medio

Zodpovědně na automatizovaný účet
Zodpovědně na automatizovaný účetZodpovědně na automatizovaný účet
Zodpovědně na automatizovaný účetTaste Medio
 
Pépécéčkaři versus Google Analytics 4
Pépécéčkaři versus Google Analytics 4Pépécéčkaři versus Google Analytics 4
Pépécéčkaři versus Google Analytics 4Taste Medio
 
Jak (a proč) pracovat s klíčovkou?
Jak (a proč) pracovat s klíčovkou?Jak (a proč) pracovat s klíčovkou?
Jak (a proč) pracovat s klíčovkou?Taste Medio
 
Vyhodnocování tendrů aneb insighty z B2B průzkumů
Vyhodnocování tendrů aneb insighty z B2B průzkumůVyhodnocování tendrů aneb insighty z B2B průzkumů
Vyhodnocování tendrů aneb insighty z B2B průzkumůTaste Medio
 
Právní bitvy o PPCčka aneb věděli jste, že...?
Právní bitvy o PPCčka aneb věděli jste, že...?Právní bitvy o PPCčka aneb věděli jste, že...?
Právní bitvy o PPCčka aneb věděli jste, že...?Taste Medio
 
Retenční analýza - krok za krokem
 Retenční analýza - krok za krokem Retenční analýza - krok za krokem
Retenční analýza - krok za krokemTaste Medio
 
Dejte data z vašeho XML feedu do správné kondice
Dejte data z vašeho XML feedu do správné kondiceDejte data z vašeho XML feedu do správné kondice
Dejte data z vašeho XML feedu do správné kondiceTaste Medio
 
Impresní remarketing RTB a FB
Impresní remarketing RTB a FBImpresní remarketing RTB a FB
Impresní remarketing RTB a FBTaste Medio
 
Symboly značky prakticky
Symboly značky praktickySymboly značky prakticky
Symboly značky praktickyTaste Medio
 
Marketingový framework PAVRD
Marketingový framework PAVRDMarketingový framework PAVRD
Marketingový framework PAVRDTaste Medio
 
Pozornost jako spouštěč i zabiják krizí
Pozornost jako spouštěč i zabiják krizíPozornost jako spouštěč i zabiják krizí
Pozornost jako spouštěč i zabiják krizíTaste Medio
 
DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?
DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?
DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?Taste Medio
 
Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...
Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...
Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...Taste Medio
 
Bageta plná hejtu
Bageta plná hejtuBageta plná hejtu
Bageta plná hejtuTaste Medio
 
Collabim: behind the scene (part #001)
Collabim: behind the scene (part #001)Collabim: behind the scene (part #001)
Collabim: behind the scene (part #001)Taste Medio
 
"Jak výhodně incestovat" aneb srandy s klíčovkami
"Jak výhodně incestovat" aneb srandy s klíčovkami"Jak výhodně incestovat" aneb srandy s klíčovkami
"Jak výhodně incestovat" aneb srandy s klíčovkamiTaste Medio
 
Agentura/In-house/Freelance - kde dělat SEO?
Agentura/In-house/Freelance - kde dělat SEO?Agentura/In-house/Freelance - kde dělat SEO?
Agentura/In-house/Freelance - kde dělat SEO?Taste Medio
 
Příběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuci
Příběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuciPříběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuci
Příběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuciTaste Medio
 
Kde jsou limity zákaznické 360°?
 Kde jsou limity zákaznické 360°? Kde jsou limity zákaznické 360°?
Kde jsou limity zákaznické 360°?Taste Medio
 
Marketing a data. Umíme v nich najít hodnotu?
Marketing a data. Umíme v nich najít hodnotu?Marketing a data. Umíme v nich najít hodnotu?
Marketing a data. Umíme v nich najít hodnotu?Taste Medio
 

Más de Taste Medio (20)

Zodpovědně na automatizovaný účet
Zodpovědně na automatizovaný účetZodpovědně na automatizovaný účet
Zodpovědně na automatizovaný účet
 
Pépécéčkaři versus Google Analytics 4
Pépécéčkaři versus Google Analytics 4Pépécéčkaři versus Google Analytics 4
Pépécéčkaři versus Google Analytics 4
 
Jak (a proč) pracovat s klíčovkou?
Jak (a proč) pracovat s klíčovkou?Jak (a proč) pracovat s klíčovkou?
Jak (a proč) pracovat s klíčovkou?
 
Vyhodnocování tendrů aneb insighty z B2B průzkumů
Vyhodnocování tendrů aneb insighty z B2B průzkumůVyhodnocování tendrů aneb insighty z B2B průzkumů
Vyhodnocování tendrů aneb insighty z B2B průzkumů
 
Právní bitvy o PPCčka aneb věděli jste, že...?
Právní bitvy o PPCčka aneb věděli jste, že...?Právní bitvy o PPCčka aneb věděli jste, že...?
Právní bitvy o PPCčka aneb věděli jste, že...?
 
Retenční analýza - krok za krokem
 Retenční analýza - krok za krokem Retenční analýza - krok za krokem
Retenční analýza - krok za krokem
 
Dejte data z vašeho XML feedu do správné kondice
Dejte data z vašeho XML feedu do správné kondiceDejte data z vašeho XML feedu do správné kondice
Dejte data z vašeho XML feedu do správné kondice
 
Impresní remarketing RTB a FB
Impresní remarketing RTB a FBImpresní remarketing RTB a FB
Impresní remarketing RTB a FB
 
Symboly značky prakticky
Symboly značky praktickySymboly značky prakticky
Symboly značky prakticky
 
Marketingový framework PAVRD
Marketingový framework PAVRDMarketingový framework PAVRD
Marketingový framework PAVRD
 
Pozornost jako spouštěč i zabiják krizí
Pozornost jako spouštěč i zabiják krizíPozornost jako spouštěč i zabiják krizí
Pozornost jako spouštěč i zabiják krizí
 
DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?
DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?
DOBRO-INFLUENCE: Jak propojit síť influencerů ke smysluplné změně?
 
Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...
Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...
Od luxusu k ekologické odpovědnosti, aneb jak s pomocí PR a kampaně na sociál...
 
Bageta plná hejtu
Bageta plná hejtuBageta plná hejtu
Bageta plná hejtu
 
Collabim: behind the scene (part #001)
Collabim: behind the scene (part #001)Collabim: behind the scene (part #001)
Collabim: behind the scene (part #001)
 
"Jak výhodně incestovat" aneb srandy s klíčovkami
"Jak výhodně incestovat" aneb srandy s klíčovkami"Jak výhodně incestovat" aneb srandy s klíčovkami
"Jak výhodně incestovat" aneb srandy s klíčovkami
 
Agentura/In-house/Freelance - kde dělat SEO?
Agentura/In-house/Freelance - kde dělat SEO?Agentura/In-house/Freelance - kde dělat SEO?
Agentura/In-house/Freelance - kde dělat SEO?
 
Příběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuci
Příběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuciPříběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuci
Příběh zákazníka po 3 letech od první návštěvy až k CLV a vlastní atribuci
 
Kde jsou limity zákaznické 360°?
 Kde jsou limity zákaznické 360°? Kde jsou limity zákaznické 360°?
Kde jsou limity zákaznické 360°?
 
Marketing a data. Umíme v nich najít hodnotu?
Marketing a data. Umíme v nich najít hodnotu?Marketing a data. Umíme v nich najít hodnotu?
Marketing a data. Umíme v nich najít hodnotu?
 

Použitelnost

  • 1. Použitelnost na webu Jan Tichý @jantichy
  • 2. Sledujte nás • Prezentace: slideshare.net/mediocz • Twitter: @jantichy @mediocz @medioteka • Web: www.medio.cz blog.medio.cz akademie.medio.cz
  • 3. Cíle webu Použitelnost Přesvědčivost SEO Konkurence- schopnost PPC Konverzní Bannery mechanizmy E-mailing Obsah Cíl Značka Důvěryhodnost Affiliate Přístupnost Offline Funkčnost Grafika Značka Autor: Martin Snížek
  • 4. Použitelný web • Je přehledný a srozumitelný • Má snadné, intuitivní, standardní ovládání • Nehází návštěvníkům klacky pod nohy • Pomáhá uživateli a vede ho k cíli • Nenutí uživatele přemýšlet
  • 5. Příbuzné pojmy • Použitelnost (Usability) • UX (User eXperience) • Přístupnost (Accesibility)
  • 6. Jak se použitelnost ověřuje? • Uživatelské testování • Expertní posudek • Pravidla použitelnosti • Analýza návštěvnosti • A/B testování • Testování podle uživatelských scénářů • Zpětná vazba od uživatelů • Testování oční kamerou • Testování prototypů • Testování slepé mapy • Testování konkurenčních webů • Click-heat tracking • Session tracking
  • 7. Uživatelské testování • Přípravná fáze • Uživatelské scénáře • Výběr testerů • Testovací místnost a průběh testování • Vyhodnocení • Steve Krug: Nenuťte uživatele přemýšlet
  • 8. Pravidla použitelnosti • Jednoduchost • Layout a rozměry stránky • Rozmístění prvků • Členění a srozumitelnost textu • Odkazy a tlačítka • Navigace, snadná orientace • URL • Formuláře • Grafika a animace • Prvky uživatelského rozhraní • Rychlost odezvy • Jacob Nielsen: http://useit.com/alertbox/ • Jacob Nielsen: Web Design
  • 9. Díky za pozornost! Jan Tichý @jantichy