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é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ő

Fikció, ilyen nincs

clientsfromhell.net/

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

Forrás: Button Color Test: Red beats Green

+ 21 %

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!