Nástroje UX - Adam Fendrych

•

1 j'aime•1,648 vues

Akce Dobrého webu

Konference User Experiece - Praha 22. 6. 2010

Technologie

Nástroje UX
Konference User Experience 2010

Fáze vývoje

Výzkum Návrh Testování Implementace

4

Výzkum Návrh Testování Implementace

Rozhovory s uživateli
• Individuální
• Focus groups
• Kdy použít
» Poznání uživatelů
» Podklad pro persony

5

Výzkum Návrh Testování Implementace

Analytika
• Sledování návštěvnosti
• Odkud chodí
• Co hledají
• Kde odcházejí
• Kdy použít
» Před redesignem
» Po implementaci změn

6

Výzkum Návrh Testování Implementace

Špehování uživatelů
• Sledování pohybu po webu
• Kam klikají? Co dělají?
• Nástroje
» UserFly, Crazyegg, mYx, Clicktale
• Kdy použít
» Ověření tezí
» Nalezení slabých míst

7

Výzkum Návrh Testování Implementace

Třídění kartiček
• Jak chápou uživatelé uspořádání
informací?
• Nástroje
» Tužka, papír
» Websort.net
• Kdy použít
» Příprava struktury webu

10

Výzkum Návrh Testování Implementace

Wireframy, prototypy
• Návrh uživatelského rozhraní
• Nástroje
» Balsamiq
» Axure
» Justinmind
• Kdy použít
» Iterace a testování návrhu webu
» Zadání pro grafika a programátory
13

Výzkum Návrh Testování Implementace

Uživatelské testování
• Ověření funkčnosti řešení
• Nalezení chyb
• Rychlé, efektivní
• Kdy použít
» Čím dříve, tím lépe
» Ve fázi wireframů
» Ve fázi grafiky
» Ve fázi hotového webu
15

Výzkum Návrh Testování Implementace

Vzdálené uživatelské testování
• Velmi levné a rychlé
• Uživatelé nemusí chodit k nám
• Synchronní / asynchronní
• Nástroje
» Skype
» Webex
» GoToMeeting

18

Výzkum Návrh Testování Implementace

Testování s oční kamerou
• Kvalitativní i kvantitativní data
• Nutná důkladná příprava i vyhodnocení
• Kdy použít
» Otestování grafiky
» Ověření domněnek a teorií

21

Výzkum Návrh Testování Implementace

A/B testování
• Tvrdá data
• Testování na vlastních návštěvnících
• S Website Optimizerem „zdarma“
• Kdy použít
» Porovnání více možných řešení
» Postupná optimalizace efektivity webu

23

Konec
• Kde se dozvíte víc?
» Školení Nástroje User Experience
» Workshop uživatelského testování použitelnosti
» www.dobryweb.cz/vzdelavani
» Použitelnost na FB - www.facebook.com/pouzitelnyweb

25

Dotazy?

Adam Fendrych
adam.fendrych@dobryweb.cz
Twitter.com/adlo

26

Recommandé

Přehled metod UX výzkumuExperienceU

Zapojte uživatele do návrhu webuSherpas

Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertuKISK FF MU

Uživatelské testování použitelnosti webu v praxiSherpas

UX Design na WebExpo Startup CampPetr Douša

UX monday - uživatelské testováníDesingdev

Stav českého UXExperienceU

Postupy a používané metody při tvorbě zadání webu, UX WireframeMichal Novák

Recommandé

Přehled metod UX výzkumuExperienceU

Zapojte uživatele do návrhu webuSherpas

Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertuKISK FF MU

Uživatelské testování použitelnosti webu v praxiSherpas

UX Design na WebExpo Startup CampPetr Douša

UX monday - uživatelské testováníDesingdev

Stav českého UXExperienceU

Postupy a používané metody při tvorbě zadání webu, UX WireframeMichal Novák

User experience: Ideální web pro uživateleSherpas

Orientace na User Experience jako marketingová strategie?Jakub Krčmář

Testování použitelnosti praktickyLukas Marvan

Open Monday: Jak správně uspořádat uživatelské testováníH1.cz

Rozumí zákazníci vašemu webuDesingdev

Uživatelské testování použitelnosti webu v praxiSherpas

DomanskyTUESDAY Business Network

UX není cesta, ale cílLukas Marvan

Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)Ales Rubas

Inovace a novinky na českých i zahraničních eshopech | Shopcamp 2016 | 16.9.2016Jan Kvasnička

