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

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

Gócza Zoltán vagyok

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

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

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

Rocksztárok

Kezdjük!
A jó designer…

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

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

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

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

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

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

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

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…

Helyettesíthető a szöveg ikonokkal?

Outlook 97
Outlook 2003

Olvasnivaló

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

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

Ügyfél = felhasználó

Ügyfél = megrendelő

Fikció, ilyen nincs
clientsfromhell.net/

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

The idiocy of crowds

Ü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

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

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.

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

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

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

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…?”

Olvasnivaló

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

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

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

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

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

oszlop :/

ezen nincs haszon…

ezen viszont van :)

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

szűkösség

társadalmi
bizonyíték

boldogság
választék

Dunning-Kruger hatás

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

A szép dolgokat
könnyebb használni

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

…

Olvasnivaló

Olvasnivaló

A jó designer egyben
tesztelő is.

A/B tesztelés

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

Forrás: Button Color Test: Red beats Green

Van, hogy egyértelmű a dolog

De persze van olyan is, hogy nem

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?

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

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

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

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

A B

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

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

Használhatósági
tesztelés

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

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

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

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

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!”

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ó?

Olvasnivaló

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

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

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 %

Meg aztán meg is lehet kérdezni…

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>

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

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

Olvasnivaló

Olvasnivaló

Köszönöm!