Projekt z punktu widzenia UX designera

47
Niektórzy uważają, że to TYLKO przesuwanie guzików z prawej strony na lewą.

Transcript of Projekt z punktu widzenia UX designera

Page 1: Projekt z punktu widzenia UX designera

Niektórzy  uważają,  że  to  TYLKO  przesuwanie  guzików  z  prawej  strony  na  lewą.

Page 2: Projekt z punktu widzenia UX designera
Page 3: Projekt z punktu widzenia UX designera

Ważne  by    zrozumieć  schemat    

działania    pewnych  procesów

Page 4: Projekt z punktu widzenia UX designera

Mózg

Umysł  psychologiczny  tworzą  trzy  obszary

Page 5: Projekt z punktu widzenia UX designera

MózgPłat  czołowy  (człowiek)

Page 6: Projekt z punktu widzenia UX designera

MózgPłat  czołowy  (człowiek)

Płat  limbiczny  (szympans)

Page 7: Projekt z punktu widzenia UX designera

MózgPłat  ciemieniowy  

(komputer)Płat  czołowy  (człowiek)

Płat  limbiczny  (szympans)

Page 8: Projekt z punktu widzenia UX designera

Człowiek  vs  Szympans

„Umysł  psychologiczny  tworzą  dwa  niezależne  ośrodki,  w  różny  sposób  interpretujące  otaczającą  rzeczywistość.”

Page 9: Projekt z punktu widzenia UX designera

Szympans  (płat  limbiczny)

bazuje  na  emocjachwidzi  wszystko  czarno  

na  białym

nie  myśli  racjonalnie

obrona  jednostki

Page 10: Projekt z punktu widzenia UX designera

Człowiek  (płat  czołowy)

bazuje  na  faktach myślenie  logiczne

opiera  się  na  doświadczeniu

myślenie  racjonalne

Page 11: Projekt z punktu widzenia UX designera

Szympans  5x  szybszy  od  Człowieka

Page 12: Projekt z punktu widzenia UX designera

Komputer  (płat  ciemieniowy)

zbiorowy  magazyn zapisuje  w  nim  informacje  człowiek  i  

szympans

źródło  przekonań  i  wartości

później  dane  informacje  są  

wykorzystywane  automatycznie

Page 13: Projekt z punktu widzenia UX designera

Komputer  20x  szybszy  od  Człowieka

Page 14: Projekt z punktu widzenia UX designera

Jak  się  to  ma  do  UX?

?

Page 15: Projekt z punktu widzenia UX designera
Page 16: Projekt z punktu widzenia UX designera

źródło:  h]p://www.homeandlearn.co.uk/word2007_2010/s1p8.html

źródło:  www.allegro.pl źródło:  www.gmail.com źródło:  skype.com

Page 17: Projekt z punktu widzenia UX designera

UX

UXUX

UX

UX?

???

??

Page 18: Projekt z punktu widzenia UX designera

źródło:  h]p://www.aikidotakemusu.org/sites/default/files/styles/c12-­‐free/public/img/art20130629-­‐02.jpg

SHU  -­‐  HA  -­‐  RI

Page 19: Projekt z punktu widzenia UX designera

SHU  -­‐  HA  -­‐  RI

SHU

HA

RI

podążamy    według  zasad

tworzymy    własne  reguły

eksperymentujemy

Page 20: Projekt z punktu widzenia UX designera

Ogólny  proces  UX

Page 21: Projekt z punktu widzenia UX designera

Pozyskiwanie    danych

Uporządkowanie    danych

Tworzenie    prototypów

Testowanie

Ulepszanie

Programowanie

Page 22: Projekt z punktu widzenia UX designera

Pozyskiwanie    danych

Uporządkowanie    danych

Tworzenie    prototypów

Testowanie

Ulepszanie

Programowanie

Page 23: Projekt z punktu widzenia UX designera

Pozyskiwanie    danych

Uporządkowanie    danych

Tworzenie    prototypów

Testowanie

Ulepszanie

Programowanie

Page 24: Projekt z punktu widzenia UX designera

Pozyskiwanie    danych