Co vše dokáže ovlivnit konverzní poměr na detailu produktu? Jan Kvasnička

Nejčastější chyby v mobilním objednávkovém procesu | Eshopista | 22.9.2016Jan Kvasnička

Copywriter s přesahem do SEO a UX? Nutnost! | Copycamp 2016 | 8.6.2016Jan Kvasnička

Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebEx...Jan Kvasnička

Zvyšování konverzního poměru v praxi II. | 4. ročník Affiliate konference | 1...Jan Kvasnička

Pomezí webové analytiky a "těch opravdových" datPavel Jašek

Design studio: workshop k webu Asociace UXHelena Šimková

UX mindset – aneb jak dělat digitální projekty pořádněJakub Krčmář

Co vás bude bavit na uživatelských testech - Kamila VaradzinováAsociace UX (Prague ACM SIGCHI)

Kouzlo dotyku - Adam FendrychAsociace UX (Prague ACM SIGCHI)

Oční pohyby a jejich interpretace - Vratislav FabiánAsociace UX (Prague ACM SIGCHI)

Interakční design v urbánním prostoruAsociace UX (Prague ACM SIGCHI)

Contenu connexe

Tendances

User experience: Ideální web pro uživateleSherpas

Orientace na User Experience jako marketingová strategie?Jakub Krčmář

Testování použitelnosti praktickyLukas Marvan

Open Monday: Jak správně uspořádat uživatelské testováníH1.cz

Rozumí zákazníci vašemu webuDesingdev

Uživatelské testování použitelnosti webu v praxiSherpas

DomanskyTUESDAY Business Network

Tendances (7)

User experience: Ideální web pro uživatele

Orientace na User Experience jako marketingová strategie?

Testování použitelnosti prakticky

Open Monday: Jak správně uspořádat uživatelské testování

Rozumí zákazníci vašemu webu

Uživatelské testování použitelnosti webu v praxi

Domansky

En vedette

UX není cesta, ale cílLukas Marvan

Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)Ales Rubas

Inovace a novinky na českých i zahraničních eshopech | Shopcamp 2016 | 16.9.2016Jan Kvasnička

Co vše dokáže ovlivnit konverzní poměr na detailu produktu? Jan Kvasnička

Nejčastější chyby v mobilním objednávkovém procesu | Eshopista | 22.9.2016Jan Kvasnička

Copywriter s přesahem do SEO a UX? Nutnost! | Copycamp 2016 | 8.6.2016Jan Kvasnička

Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebEx...Jan Kvasnička

Zvyšování konverzního poměru v praxi II. | 4. ročník Affiliate konference | 1...Jan Kvasnička

Pomezí webové analytiky a "těch opravdových" datPavel Jašek

Design studio: workshop k webu Asociace UXHelena Šimková

UX mindset – aneb jak dělat digitální projekty pořádněJakub Krčmář

Co vás bude bavit na uživatelských testech - Kamila VaradzinováAsociace UX (Prague ACM SIGCHI)

Kouzlo dotyku - Adam FendrychAsociace UX (Prague ACM SIGCHI)

Oční pohyby a jejich interpretace - Vratislav FabiánAsociace UX (Prague ACM SIGCHI)

Interakční design v urbánním prostoruAsociace UX (Prague ACM SIGCHI)

Kreativita jako součást user experience - Jan JelínekAsociace UX (Prague ACM SIGCHI)

Metaforami k lepšímu designu - Ondřej VálkaAsociace UX (Prague ACM SIGCHI)

Stahování z utb katalogu v prostředí ref worksKnihovnaUTB

Aplikace pro rozpoznávání řeči - Jan ŠedivýAsociace UX (Prague ACM SIGCHI)

Buzz Meet User ExperienceJosef Holy

En vedette (20)

UX není cesta, ale cíl

Cíle vs. prostředky …aneb ať je to responzivní (UX Konference 2014)

Inovace a novinky na českých i zahraničních eshopech | Shopcamp 2016 | 16.9.2016

Co vše dokáže ovlivnit konverzní poměr na detailu produktu?

Nejčastější chyby v mobilním objednávkovém procesu | Eshopista | 22.9.2016

Copywriter s přesahem do SEO a UX? Nutnost! | Copycamp 2016 | 8.6.2016

Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebEx...

Zvyšování konverzního poměru v praxi II. | 4. ročník Affiliate konference | 1...

