Matěj	
  Kvasňovský	
  
Braňo	
  Šandala	
  
Marcel	
  Papp	
  
Harmonogram	
  
•  Přednáška:	
  Co	
  to	
  je	
  UX?	
  -­‐	
  25	
  min	
  
•  Přednáška:	
  UX	
  v	
  KenGcu	
  -­‐	
  25	
  min	
  
•  přestávka	
  -­‐	
  10	
  min	
  
•  Ukázka	
  uživatelského	
  testování	
  -­‐	
  25	
  min	
  
•  Design	
  workshop	
  -­‐	
  75	
  min	
  
Co	
  je	
  to	
  UX?	
  
Buzzwords	
  
#	
  user	
  experience	
  (design)	
  
#	
  human-­‐computer	
  interacGons	
  
#	
  human	
  factors	
  
#	
  ergonomy	
  
#	
  design	
  
#	
  service	
  design	
  
#	
  interacGon	
  design	
  
#	
  informaGon	
  architecture	
  
#	
  usability	
  
#	
  user	
  interface	
  
#	
  visual	
  design	
  
#	
  user	
  centered	
  design	
  
#	
  acGvity	
  centered	
  design	
  
#	
  parGcipatory	
  design	
  
Agenda	
  
1.  Co	
  je	
  UX	
  a	
  proč	
  se	
  ]m	
  zabývat?	
  
2.  Co	
  není	
  UX?	
  
3.  Jak	
  se	
  dělá	
  dobré	
  UX?	
  
Proč	
  se	
  UX	
  zabývat?	
  
Business!	
  
mailchimp.com	
  
Co	
  je	
  UX?	
  
A	
  person's	
  percepGons	
  and	
  responses	
  that	
  result	
  
from	
  the	
  use	
  or	
  anGcipated	
  use	
  of	
  a	
  product,	
  
system	
  or	
  service.	
  
ISO	
  9241-­‐210	
  
UX	
  jako	
  vědní	
  obor?	
  
UX	
  
USEFUL	
  USABLE	
  
DESIRABLE	
  
Co	
  není	
  UX?	
  
UX	
  DESIGNER	
  A	
  GRAFIK	
  	
  
Náplň	
  práce:	
  
-­‐	
  Vylepšení	
  stávajícího	
  webového	
  řešení	
  společnosG	
  
-­‐	
  Zpracování	
  grafiky	
  a	
  její	
  implementace	
  
-­‐	
  Tvorba	
  grafiky	
  reklamních	
  bannerů	
  a	
  jejich	
  zpracování	
  
-­‐	
  Implementace	
  technického	
  řešení	
  webové	
  prezentace	
  
-­‐	
  Hledání	
  zlepšení	
  a	
  jejich	
  technické	
  zpracování	
  
Požadujeme:	
  
-­‐	
  znalost	
  HTML,	
  CSS,	
  základní	
  SQL	
  
-­‐	
  znalost	
  JavaScript	
  a	
  jQuery	
  	
  
-­‐	
  orientace	
  v	
  současných	
  trendech	
  webdesignu	
  
-­‐	
  zkušenosG	
  s	
  návrhem	
  a	
  tvorbou	
  UI	
  obecně	
  (analýza,	
  wireframe,	
  řezání	
  
grafiky,	
  implementace)	
  
-­‐	
  orientace	
  v	
  oblasG	
  webových	
  technologií	
  a	
  UIX	
  
-­‐	
  zkušenost	
  s	
  tvorbou	
  e-­‐shopů	
  výhodou	
  
Jak	
  se	
  dělá	
  dobré	
  UX?	
  
•  parGcipatory	
  design	
  
•  user-­‐centered	
  design	
  
•  acGvity-­‐centered	
  design	
  
•  lean	
  UX	
  
ParGcipatory	
  design	
  
User-­‐Centered	
  Design	
  
AcGvity-­‐Centered	
  Design	
  
Lean	
  UX	
  
Společný	
  proces	
  
VÝZKUM	
   NÁVRH	
  
EVALUACE	
  
Dotazník	
  
Interview	
  
Pozorování	
  
Google	
  AnalyGcs	
  
Uživatelské	
  testování,	
  Review	
  se	
  zákazníkem,	
  
A/B	
  Testování,	
  Google	
  AnalyGcs	
  
Prototypy	
  
Storyboard	
  
Use	
  case/user	
  story	
  
Výzkum	
  
Co	
  a	
  pro	
  koho	
  to	
  děláme?	
  
Jak	
  to	
  dělají	
  doteď?	
  
Můžeme	
  to	
  nějak	
  zlepšit?	
  
Persony	
  
Návrh	
  
•  Storyboard	
  
•  Prototyp	
  
•  Use	
  case/user	
  story/task	
  flow	
  
•  Sitemap	
  
	
  
Storyboard	
  
Prototype	
  
Prototype	
  
IA/Sitemap	
  
Evaluace	
  
•  uživatelské	
  testování	
  
•  heurisGcká	
  analýza	
  
•  A/B	
  testování	
  
•  Google	
  AnalyGcs	
  
•  eye-­‐tracking,	
  click/heat	
  mapy	
  apod.	
  
Uživatelské	
  testování	
  
AB	
  Testování	
  
Click	
  map/Heat	
  map/Eye	
  tracking	
  
Shrnu]	
  
•  UX	
  není	
  UI	
  
•  Dobré	
  UX	
  je	
  založeno	
  na	
  znalosG	
  uživatele/
výzkumu	
  
•  Prototypování	
  je	
  iteraGvní	
  proces	
  a	
  předchází	
  
implementaci	
  
•  Výsledek	
  se	
  musí	
  testovat	
  na	
  reálných	
  
uživatelích	
  
Zdroje?	
  
google.com	
  
#	
  user	
  experience	
  (design)	
  
#	
  human-­‐computer	
  interacGons	
  
#	
  human	
  factors	
  
#	
  ergonomy	
  
#	
  design	
  
#	
  service	
  design	
  
#	
  interacGon	
  design	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
#	
  informaGon	
  architecture	
  
#	
  usability	
  
#	
  user	
  interface	
  
#	
  visual	
  design	
  
#	
  user	
  centered	
  design	
  
#	
  acGvity	
  centered	
  design	
  
#	
  parGcipatory	
  design