1.
A jó designer…
Gócza Zoltán
zoltan.gocza@kirowskiisobar.com
@goczazoltan | uxmyths.com

2.
Ez egy nagyon jó előadás lesz!

3.
Gócza Zoltán vagyok

4.
Régen használhatósági szakemberként
mutatkoztam volna be…
…de az ma már ciki

5.
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

6.
Ha usability szakik terveznék a játékokat…

7.
Rocksztárok

8.
Kezdjük!
A jó designer…

9.
A jó designer egyben
szövegíró is.

10.
Start with the content. Sometimes
designers and developers forget that
this is why people come to your site
to begin with.
Aaron Gustafson

11.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Mauris vulputate lectus in
nulla fringilla posuere...

12.
A jó szöveg megírásához idő kell…

13.
I didn't have time to
write a short letter, so I
wrote a long one instead.

14.
Microcopy
The fastest way to
improve your interface is
to improve your
copywriting.
Joshua Porter

15.
If we want users to like our software,
we should design it to behave like a
likeable person.
Alan Cooper

16.
Grapes are among Nature's
most versatile fruits—if
squished they become wine, if dried they
becomes raisins, and if included in a
catered lunch, they become tools to
playfully pelt your boss…

17.
Helyettesíthető a szöveg ikonokkal?

18.
Outlook 97
Outlook 2003

19.
Olvasnivaló

20.
A jó designer egyben
ügyfélszolgálatos is.

21.
Szerintem a legtöbb cégben mindenki az
ügyfélszolgálaton dolgozik.

22.
Ügyfél = felhasználó

23.
Ügyfél = megrendelő

24.
Fikció, ilyen nincs
clientsfromhell.net/

25.
The wisdom of crowds
The aggregation of information in
groups, resulting in decisions that,
he argues, are often better than
could have been made by any single
member of the group
http://en.wikipedia.org/wiki/The_Wisdom_of_Crowds

26.
The idiocy of crowds

27.
Ügyfél • Ismeri a piacot
• Mély szakirányú, domain-specifikus
tudása van
• Ismeri a kollégákat, a lehetőségeket, a
működési folyamatokat
Designer • Sokat látott különböző projekteken
• Nem utolsósorban ért a designhoz

28.
The more UX work I do, the more I
realize I'm more of a therapist for
businesses.
Nick Finck

29.
Lényegtelen,
hogy mennyire vagy jó designer, ha
1. nem tudod eladni és megvédeni a
terveidet,
2. nem tudsz jó kritikát adni vagy nem
tudod jól kezelni, ha kritikát kapsz.

30.
Hogyan add el a tervedet?
• Kérdezz sokat
• Hivatkozz tényekre, kutatásokra
• Mutasd be, hogy jutottál a megoldásra
• De a legjobb, ha a megrendelő jön rá
• Kérdezz sokat

31.
I’ll give the model a big mole on her
face, and the committee focuses on
that and are usually satisfied with the
momentous change of removing it
and leave everything else as is.
Speider Schneider fotós haverja

32.
Lássuk a kritikát!
Tegyük fel, hogy a következő oldalt
én terveztem.

33.
Hogyan kritizálj?
• „A használati statisztikák azt mutatják,
hogy … a legfontosabb elem?”
• „Arra gondoltál, hogy…?”
• „Hogy fogják szerinted a felhasználók
megérteni…?”
• „Mit szólnál, ha megmutatnánk pár
embernek…?”

34.
Olvasnivaló

35.
A jó designer ért a
pszichológiához.

36.
figyelem-
figyelem
http://nymag.com/restaurants/features/62498/

37.
viszonyítási
alap
http://nymag.com/restaurants/features/62498/

38.
így már
ez olcsó
http://nymag.com/restaurants/features/62498/

39.
legjobb pozíció
http://nymag.com/restaurants/features/62498/

40.
oszlop :/

41.
ezen nincs haszon…

42.
ezen viszont van :)

