SlideShare a Scribd company logo
1 of 104
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!
A jó designer - Gocza Zoltan

More Related Content

Similar to A jó designer - Gocza Zoltan

Így szelidítsd a designered! | HWSW App!Mobil 2013 konferencia
Így szelidítsd a designered! | HWSW App!Mobil 2013 konferenciaÍgy szelidítsd a designered! | HWSW App!Mobil 2013 konferencia
Így szelidítsd a designered! | HWSW App!Mobil 2013 konferenciamatamorphosis
 
Használhatóság és üzleti vonatkozásai - diploma védés
Használhatóság és üzleti vonatkozásai - diploma védésHasználhatóság és üzleti vonatkozásai - diploma védés
Használhatóság és üzleti vonatkozásai - diploma védésszabinho
 
Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017Norbert Boros
 
Jobs To Be Done a tervezésben
Jobs To Be Done a tervezésbenJobs To Be Done a tervezésben
Jobs To Be Done a tervezésbenDániel Góré
 
Márkaépítés a fogyasztói kontroll korában
Márkaépítés a fogyasztói kontroll korábanMárkaépítés a fogyasztói kontroll korában
Márkaépítés a fogyasztói kontroll korábanIsobar Budapest
 
Mobil Weekend - A tesztelői csapat evolúciója
Mobil Weekend - A tesztelői csapat evolúciójaMobil Weekend - A tesztelői csapat evolúciója
Mobil Weekend - A tesztelői csapat evolúciójaCsaba Szabó
 
Reklamok Ertelmezese 4
Reklamok Ertelmezese 4Reklamok Ertelmezese 4
Reklamok Ertelmezese 4Zoltan Havasi
 
Radikalis redesign vs folyamatos optimalizálás?
Radikalis redesign vs folyamatos optimalizálás?Radikalis redesign vs folyamatos optimalizálás?
Radikalis redesign vs folyamatos optimalizálás?Norbert Boros
 
Web Dogma HVG Könyvek (Magyar)
Web Dogma HVG Könyvek (Magyar)Web Dogma HVG Könyvek (Magyar)
Web Dogma HVG Könyvek (Magyar)Eric Reiss
 
Data scientist kedvcsinalo_2015ujev
Data scientist kedvcsinalo_2015ujevData scientist kedvcsinalo_2015ujev
Data scientist kedvcsinalo_2015ujevCsaba Gáspár
 
Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?Zoltan Kollin
 
T systems - agile workshop 1. session
T systems - agile workshop 1. sessionT systems - agile workshop 1. session
T systems - agile workshop 1. sessionPéter Lukács
 
Mitol konnektivista egy képzés
Mitol konnektivista egy képzésMitol konnektivista egy képzés
Mitol konnektivista egy képzésZsolt Kulcsár
 
Workshop in the Nobu 20101215
Workshop in the Nobu 20101215Workshop in the Nobu 20101215
Workshop in the Nobu 20101215prsmagency
 
PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215prsmagency
 
Távoli UX kutatás (ClickTale, Verify)
Távoli UX kutatás (ClickTale, Verify)Távoli UX kutatás (ClickTale, Verify)
Távoli UX kutatás (ClickTale, Verify)Csaba Varga
 

Similar to A jó designer - Gocza Zoltan (20)

Így szelidítsd a designered! | HWSW App!Mobil 2013 konferencia
Így szelidítsd a designered! | HWSW App!Mobil 2013 konferenciaÍgy szelidítsd a designered! | HWSW App!Mobil 2013 konferencia
Így szelidítsd a designered! | HWSW App!Mobil 2013 konferencia
 
A UX kutatás haszna
A UX kutatás hasznaA UX kutatás haszna
A UX kutatás haszna
 
Használhatóság és üzleti vonatkozásai - diploma védés
Használhatóság és üzleti vonatkozásai - diploma védésHasználhatóság és üzleti vonatkozásai - diploma védés
Használhatóság és üzleti vonatkozásai - diploma védés
 
Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017
 
