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!
Mi érdekel titeket?

   85% gyakorlati példák,

   70% inkább papíron skiccelnétek,

   55% gondolkoztok startupban.
Erről lesz szó
Felfigyel   Érdeklődik   Regisztrál   Használni      Aktív
                                        kezdi     felhasználó
Felfigyel   Érdeklődik   Regisztrál     Használni      Aktív
                                          kezdi     felhasználó

               LP        Regisztráció     Első
                         (+ űrlapok)    használat


                             Ma
Felfigyel   Érdeklődik   Regisztrál   Használni      Aktív
                                        kezdi     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
                       mit gondol
    a fejlesztő
                      a felhasználó
   a termékérő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?          2. Merre tovább?   3. Még azért
(elevator pitch)                      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   és ennyien nem
forrásoknak…                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

Ingyenes próba = nehéz később megválni tőle

         Szép = tuti könnyebben használható

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)




     13,4%         12,0%         10,0%

      $31,24        $34,94        $41,90
   / konverzió   / konverzió   / konverzió

                      Forrás
Ű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
Több oldalra tördelt          egy hosszabb oldal
első találkozás               már kialakult a bizalom
                         vs
egyszer használatos           gyakran használt
kevés adatbevitel             sok adat bevitele
kezdő szintű ismeretek        rutinosabb felhasználók
sok az elágazás
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

Hogyan állítsuk be az alapértelmezett szűrőket?

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 %
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




                             másodlagos gomb (link)
        elsődleges gomb
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
Mi lesz a gyakorlaton?

                       Önálló
                      tervezés

                                                   Házi
  Brief                                         feladat #2


                                   Tervek
                                 megvitatása,
                                  pontozása
           Közös
          ötletelés
Webes alkalmazások - MOME előadás

Webes alkalmazások - MOME előadás