Pomezí webové analytiky a "těch opravdových" dat

Design studio: workshop k webu Asociace UX

UX mindset – aneb jak dělat digitální projekty pořádně

Co vás bude bavit na uživatelských testech - Kamila Varadzinová

Kouzlo dotyku - Adam Fendrych

Oční pohyby a jejich interpretace - Vratislav Fabián

Interakční design v urbánním prostoru

Kreativita jako součást user experience - Jan Jelínek

Metaforami k lepšímu designu - Ondřej Válka

Stahování z utb katalogu v prostředí ref works

Aplikace pro rozpoznávání řeči - Jan Šedivý

Buzz Meet User Experience

Similaire à Nástroje UX - Adam Fendrych

Krev net a slzyLukáš Čech

ObhajobaFilip Kocián

TNPW2-2014-01Lukáš Vacek

Rwd obhajobanemecmilan

Pro koho děláme webSherpas

Jak jsou na tom parádní weby s přístupnostíRadek Pavlíček

TNPW2-2016-01Lukáš Vacek

Efektivní online prezentaceIvo Kylián

8. Lukas Piska - CN GroupMobCon

Webová prezentace - case study - Squaris ConsultantsSun Marketing

Internetový marketing v kostičce - Aleš FodorSherpas

I pro knihovny je přístupnost důležitáRadek Pavlíček

Adam Hazdra: Design služeb v knihovnách PARTSIP: Partnerská síť informačních profesionálů

Confluence_v1.4_extendedPetr Holodňák

Web support: nechte uživatele ať si pomohou samiVojtěch Kusý

Jednoduchý firemní web na WordPressu - WordCamp Praha 2014Radek Kucera

Jak jsme dělali nový web města plzněPetr Bechyně

Webová prezentace - case study - DHL Express (Slovakia)Sun Marketing

DK3: Tvorba digitálního obsahuMichal Černý

Trendy a nové možnosti test automationOndřej Machulda

Similaire à Nástroje UX - Adam Fendrych (20)

Krev net a slzy

Obhajoba

TNPW2-2014-01

Rwd obhajoba

Pro koho děláme web

Jak jsou na tom parádní weby s přístupností

TNPW2-2016-01

Efektivní online prezentace

8. Lukas Piska - CN Group

Webová prezentace - case study - Squaris Consultants

Internetový marketing v kostičce - Aleš Fodor

I pro knihovny je přístupnost důležitá

Adam Hazdra: Design služeb v knihovnách

Confluence_v1.4_extended

Web support: nechte uživatele ať si pomohou sami

Jednoduchý firemní web na WordPressu - WordCamp Praha 2014

Jak jsme dělali nový web města plzně

Webová prezentace - case study - DHL Express (Slovakia)

DK3: Tvorba digitálního obsahu

Trendy a nové možnosti test automation

Plus de Akce Dobrého webu

Petr Soukup – Kam nemůže váš obchod, tam nastrčte affiliate partneraAkce Dobrého webu

Martin Cígler - iDoklad: jak se technologické demo může zvrhnout v úspěšný o...Akce Dobrého webu

Marta Drahovzalová – Jak naučit zákazníky, aby měli rádi vaši online samoobsluhuAkce Dobrého webu

Patricia Neupauerová - Magnesia Duel (case study)Akce Dobrého webu

Vít Horký - Jak na zákaznickou péči na sociálních médiíchAkce Dobrého webu

Petr Kleiner - Korporátní web, jako generátor kvalitních leadůAkce Dobrého webu

Daniel Frouz: Cíl redesignu? Výrazně vyšší výkonAkce Dobrého webu

Ratibor Líbal: Jak zaujmout, odlišit se a vydělatAkce Dobrého webu

Redesign webu - Martin HoffmannAkce Dobrého webu

Redesign webu Telefonica O2 - Jakub karlec Akce Dobrého webu

Affiliate Marketing - Vladan HejnicAkce Dobrého webu

Praktické využití novinek v Google Analytics - Pavel JašekAkce Dobrého webu

SEO a PPC - Matěj NovákAkce Dobrého webu

Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...Akce Dobrého webu

Co nového pod sluncem? - Ivan PilnýAkce Dobrého webu

Remarketing - Filip HráčekAkce Dobrého webu

Sociální média v České spořitelně - David LorencAkce Dobrého webu

Krizová komunikace na webu - Daniel DočekalAkce Dobrého webu