Have2do.it
Have2do.itHave2do.it
Have2do.it
 
Jobs To Be Done a tervezésben
Jobs To Be Done a tervezésbenJobs To Be Done a tervezésben
Jobs To Be Done a tervezésben
 
Márkaépítés a fogyasztói kontroll korában
Márkaépítés a fogyasztói kontroll korábanMárkaépítés a fogyasztói kontroll korában
Márkaépítés a fogyasztói kontroll korában
 
Mobil Weekend - A tesztelői csapat evolúciója
Mobil Weekend - A tesztelői csapat evolúciójaMobil Weekend - A tesztelői csapat evolúciója
Mobil Weekend - A tesztelői csapat evolúciója
 
Tartalommarketing meetup - A Nagy Demisztifikáló Előadás 20150619
Tartalommarketing meetup - A Nagy Demisztifikáló Előadás 20150619Tartalommarketing meetup - A Nagy Demisztifikáló Előadás 20150619
Tartalommarketing meetup - A Nagy Demisztifikáló Előadás 20150619
 
Reklamok Ertelmezese 4
Reklamok Ertelmezese 4Reklamok Ertelmezese 4
Reklamok Ertelmezese 4
 
Radikalis redesign vs folyamatos optimalizálás?
Radikalis redesign vs folyamatos optimalizálás?Radikalis redesign vs folyamatos optimalizálás?
Radikalis redesign vs folyamatos optimalizálás?
 
Web Dogma HVG Könyvek (Magyar)
Web Dogma HVG Könyvek (Magyar)Web Dogma HVG Könyvek (Magyar)
Web Dogma HVG Könyvek (Magyar)
 
Data scientist kedvcsinalo_2015ujev
Data scientist kedvcsinalo_2015ujevData scientist kedvcsinalo_2015ujev
Data scientist kedvcsinalo_2015ujev
 
Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?
 
T systems - agile workshop 1. session
T systems - agile workshop 1. sessionT systems - agile workshop 1. session
T systems - agile workshop 1. session
 
Mitol konnektivista egy képzés
Mitol konnektivista egy képzésMitol konnektivista egy képzés
Mitol konnektivista egy képzés
 
Workshop in the Nobu 20101215
Workshop in the Nobu 20101215Workshop in the Nobu 20101215
Workshop in the Nobu 20101215
 
PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215
 
Ne tippelj!
Ne tippelj!Ne tippelj!
Ne tippelj!
 
Távoli UX kutatás (ClickTale, Verify)
Távoli UX kutatás (ClickTale, Verify)Távoli UX kutatás (ClickTale, Verify)
Távoli UX kutatás (ClickTale, Verify)
 

More from Zoltan Gocza

Design in the age of AI – Frontend Conference Zurich, 2017
Design in the age of AI – Frontend Conference Zurich, 2017Design in the age of AI – Frontend Conference Zurich, 2017
Design in the age of AI – Frontend Conference Zurich, 2017Zoltan Gocza
 
Design in the age of artificial intelligence / Basel, 2017
Design in the age of artificial intelligence / Basel, 2017Design in the age of artificial intelligence / Basel, 2017
Design in the age of artificial intelligence / Basel, 2017Zoltan Gocza
 
Kétszer mérj, egyszer vágj -- Web Konferencia 2012
Kétszer mérj, egyszer vágj -- Web Konferencia 2012Kétszer mérj, egyszer vágj -- Web Konferencia 2012
Kétszer mérj, egyszer vágj -- Web Konferencia 2012Zoltan Gocza
 
Weboldal optimalizálás A/B teszteléssel
Weboldal optimalizálás A/B tesztelésselWeboldal optimalizálás A/B teszteléssel
Weboldal optimalizálás A/B tesztelésselZoltan Gocza
 
Gerilla használhatósági tesztelés (Smartmobil 2012)
Gerilla használhatósági tesztelés (Smartmobil 2012)Gerilla használhatósági tesztelés (Smartmobil 2012)
Gerilla használhatósági tesztelés (Smartmobil 2012)Zoltan Gocza
 
