User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
Upcoming SlideShare
Loading in...5
×
 

User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava

on

  • 1,824 views

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

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

Statistics

Views

Total Views
1,824
Views on SlideShare
1,822
Embed Views
2

Actions

Likes
0
Downloads
7
Comments
0

2 Embeds 2

http://us-w1.rockmelt.com 1
http://paper.li 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava Presentation Transcript

  • USER EXITUSUSER EXITUSUSER EXITUS Nenechte své návštěvníky odcházet Jiří Komár21.5.2011 BarCamp Ostrava Twitter: @jirikomar
  • 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čí. electroworld.cz
  • 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í, 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
  • 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í
  • 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
  • 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
  • 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 personu/y daného projektu
  • 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, zadavatel, designer● Uvědomíme si potřeby a priority uživatele● Nástroje: tužka, malé papírky, nůžky, tabule
  • 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
  • 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
  • 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
  • Stránka: 20
  • 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í
  • 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í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
  • 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/
  • Děkuji za pozornost Čas na dotazy @jirikomar komar.jiri@gmail.com