Embed Size (px)
DESCRIPTION
Webes alkalmazásokról szóló előadásom a MOME-n.
Citation preview
Heló! Ma webes alkalmazások tervezéséről lesz szó
Gócza Zoltán
@goczazoltan | uxmyths.com
Gócza Zoltán vagyok
Kezdjük azzal, hogy mit mondtatok ti!
85% gyakorlati példák,
Mi érdekel titeket?
70% inkább papíron skiccelnétek,
55% gondolkoztok startupban.
Erről lesz szó
Felfigyel Érdeklődik Regisztrál Használni kezdi
Aktív felhasználó
Felfigyel Érdeklődik Regisztrál Használni kezdi
Aktív felhasználó
LP Regisztráció (+ űrlapok)
Első használat
Ma
Felfigyel Érdeklődik Regisztrál Használni kezdi
Aktív felhasználó
Alkalmazás felület
Gyakorlaton
A landing page
Villámteszt:
Mire jók ezek az alkalmazások?
* Ezt a tesztet leginkább belső oldalakra érdemes használni.
Általában nagy a különbség…
mit gondol a fejlesztő
a termékéről
mit gondol a felhasználó
Things Real People Don't Say About Advertising
http://tpdsaa.tumblr.com
Kis kitérő: távtesztelés + folyosói
Mennyire kell a felhasználó szájába rágni, hogy miről szól az app?
Nem kapok segítséget, miért érdemes regisztrálni
Nagyjából tiszta
Egyből látom, mit fogok kapni
Mennyit számít az a pár szó?
Mennyit számít az a pár szó?
Mennyit számít az a pár szó?
+77%
+30%
+27%
+15%
Forrás
A kanonikus landing page
1. Mi ez? (elevator pitch)
2. Merre tovább? 3. Még azért győzködjetek!
- H ATÁ S ?
Állj! Nincs általános, minden helyzetre jó
megoldás.
Viszont vannak szilárd alapok…
Mások is szeretik = nem lehet rossz
Vakon hiszünk a hangzatos forrásoknak…
és ennyien nem tévedhetnek
Beszéljenek helyettünk az ügyfelek
+34% Forrás
Exkluzív = értékes
(Mi meg mekkorát buktunk ezzel…)
Most… = inkább gyorsan regisztrálok
Szép = tuti könnyebben használható
Ingyenes próba = nehéz később megválni tőle
…
Van drágább is = akkor ez megéri
Nem baj, ha hosszú az oldal … 2 mondat és 3 screenshot sokszor kevés a meggyőzéshez
Regisztráció az igazság pillanata
Fejben dől el
1. Használd egyből regisztráció nélkül
2. Minimál regisztráció
3. Hosszabb regisztrációs folyamat
Folyamatos meggyőzés
Kevesebb = több (nem mindig)
Forrás
$31,24 / konverzió
$34,94 / konverzió
$41,90 / konverzió
13,4% 12,0% 10,0%
Űrlap is lehet érdekes…
4. Többképernyős megafolyamat – megvan az oka
Pár dolog az űrlapokról
Mit lehetne javítani szerintetek ezeken az űrlapokon?
folytatódik
Csak példának…
Mezők sorrendje – látogatónak fontosak előre
egy hosszabb oldal Több oldalra tördelt
első találkozás
egyszer használatos
kevés adatbevitel
kezdő szintű ismeretek
sok az elágazás
már kialakult a bizalom
gyakran használt
sok adat bevitele
rutinosabb felhasználók
vs
Mezők hossza – igazodjon a várt tartalomhoz
Sztenderd vs. egyedi megoldások
Sztenderd vs. egyedi megoldások
Törekedjünk párbeszéd kialakítására
kontextus > konzisztencia
kontextus > konzisztencia
Apró szöveges segítségek (microcopy)
Hatalmas ereje van egy „mert”-nek
Alapértelmezett értékek FTW
Alapértelmezett értékek FTW
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?
Ne mondjatok semmit, ha szerintetek zseniális ez az előadás!
Legyen egyértelmű a kitöltési út
Akciógombok – elsődleges és másodlagos
elsődleges gomb másodlagos gomb (link)
Kötelező és opcionális mezők
Élményt kell varázsolni az első használatból
Az üres állapot se legyen üres
Az üres állapot se legyen üres
Játékos profilépítés – egyből hasznos javaslatok
Tanítsuk meg a felület használatát
A motiváció itt is fontos
Lehet játékos is (óvatosan)
Mára ennyi, de…
Házi feladat #1
Vagy ha csak 20 perced lesz:
The Psychologist’s View of UX Design
Brief
Közös ötletelés
Önálló tervezés
Tervek megvitatása,
pontozása
Házi feladat #2
Mi lesz a gyakorlaton?