43.
The behavior you're seeing is the
behavior you've designed for
(whether intentional or not).
Joshua Porter

44.
szűkösség

45.
társadalmi
bizonyíték

46.
boldogság
választék

47.
Dunning-Kruger hatás

48.
Introspekció
Melyik posztert választod? Miért?

49.
A szép dolgokat
könnyebb használni

50.
Social Proof Is The
New Marketing
techcrunch.com/2011/11/27/social-proof-why-people-like-to-follow-the-crowd/

51.
…

52.
Olvasnivaló

53.
Olvasnivaló

54.
A jó designer egyben
tesztelő is.

55.
A/B tesztelés

56.
1. Egy dolgot változtatunk 2. Több dolgot változtatunk 3. Teljesen más verziókat
hasonlítunk össze

57.
Forrás: Button Color Test: Red beats Green

58.
Van, hogy egyértelmű a dolog

59.
De persze van olyan is, hogy nem

60.
Gyakori kérdések
Hány felhasználóra lesz szükség?
Mennyi ideig fog tartani?
Mikor vagyok kész?
Milyen változtatásokat teszteljek?

61.
Két iskola van
1. Apró dolgokat változtatunk

62.
A
B
C
D
How Obama Raised $60 Million by Running a Simple Experiment

63.
Nagy
változtatások
Kis
optimalizálások
Itt vagyunk

64.
2. Teljesen eltérő verziókat
hasonlítunk össze

65.
A B

66.
Nincsenek kész receptek
Forrás: The attack of red buttons:, How We Improved Our Conversion Rate by 72%, saját mérés

67.
Olvasnivaló
+ Inspiráció
www.abtests.com
www.whichtestwon.com/
visualwebsiteoptimizer.com/split-
testing-blog/category/case-studies/

68.
Használhatósági
tesztelés

69.
Want your users to fall in love with
your designs? Fall in love with your
users.
Dana Chisnell

70.
Használhatósági teszt = fókusz csoport

71.
Papíron, gépen / lo-fi, hi-fi

72.
Sokszor apró, de fontos dolgok jönnek ki…

73.
Tabuk
„Használnád ezt és ezt a funkciót?”
„Mit gondolsz, miért nem vetted észre a gombot?”
„Mit változtatnál az oldalon?”
„Képzeld azt, hogy éppen Hawaiira mész nyaralni!”

74.
Gyakori kérdések
Hány felhasználóra van szükség?
Kik legyenek a résztvevők?
Mikor mondható egy tervre, hogy jó?

75.
Olvasnivaló

76.
A jó designer egyben
kutató/elemző is.

77.
Failure comes when you don't listen.
You can't put something out there
and assume it's great.
Alan Lewis

78.
Számos kérdésre megvan valahol a válasz…
Hogyan állítsuk be az alapértelmezett szűrőket?
Lekérdezési
Lakossági Vállalati
nézet
Egyéni 9,9 % 17,5 %
Elmúlt két nap 17,1 % 26,1 %
Elmúlt két hét 50,8 % 44,0 %
Elmúlt egy hónap 15,2 % 7,6 %
Elmúlt fél év 5,6 % 3,8 %
Elmúlt egy év 1,3 % 1,0 %

79.
Meg aztán meg is lehet kérdezni…

80.
Mérés okosabban - például
<a href="http://feeds.feedburner.com/uxmyths"
onClick="_gaq.push(['_trackEvent', 'Subscription', 'RSS -
Header']);">RSS</a>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jq
uery.min.js"></script>
<script>
jQuery(function() {
jQuery("a[href^=http]").not('a[href*="uxmyths.com"]
').click(function() {
_gaq.push(['_trackEvent', 'Outgoing',
document.title,"'" + this.href + "'"]);
});
});
</script>

81.
Hőtérkép – óvatosan,
a színek teljesen
félrevezethetnek

82.
Látogatói felvételek
Itt nézhettek meg egy példát: Clicktale

83.
Olvasnivaló

84.
Olvasnivaló

85.
Köszönöm!