projekt z punktu widzenia ux designera
TRANSCRIPT
![Page 1: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/1.jpg)
Niektórzy uważają, że to TYLKO przesuwanie guzików z prawej strony na lewą.
![Page 2: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/2.jpg)
![Page 3: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/3.jpg)
Ważne by zrozumieć schemat
działania pewnych procesów
![Page 4: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/4.jpg)
Mózg
Umysł psychologiczny tworzą trzy obszary
![Page 5: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/5.jpg)
MózgPłat czołowy (człowiek)
![Page 6: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/6.jpg)
MózgPłat czołowy (człowiek)
Płat limbiczny (szympans)
![Page 7: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/7.jpg)
MózgPłat ciemieniowy
(komputer)Płat czołowy (człowiek)
Płat limbiczny (szympans)
![Page 8: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/11.jpg)
Szympans 5x szybszy od Człowieka
![Page 12: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/13.jpg)
Komputer 20x szybszy od Człowieka
![Page 14: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/14.jpg)
Jak się to ma do UX?
?
![Page 15: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/15.jpg)
![Page 16: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/16.jpg)
ź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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/17.jpg)
UX
UXUX
UX
UX?
???
??
![Page 18: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/18.jpg)
ź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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/20.jpg)
Ogólny proces UX
![Page 21: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/21.jpg)
Pozyskiwanie danych
Uporządkowanie danych
Tworzenie prototypów
Testowanie
Ulepszanie
Programowanie
![Page 22: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/22.jpg)
Pozyskiwanie danych
Uporządkowanie danych
Tworzenie prototypów
Testowanie
Ulepszanie
Programowanie
![Page 23: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/23.jpg)
Pozyskiwanie danych
Uporządkowanie danych
Tworzenie prototypów
Testowanie
Ulepszanie
Programowanie
![Page 24: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/24.jpg)
Pozyskiwanie danych
Uporządkowanie danych
Tworzenie prototypów
Testowanie
Ulepszanie
Programowanie
![Page 25: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/25.jpg)
program: Balsamiq
![Page 26: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/26.jpg)
Pozyskiwanie danych
Uporządkowanie danych
Tworzenie prototypów
Testowanie
Ulepszanie
Programowanie
![Page 27: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/29.jpg)
Pozyskiwanie danych
Uporządkowanie danych
Tworzenie prototypów
Testowanie
Ulepszanie
Programowanie
![Page 30: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/30.jpg)
Pozyskiwanie danych
Uporządkowanie danych
Tworzenie prototypów
Testowanie
Ulepszanie
Programowanie
![Page 31: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/31.jpg)
10 wybranych zasad UX
![Page 32: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/32.jpg)
1. Logo na górze po lewej stronie
![Page 34: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/34.jpg)
źródło: Wikipedia
![Page 38: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/38.jpg)
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 40: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/40.jpg)
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 43: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/43.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/44.jpg)
Niektórzy uważają, że to TYLKO przesuwanie guzików z prawej strony na
lewą.
![Page 45: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/45.jpg)
A jednak NIE tylko
![Page 46: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/46.jpg)
![Page 47: Projekt z punktu widzenia UX designera](https://reader034.vdocuments.pub/reader034/viewer/2022051708/587f3eec1a28ab43318b52c5/html5/thumbnails/47.jpg)