Mi az a UX (és hogy kell megdizájnolni)?
-
Upload
zoltan-kollin -
Category
Design
-
view
1.253 -
download
1
Transcript of Mi az a UX (és hogy kell megdizájnolni)?
![Page 1: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/1.jpg)
Mi az a User experience? És hogy kell megdizájnolni?
KOLLIN ZOLTÁN ux director @ Ustream
![Page 2: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/2.jpg)
Helló,
UX DESIGNER vagyok.
![Page 3: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/3.jpg)
ux = user experience
![Page 4: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/4.jpg)
Helló, USER EXPERIENCE DESIGNER
vagyok.
![Page 5: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/5.jpg)
“Design is not just what it looks like and feels like. Design
is how it works.”
- Steve jobs
![Page 6: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/6.jpg)
UX design
≠ drótváz rajzolás
![Page 7: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/7.jpg)
user experience ≠ USer interface
![Page 8: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/8.jpg)
user experience ≠ usability
![Page 9: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/9.jpg)
Usability
![Page 10: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/10.jpg)
User experience
![Page 11: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/11.jpg)
USABILITY: the ease of use and learnability of an object
![Page 12: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/12.jpg)
![Page 13: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/13.jpg)
“If usability engineers designed a nightclub, it would be clean, quiet, brightly lit, with lots of
places to sit down, plenty of bartenders, menus written in 18-point sans-serif, and easy-to-find
bathrooms. But nobody would be there. They would all be down the street at Coyote Ugly
pouring beer on each other.”
- Joel Spolsky
![Page 14: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/14.jpg)
RESCUE
Rescue the princess
![Page 15: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/15.jpg)
![Page 16: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/16.jpg)
User experience: how a person feels about using a product
![Page 17: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/17.jpg)
Kicsit konyhanyelven: A UX célja, hogy a felhasználók szeressék a termékedet.
![Page 18: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/18.jpg)
Szeretni fogják, ha az érthető
hasznos
figyel a részletekre
elérhető
letisztult
stb.
![Page 19: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/19.jpg)
nem fogják szeretni, ha nem felhasználóbarát
![Page 20: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/20.jpg)
nem felhasználóbarát
![Page 21: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/21.jpg)
nem felhasználóbarát
![Page 22: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/22.jpg)
nem felhasználóbarát
![Page 23: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/23.jpg)
nem felhasználóbarát
![Page 24: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/24.jpg)
ha bosszúságot okoz, akkor rosszul lett megtervezve.
![Page 25: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/25.jpg)
Figyeld meg, hogyan használják.
![Page 26: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/26.jpg)
Designing screens using cores and paths
![Page 27: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/27.jpg)
![Page 28: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/28.jpg)
![Page 29: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/29.jpg)
![Page 30: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/30.jpg)
![Page 31: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/31.jpg)
![Page 32: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/32.jpg)
![Page 33: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/33.jpg)
A szerethető design a felhasználó fejével gondolkodva készül
![Page 34: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/34.jpg)
![Page 35: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/35.jpg)
![Page 36: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/36.jpg)
![Page 37: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/37.jpg)
PRODUCT DESIGN USER CENTERED DESIGN
![Page 38: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/38.jpg)
PRODUCT DESIGN USER CENTERED DESIGN
![Page 39: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/39.jpg)
Product design
![Page 40: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/40.jpg)
user centered design
Peter Fabor: washing machine for men
![Page 41: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/41.jpg)
A szerethető design a felhasználó fejével gondolkodva készül
![Page 42: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/42.jpg)
te
≠A felhasználóid
A ux legfontosabb szabálya:
![Page 43: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/43.jpg)
a felhasználóidat nem érdekli
annyira a terméked, mint
amennyire szeretnéd.
![Page 45: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/45.jpg)
A felhasználóid nem akarnak
feleslegesen gondolkodni.
![Page 47: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/47.jpg)
a felhasználóid nem olvasnak el
mindent. legkevésbé az apróbetűt
és az instrukciókat.
![Page 48: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/48.jpg)
![Page 49: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/49.jpg)
A felhasználók olykor hibázni
szoktak. Néha a weboldalak is.
![Page 50: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/50.jpg)
404 oldalValamit
elrontottunkA user nem tud
gépelni
![Page 51: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/51.jpg)
a felhasználók számára a
kevesebb általában több.
![Page 52: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/52.jpg)
![Page 53: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/53.jpg)
A felhasználóid nem viselkednek
racionálisan.
![Page 54: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/54.jpg)
ux myths: People are rational
“People rather take a $10 Amazon gift certificate for free than buy a $20 gift certificate for seven dollars.”
![Page 55: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/55.jpg)
a felhasználóid nem tudják, hogy
mit akarnak. Elmondani meg
végképp nem.
![Page 56: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/56.jpg)
Fontosabb az, hogy mit csinálnak,
mint az, hogy mit mondanak.
![Page 57: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/57.jpg)
Feliratkozom“Használnál-e egy olyan feature-t…?”
![Page 58: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/58.jpg)
na de most komolyan. Mit csinál egy ux designer?
![Page 59: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/59.jpg)
UX DESIGN
Üzleti célok
Technológiai lehetőségek
Felhasználói igények
![Page 60: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/60.jpg)
kutat Tervez
![Page 61: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/61.jpg)
kutatFelhasználói tesztelést végez
![Page 62: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/62.jpg)
kutatAnalitikát elemez
![Page 63: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/63.jpg)
kutatkérdőíves kutatást csinál
![Page 64: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/64.jpg)
kutatA/B tesztet végez
![Page 65: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/65.jpg)
select
ip.count
ry_code,
count(di
stinct u.use
r_id) as
unique_broad
casters
from users
u
left out
er join
report_user_
settings_sit
e_origin o o
n
o.user_id =
u.user_id
inner jo
in user_sign
up_origin ip
on
ip.user_id =
u.user_id
inner jo
in broadcast
er_stats_mon
thly br on
br.user_id =
u.user_id
where o.da
ta is null
and ip.c
ountry_code
is not null
and br.m
onthvalue >=
'2014-01-01
'
group by i
p.country_co
de
order by u
nique_broadc
asters desc;
kutatvagy egyéb kreatív módon keres választ
![Page 66: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/66.jpg)
tervezinformációs architektúrát
![Page 67: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/67.jpg)
tervezkoncepciót
![Page 68: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/68.jpg)
tervezdrótvázat
![Page 69: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/69.jpg)
tervezprototípust
![Page 70: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/70.jpg)
tervezszöveges tartalmakat
![Page 71: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/71.jpg)
![Page 72: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/72.jpg)
![Page 73: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/73.jpg)
miért éri meg ux-szel foglalkozni?
![Page 74: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/74.jpg)
Üzleti célok
Technológiai lehetőségek
Felhasználói igények
![Page 75: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/75.jpg)
“Every dollar invested in ease of use returns $10 to
$100.”
- IBM
![Page 76: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/76.jpg)
a 300 millió dolláros gomb
![Page 77: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/77.jpg)
a 300 millió dolláros gomb
![Page 78: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/78.jpg)
A milliárd dolláros app
![Page 79: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/79.jpg)
A 10 milliárd dolláros website
Airbnb
![Page 80: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/80.jpg)
A 600 milliárd dolláros gyártó
APPLE
![Page 81: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/81.jpg)
Mindig, minden terméket jobbá lehet tenni.
![Page 82: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/82.jpg)
ha részletesebben is érdekel
![Page 83: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/83.jpg)
Steve krug: ne törd a fejem! Susan weinschenk: 100 dolog…
![Page 84: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/84.jpg)
UX Budapest
https://www.facebook.com/groups/594600877237593/
![Page 86: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/86.jpg)
ux tanfolyam
![Page 87: Mi az a UX (és hogy kell megdizájnolni)?](https://reader034.fdocuments.net/reader034/viewer/2022051617/55a1aad71a28ab8b418b46ba/html5/thumbnails/87.jpg)
Köszönöm a figyelmet!Kérdésed, észrevételed van?