Webes alkalmazások - MOME előadás

Heló! Ma webes alkalmazások tervezéséről lesz szó

Gócza Zoltán

zoltan.gocza@kirowskiisobar.com

@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ó?

+89% Forrás

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.

Forrá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?