5 SEO nástrojů, které nakopnou váš web - Jiří KoutnýAkce Dobrého webu

Vyhodnocování SEO - Michael BlahutAkce Dobrého webu

Plus de Akce Dobrého webu (20)

Petr Soukup – Kam nemůže váš obchod, tam nastrčte affiliate partnera

Martin Cígler - iDoklad: jak se technologické demo může zvrhnout v úspěšný o...

Marta Drahovzalová – Jak naučit zákazníky, aby měli rádi vaši online samoobsluhu

Patricia Neupauerová - Magnesia Duel (case study)

Vít Horký - Jak na zákaznickou péči na sociálních médiích

Petr Kleiner - Korporátní web, jako generátor kvalitních leadů

Daniel Frouz: Cíl redesignu? Výrazně vyšší výkon

Ratibor Líbal: Jak zaujmout, odlišit se a vydělat

Redesign webu - Martin Hoffmann

Redesign webu Telefonica O2 - Jakub karlec

Affiliate Marketing - Vladan Hejnic

Praktické využití novinek v Google Analytics - Pavel Jašek

SEO a PPC - Matěj Novák

Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...

Co nového pod sluncem? - Ivan Pilný

Remarketing - Filip Hráček

Sociální média v České spořitelně - David Lorenc

Krizová komunikace na webu - Daniel Dočekal

5 SEO nástrojů, které nakopnou váš web - Jiří Koutný

Vyhodnocování SEO - Michael Blahut

Nástroje UX - Adam Fendrych

1. Nástroje UX Konference User Experience 2010

2. Pozitivní User Experience 2

3. Jak ji uvařit 3

4. Fáze vývoje Výzkum Návrh Testování Implementace 4

5. Výzkum Návrh Testování Implementace Rozhovory s uživateli • Individuální • Focus groups • Kdy použít » Poznání uživatelů » Podklad pro persony 5

6. Výzkum Návrh Testování Implementace Analytika • Sledování návštěvnosti • Odkud chodí • Co hledají • Kde odcházejí • Kdy použít » Před redesignem » Po implementaci změn 6

7. Výzkum Návrh Testování Implementace Špehování uživatelů • Sledování pohybu po webu • Kam klikají? Co dělají? • Nástroje » UserFly, Crazyegg, mYx, Clicktale • Kdy použít » Ověření tezí » Nalezení slabých míst 7

8. 8

9. 9

10. Výzkum Návrh Testování Implementace Třídění kartiček • Jak chápou uživatelé uspořádání informací? • Nástroje » Tužka, papír » Websort.net • Kdy použít » Příprava struktury webu 10

11. 11

12. 12

13. Výzkum Návrh Testování Implementace Wireframy, prototypy • Návrh uživatelského rozhraní • Nástroje » Balsamiq » Axure » Justinmind • Kdy použít » Iterace a testování návrhu webu » Zadání pro grafika a programátory 13

14. 14

15. Výzkum Návrh Testování Implementace Uživatelské testování • Ověření funkčnosti řešení • Nalezení chyb • Rychlé, efektivní • Kdy použít » Čím dříve, tím lépe » Ve fázi wireframů » Ve fázi grafiky » Ve fázi hotového webu 15

16. 16

17. 17

18. Výzkum Návrh Testování Implementace Vzdálené uživatelské testování • Velmi levné a rychlé • Uživatelé nemusí chodit k nám • Synchronní / asynchronní • Nástroje » Skype » Webex » GoToMeeting 18

19. 19

20. 20

21. Výzkum Návrh Testování Implementace Testování s oční kamerou • Kvalitativní i kvantitativní data • Nutná důkladná příprava i vyhodnocení • Kdy použít » Otestování grafiky » Ověření domněnek a teorií 21

22. 22

23. Výzkum Návrh Testování Implementace A/B testování • Tvrdá data • Testování na vlastních návštěvnících • S Website Optimizerem „zdarma“ • Kdy použít » Porovnání více možných řešení » Postupná optimalizace efektivity webu 23

24. Zdroj: abtests.com 24

25. Konec • Kde se dozvíte víc? » Školení Nástroje User Experience » Workshop uživatelského testování použitelnosti » www.dobryweb.cz/vzdelavani » Použitelnost na FB - www.facebook.com/pouzitelnyweb 25

26. Dotazy? Adam Fendrych adam.fendrych@dobryweb.cz Twitter.com/adlo 26