a jó designer - gocza zoltan
DESCRIPTION
Mihez ért a jó designer (szerintem)...TRANSCRIPT
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
Myth #27: UX design is about usability
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
Myth #19: You don’t need the content to design a website
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vulputate lectus in nulla fringilla posuere...
Contrast Rebellion
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.
BA
A B
+ 77 %
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
Myth #13: Icons enhance usability
Olvasnivaló
A jó designer egyben
ügyfélszolgálatos is.
Állj! Szerintem a legtöbb cégben mindenki az ügyfélszolgálaton dolgozik.
Ügyfél = felhasználó
Ügyfél = megrendelő
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 grouphttp://en.wikipedia.org/wiki/The_Wisdom_of_Crowds
The wisdom of crowds
The idiocy of crowds
Ügyfél
Designer
• 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
• 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
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.
Lényegtelen, hogy mennyire vagy jó designer, ha
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.
http://nymag.com/restaurants/features/62498/
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ó
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
választék
bold
ogsá
g
Myth #12: More choices and features result
in higher satisfaction
Dunning-Kruger hatás
Introspekció Melyik posztert választod? Miért?
Myth #25: Aesthetics are not important if you have good usability
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
A B
A B
A B
+ 140 %
A) NYEREMÉNY-JÁTÉK
B) INGYENES SZÁLLÍTÁS
C) ÁRENGEDMÉNY
A) NYEREMÉNY-JÁTÉK
C) ÁRENGEDMÉNY
+ 88 % átkattintás(a legrosszabbhoz képest)
B) INGYENES SZÁLLÍTÁS
A) NYEREMÉNY-JÁTÉK
B) INGYENES SZÁLLÍTÁS
+ 20 % eladás+38% bevétel
C) ÁRENGEDMÉNY
Van, hogy egyértelmű a dolog
De persze van olyan is, hogy nem
Hány felhasználóra lesz szükség?
Mennyi ideig fog tartani?
Mikor vagyok kész?
Milyen változtatásokat teszteljek?
Gyakori kérdések
Két iskola van1. Apró dolgokat változtatunk
A
B
C
D
How Obama Raised $60 Million by Running a Simple Experiment
Itt vagyunk
Kis optimalizálások
Nagy változtatások
2. Teljesen eltérő verziókat hasonlítunk össze
A B
+ 5% + 34% - 23%
Forrás: The attack of red buttons:, How We Improved Our Conversion Rate by 72%, saját mérés
Nincsenek kész receptek
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
Myth #26: Usability testing = focus groups
Papíron, gépen / lo-fi, hi-fi
Karesz keze
Sokszor apró, de fontos dolgok jönnek ki…
„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!”
Tabuk
Hány felhasználóra van szükség?
Kik legyenek a résztvevők?
Mikor mondható egy tervre, hogy jó?
Gyakori kérdések
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…
Lekérdezési nézet Lakossági Vállalati
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 %
Hogyan állítsuk be az alapértelmezett szűrőket?
Meg aztán meg is lehet kérdezni…
Egykérdéses kérdőív, zseniális dolog
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/jquery.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!
