Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
USER EXITUSUSER EXITUSUSER EXITUS  Nenechte své návštěvníky odcházet                            Jiří Komár21.5.2011 BarCam...
Proč nám uživatelé odcházejí?
Protože to po nich „sami“ chceme :)Pokud už najdete odkaz na přechod do košíku. Pojmenování odkazu vás určitě zaskočí.    ...
Zastrašit uživatele je strašně jednoduché.                pejsek-in.cz
Kde se stala chyba?●   Myslíme za klienta         –   Zadání je často naprosto špatně         –   Neopisujeme staré řešení...
Základní pojmy●   UX (user experience) – uživatelský prožitek●   UI (user interface) – uživatelské rozhraní●   IxD (Intera...
UX je vše a zároveň nic●   Myslíme na potřeby uživatele●   Soustředíme se na měřitelné i neměřitelné faktory●   Detaily ro...
UI a interakční design●   Uživatelské rozhraní tvoříme dle znalostí uživatele●   Uživatel musí vždy vědět co příjde●   Čím...
Poznáváme svého uživatele
Poznáváme svého uživateleAnalýza webu a potřeb uživatelů●   Kvalitativní průzkum●   Kvantitativní průzkum●   Vytvoříme si ...
Poznáváme svého uživateleKvalitativní průzkum●   Etnografický rozhovor●   Hloubkové rozhovory a focus group
Poznáváme svého uživateleKvantitativní průzkum●   Ankety●   Dotazníky●   Hodnocení
Fáze navrhování webu
Fáze navrhování webuCard sorting (třídění kartiček)●   Tvoříme strukturu (celého webu, určitého prvku)●   Uživatel, zadava...
Fáze navrhování webuSketching (skicování)●   Rychlá tvorba přímo s klientem●   V úvodní fázi projektu dostačující●   Skicy...
Fáze navrhování webuWireframe (drátěná kostry webu)●   Ušetří nám velké starosti●   Udělá radost: grafikovi, programátorům...
Fáze navrhování webuTvorba interaktivních prototypů●   Pokud je wireframe málo●   Můžeme otestovat na uživatích nebo prové...
Stránka: 20
Fáze navrhování webuTestování webu●   Testujme pravidelně (wireframes, prototypy, grafické návrhy, web)●   Typy testování ...
Teplotní mapy (heatmap)Nástroje: mYx, CrazyEgg, userfly, ClickTale
A/B testováníNástroje: Google Website Optimizer
Moderované uživatelské testování●   Do testu vybíráme obyčejné uživatele, ne pracovníky firmy●   Testujeme na 3-6 uživatel...
Zajímavé odkazy●   Jakob Nielsen web http://www.useit.com/●   Blog s UX, UI tématikou http://www.uxbooth.com/●   Knihy s U...
Děkuji za pozornost   Čas na dotazy       @jirikomar komar.jiri@gmail.com
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
Upcoming SlideShare
Loading in …5
×

User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava

1,876 views

Published on

Prezentace User eXitus - Nenechte své návštěvníky odcházet z akce BarCamp 2011 Ostrava

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava

  1. 1. USER EXITUSUSER EXITUSUSER EXITUS Nenechte své návštěvníky odcházet Jiří Komár21.5.2011 BarCamp Ostrava Twitter: @jirikomar
  2. 2. Proč nám uživatelé odcházejí?
  3. 3. Protože to po nich „sami“ chceme :)Pokud už najdete odkaz na přechod do košíku. Pojmenování odkazu vás určitě zaskočí. electroworld.cz
  4. 4. Zastrašit uživatele je strašně jednoduché. pejsek-in.cz
  5. 5. Kde se stala chyba?● Myslíme za klienta – Zadání je často naprosto špatně – Neopisujeme staré řešení, děláme nové a lepší● Učíme se z chyb jiných● Nespoleháme se na grafické cítění programátora (někdy ani grafika)● Snažíme se dělat věci UX
  6. 6. Základní pojmy● UX (user experience) – uživatelský prožitek● UI (user interface) – uživatelské rozhraní● IxD (Interaction design) – interakční design● Usability – použitelnost, neplést s přístupností - Accessibility● User testing – uživatelské testování
  7. 7. UX je vše a zároveň nic● Myslíme na potřeby uživatele● Soustředíme se na měřitelné i neměřitelné faktory● Detaily rozhodují o úspěchu nebo zatracení● Design bez funkčnosti je na nicPojmy: flow
  8. 8. UI a interakční design● Uživatelské rozhraní tvoříme dle znalostí uživatele● Uživatel musí vždy vědět co příjde● Čím hlouběji rozhraní rozpracujeme, tím lepší bude prožitek● 80-20 platí i zdePojmy: pozitivní stereotypy, návrhový vzory, mentalní modely
  9. 9. Poznáváme svého uživatele
  10. 10. Poznáváme svého uživateleAnalýza webu a potřeb uživatelů● Kvalitativní průzkum● Kvantitativní průzkum● Vytvoříme si personu/y daného projektu
  11. 11. Poznáváme svého uživateleKvalitativní průzkum● Etnografický rozhovor● Hloubkové rozhovory a focus group
  12. 12. Poznáváme svého uživateleKvantitativní průzkum● Ankety● Dotazníky● Hodnocení
  13. 13. Fáze navrhování webu
  14. 14. Fáze navrhování webuCard sorting (třídění kartiček)● Tvoříme strukturu (celého webu, určitého prvku)● Uživatel, zadavatel, designer● Uvědomíme si potřeby a priority uživatele● Nástroje: tužka, malé papírky, nůžky, tabule
  15. 15. Fáze navrhování webuSketching (skicování)● Rychlá tvorba přímo s klientem● V úvodní fázi projektu dostačující● Skicy nám pomůžou vytvořit wireframe● Nástroje: tužka a dostatek papíru
  16. 16. Fáze navrhování webuWireframe (drátěná kostry webu)● Ušetří nám velké starosti● Udělá radost: grafikovi, programátorům● Popisuje rozmístění prvků na webu● Nástroje: Axure RP, WireframeSketcher, Online nástroje: Balsamiq, Iplotz, Cacoo
  17. 17. Fáze navrhování webuTvorba interaktivních prototypů● Pokud je wireframe málo● Můžeme otestovat na uživatích nebo provést A/B testování● Lze použít místo psané specifikace● Lze vytvořit skutečnou aplikaci● Nástroje: Axure RP, Balsamiq, HTML a CSS
  18. 18. Stránka: 20
  19. 19. Fáze navrhování webuTestování webu● Testujme pravidelně (wireframes, prototypy, grafické návrhy, web)● Typy testování – Teplotní mapy, nahrávání obrazovky, A/B testování, MVT – Vzdálené testování – Moderované uživatelské testování
  20. 20. Teplotní mapy (heatmap)Nástroje: mYx, CrazyEgg, userfly, ClickTale
  21. 21. A/B testováníNástroje: Google Website Optimizer
  22. 22. Moderované uživatelské testování● Do testu vybíráme obyčejné uživatele, ne pracovníky firmy● Testujeme na 3-6 uživatelích● Před testem sestavíme scénář uživatelského testování● Při testu nutíme uživatele uvažovat nahlas● Testování nahráváme nebo si děláme poznámky● Z poznámek vypracujeme výstupní analýzu, tu předáme k dalšímu zpracování● Hledáme chyby v použitelnosti a ne v aplikaci● Každý uživatel je jiná osobnost
  23. 23. Zajímavé odkazy● Jakob Nielsen web http://www.useit.com/● Blog s UX, UI tématikou http://www.uxbooth.com/● Knihy s UX, UI tématikou http://www.rosenfeldmedia.com/● Česká UX komunita http://www.sigchi.cz/● Aplikace pro tvorbu wireframes a prototypů http://www.axure.com/● UX magazín http://www.uxmag.com/
  24. 24. Děkuji za pozornost Čas na dotazy @jirikomar komar.jiri@gmail.com

×