Uporządkowanie    danych

Tworzenie    prototypów

Testowanie

Ulepszanie

Programowanie

Page 25: Projekt z punktu widzenia UX designera

program:  Balsamiq

Page 26: Projekt z punktu widzenia UX designera

Pozyskiwanie    danych

Uporządkowanie    danych

Tworzenie    prototypów

Testowanie

Ulepszanie

Programowanie

Page 27: Projekt z punktu widzenia UX designera

Zasada  Nielsena  i  Landauert

odkrywa  85%  błędów  użytecznościTest  z  udziałem  5  użytkowników

źródło:  Badania  jako  podstawa  projektowania  User  Experience,  autor:  Iga  Mościchowska  i  Barbara  Rogoś-­‐Turek  

Page 28: Projekt z punktu widzenia UX designera

Zasada  Kruga

źródło:  Badania  jako  podstawa  projektowania  User  Experience,  autor:  Iga  Mościchowska  i  Barbara  Rogoś-­‐Turek  

1  test  z  8  użytkownikami 1  test  z  3  użytkownikami kolejny  test  z  innymi  3  użytkownikami  po  naniesionych  poprawkach

Page 29: Projekt z punktu widzenia UX designera

Pozyskiwanie    danych

Uporządkowanie    danych

Tworzenie    prototypów

Testowanie

Ulepszanie

Programowanie

Page 30: Projekt z punktu widzenia UX designera

Pozyskiwanie    danych

Uporządkowanie    danych

Tworzenie    prototypów

Testowanie

Ulepszanie

Programowanie

Page 31: Projekt z punktu widzenia UX designera

10  wybranych  zasad  UX

Page 32: Projekt z punktu widzenia UX designera

1.  Logo  na  górze  po  lewej  stronie

Page 33: Projekt z punktu widzenia UX designera

źródło: www.allegro.pl

Page 34: Projekt z punktu widzenia UX designera

źródło: Wikipedia

Page 35: Projekt z punktu widzenia UX designera

2.  Spersonalizowany  produkt

h]p://goodui.org/

Page 36: Projekt z punktu widzenia UX designera

h]p://goodui.org/

3.  Ważna  jest  opinia  innych  

Page 37: Projekt z punktu widzenia UX designera

h]p://goodui.org/

4.  Stawianie  na  naturalność  i  autentyczność

Page 38: Projekt z punktu widzenia UX designera

5.  Użytkownicy  skupiają  się  na  twarzach

źródło:  100  rzeczy,  które  każdy  projektant  powinien  wiedzieć  o  potencjalnych  klientach,  autor:  Susan  Weinschenk

źródło:  t-­‐mobile

Page 39: Projekt z punktu widzenia UX designera

h]p://goodui.org/

6.  Polecanie  wybranych  produktów

Page 40: Projekt z punktu widzenia UX designera

7.  Nie  więcej  niż  4  elementy  do  wyboru

źródło:  h]p://www.ada.org/en/

źródło:  100  rzeczy,  które  każdy  projektant  powinien  wiedzieć  o  potencjalnych  klientach,  autor:  Susan  Weinschenk

Page 41: Projekt z punktu widzenia UX designera

h]p://goodui.org/

8.  Jakie  korzyści  dają  funkcjonalności

Page 42: Projekt z punktu widzenia UX designera

h]p://goodui.org/

9.  Zaznaczone  domyślne  wartości

Page 43: Projekt z punktu widzenia UX designera

10.  Używanie  cieni  i  kolorów  do  pokazania  aktywnych  obiektów

źródło:  100  rzeczy,  które  każdy  projektant  powinien  wiedzieć  o  potencjalnych  klientach,  autor:  Susan  Weinschenk

Page 44: Projekt z punktu widzenia UX designera

Niektórzy  uważają,  że  to  TYLKO  przesuwanie  guzików  z  prawej  strony  na  

lewą.

Page 45: Projekt z punktu widzenia UX designera

A  jednak  NIE  tylko

Page 46: Projekt z punktu widzenia UX designera
Page 47: Projekt z punktu widzenia UX designera