A felhasználói élmény és a konverzió
A felhasználói élmény és a konverzióA felhasználói élmény és a konverzió
A felhasználói élmény és a konverzióZoltan Gocza
 
Felhasználói élmény és vásárlás a weben - Corvinus előadás
Felhasználói élmény és vásárlás a weben - Corvinus előadásFelhasználói élmény és vásárlás a weben - Corvinus előadás
Felhasználói élmény és vásárlás a weben - Corvinus előadásZoltan Gocza
 
Frusztráció mentes online bankolás
Frusztráció mentes online bankolásFrusztráció mentes online bankolás
Frusztráció mentes online bankolásZoltan Gocza
 
Felhasznaloi elmeny - Corvinus eloadas
Felhasznaloi elmeny - Corvinus eloadasFelhasznaloi elmeny - Corvinus eloadas
Felhasznaloi elmeny - Corvinus eloadasZoltan Gocza
 
Gócza Zoltán 7 tipp a látogatók bizalmának elnyerésére
Gócza Zoltán 7 tipp a látogatók bizalmának elnyeréséreGócza Zoltán 7 tipp a látogatók bizalmának elnyerésére
Gócza Zoltán 7 tipp a látogatók bizalmának elnyeréséreZoltan Gocza
 

More from Zoltan Gocza (10)

Design in the age of AI – Frontend Conference Zurich, 2017
Design in the age of AI – Frontend Conference Zurich, 2017Design in the age of AI – Frontend Conference Zurich, 2017
Design in the age of AI – Frontend Conference Zurich, 2017
 
Design in the age of artificial intelligence / Basel, 2017
Design in the age of artificial intelligence / Basel, 2017Design in the age of artificial intelligence / Basel, 2017
Design in the age of artificial intelligence / Basel, 2017
 
Kétszer mérj, egyszer vágj -- Web Konferencia 2012
Kétszer mérj, egyszer vágj -- Web Konferencia 2012Kétszer mérj, egyszer vágj -- Web Konferencia 2012
Kétszer mérj, egyszer vágj -- Web Konferencia 2012
 
Weboldal optimalizálás A/B teszteléssel
Weboldal optimalizálás A/B tesztelésselWeboldal optimalizálás A/B teszteléssel
Weboldal optimalizálás A/B teszteléssel
 
Gerilla használhatósági tesztelés (Smartmobil 2012)
Gerilla használhatósági tesztelés (Smartmobil 2012)Gerilla használhatósági tesztelés (Smartmobil 2012)
Gerilla használhatósági tesztelés (Smartmobil 2012)
 
A felhasználói élmény és a konverzió
A felhasználói élmény és a konverzióA felhasználói élmény és a konverzió
A felhasználói élmény és a konverzió
 
Felhasználói élmény és vásárlás a weben - Corvinus előadás
Felhasználói élmény és vásárlás a weben - Corvinus előadásFelhasználói élmény és vásárlás a weben - Corvinus előadás
Felhasználói élmény és vásárlás a weben - Corvinus előadás
 
Frusztráció mentes online bankolás
Frusztráció mentes online bankolásFrusztráció mentes online bankolás
Frusztráció mentes online bankolás
 
Felhasznaloi elmeny - Corvinus eloadas
Felhasznaloi elmeny - Corvinus eloadasFelhasznaloi elmeny - Corvinus eloadas
Felhasznaloi elmeny - Corvinus eloadas
 
Gócza Zoltán 7 tipp a látogatók bizalmának elnyerésére
Gócza Zoltán 7 tipp a látogatók bizalmának elnyeréséreGócza Zoltán 7 tipp a látogatók bizalmának elnyerésére
Gócza Zoltán 7 tipp a látogatók bizalmának elnyerésére
 

A jó designer - Gocza Zoltan

Editor's Notes

  1. Záróslide