A jó designer - Gocza Zoltan

A jó designer…Gócza Zoltánzoltan.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éntmutatkoztam volna be……de az ma már ciki

If usability engineers designed a nightclub, itwould be clean, quiet, brightly lit, with lots ofplaces to sit down, plenty of bartenders, menuswritten in 18-point sans-serif, and easy-to-findbathrooms. But nobody would be there. Theywould all be down the street at Coyote Uglypouring 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 egybenszövegíró is.

Start with the content. Sometimesdesigners and developers forget thatthis is why people come to your siteto begin with.Aaron Gustafson

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

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

I didnt have time towrite a short letter, so Iwrote a long one instead.

MicrocopyThe fastest way toimprove your interface isto improve yourcopywriting.Joshua Porter

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

Grapes are among Naturesmost versatile fruits—ifsquished they become wine, if dried theybecomes raisins, and if included in acatered lunch, they become tools toplayfully pelt your boss…

Helyettesíthető a szöveg ikonokkal?

Outlook 97Outlook 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 crowdsThe aggregation of information ingroups, resulting in decisions that,he argues, are often better thancould have been made by any singlemember of the grouphttp://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 folyamatokatDesigner • Sokat látott különböző projekteken • Nem utolsósorban ért a designhoz

The more UX work I do, the more Irealize Im more of a therapist forbusinesses.Nick Finck

Lényegtelen,hogy mennyire vagy jó designer, ha1. 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 herface, and the committee focuses onthat and are usually satisfied with themomentous change of removing itand 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 apszichológiához.

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

viszonyítási alaphttp://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 youre seeing is thebehavior youve 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 dolgokatkönnyebb használni

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

Olvasnivaló

A jó designer egybentesztelő 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ésekHány felhasználóra lesz szükség?Mennyi ideig fog tartani?Mikor vagyok kész?Milyen változtatásokat teszteljek?

Két iskola van1. Apró dolgokat változtatunk

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

Nagy változtatásokKisoptimalizálások Itt vagyunk

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

Nincsenek kész receptekForrá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ágitesztelés

Want your users to fall in love withyour designs? Fall in love with yourusers.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ésekHány felhasználóra van szükség?Kik legyenek a résztvevők?Mikor mondható egy tervre, hogy jó?

Olvasnivaló

A jó designer egybenkutató/elemző is.

Failure comes when you dont listen.You cant put something out thereand assume its 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állalatinézetEgyé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/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 teljesenfélrevezethetnek

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

Olvasnivaló

Köszönöm!

http://a0.twimg.com	10
http://paper.li	1
http://www.linkedin.com	1

A jó designer - Gocza Zoltan

by Zoltan Gocza on Dec 07, 2011

Accessibility

Upload Details

Usage Rights

3 Embeds 12

Statistics

A jó designer - Gocza Zoltan Presentation Transcript