SlideShare una empresa de Scribd logo
1 de 100
Descargar para leer sin conexión
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.
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Á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%
Webes alkalmazások - MOME előadás
+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!
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
-
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
Webes alkalmazások - MOME előadás
+34%
 Forrás
Exkluzív = értékes
Webes alkalmazások - MOME előadás
(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
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
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…
Webes alkalmazások - MOME előadás
4. Többképernyős megafolyamat – megvan az oka
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
Pár dolog az űrlapokról
Mit lehetne javítani szerintetek
ezeken az űrlapokon?
Webes alkalmazások - MOME előadás
folytatódik
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
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
Webes alkalmazások - MOME előadá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)
Webes alkalmazások - MOME előadás
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

Más contenido relacionado

Similar a Webes alkalmazások - MOME előadás

A weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzésA weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzésSoftinvent
 
Kkv tm műhely győr 130225
Kkv tm műhely győr 130225Kkv tm műhely győr 130225
Kkv tm műhely győr 130225POZITEAM
 
3. Prezi - Networking Szekelyudvarhely.pptx
3. Prezi - Networking Szekelyudvarhely.pptx3. Prezi - Networking Szekelyudvarhely.pptx
3. Prezi - Networking Szekelyudvarhely.pptxImre Hild
 
Civilek az interneten
Civilek az internetenCivilek az interneten
Civilek az internetenCsaba Varga
 
Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017Norbert Boros
 
Í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
 
DATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkel
DATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkelDATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkel
DATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkelBalaBit
 
HSUP Mentorkurzus 2024.pptx
HSUP Mentorkurzus 2024.pptxHSUP Mentorkurzus 2024.pptx
HSUP Mentorkurzus 2024.pptxImre Hild
 
Meghivo ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...
Meghivo   ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...Meghivo   ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...
Meghivo ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...Pronay46
 
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
 
Magyar Minőség 2021. 1. Jók a legjobbak között
Magyar Minőség 2021. 1. Jók a legjobbak közöttMagyar Minőség 2021. 1. Jók a legjobbak között
Magyar Minőség 2021. 1. Jók a legjobbak közöttTamas Fodor
 
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é
 
HSUP Mentorfelkészitő.pptx
HSUP Mentorfelkészitő.pptxHSUP Mentorfelkészitő.pptx
HSUP Mentorfelkészitő.pptxImre Hild
 
Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...
Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...
Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...META-INF Kft.
 
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...MKT Informatikai szakosztály
 
Tk hatékonyságának mérése
Tk hatékonyságának mérése Tk hatékonyságának mérése
Tk hatékonyságának mérése Eszter Séra
 
7 uj kisvallalkozasoknak bevalt uzleti modell
7 uj kisvallalkozasoknak bevalt uzleti modell7 uj kisvallalkozasoknak bevalt uzleti modell
7 uj kisvallalkozasoknak bevalt uzleti modellSoftinvent
 
7 uj uzleti modell kisvallalkozasoknak
7 uj uzleti modell kisvallalkozasoknak7 uj uzleti modell kisvallalkozasoknak
7 uj uzleti modell kisvallalkozasoknakSoftinvent
 

Similar a Webes alkalmazások - MOME előadás (20)

A weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzésA weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzés
 
Kkv tm műhely győr 130225
Kkv tm műhely győr 130225Kkv tm műhely győr 130225
Kkv tm műhely győr 130225
 
3. Prezi - Networking Szekelyudvarhely.pptx
3. Prezi - Networking Szekelyudvarhely.pptx3. Prezi - Networking Szekelyudvarhely.pptx
3. Prezi - Networking Szekelyudvarhely.pptx
 
Civilek az interneten
Civilek az internetenCivilek az interneten
Civilek az interneten
 
Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017Elveszett userek nyomában - Evolution 2017
Elveszett userek nyomában - Evolution 2017
 
Í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
 
DATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkel
DATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkelDATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkel
DATA DRIVEN DESIGN - avagy hogy fér össze a kreativitás a tényekkel
 
HSUP Mentorkurzus 2024.pptx
HSUP Mentorkurzus 2024.pptxHSUP Mentorkurzus 2024.pptx
HSUP Mentorkurzus 2024.pptx
 
Meghivo ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...
Meghivo   ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...Meghivo   ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...
Meghivo ker ekfy - az okos gep es a projektmenedzsment - 41. pm muhely (201...
 
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
 
Magyar Minőség 2021. 1. Jók a legjobbak között
Magyar Minőség 2021. 1. Jók a legjobbak közöttMagyar Minőség 2021. 1. Jók a legjobbak között
Magyar Minőség 2021. 1. Jók a legjobbak között
 
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
 
HSUP Mentorfelkészitő.pptx
HSUP Mentorfelkészitő.pptxHSUP Mentorfelkészitő.pptx
HSUP Mentorfelkészitő.pptx
 
Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...
Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...
Béla, mi élesedett tulajdonképpen? A request to release koncepció mire is ad ...
 
A UX kutatás haszna
A UX kutatás hasznaA UX kutatás haszna
A UX kutatás haszna
 
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
 
Tk hatékonyságának mérése
Tk hatékonyságának mérése Tk hatékonyságának mérése
Tk hatékonyságának mérése
 
Ne tippelj!
Ne tippelj!Ne tippelj!
Ne tippelj!
 
7 uj kisvallalkozasoknak bevalt uzleti modell
7 uj kisvallalkozasoknak bevalt uzleti modell7 uj kisvallalkozasoknak bevalt uzleti modell
7 uj kisvallalkozasoknak bevalt uzleti modell
 
7 uj uzleti modell kisvallalkozasoknak
7 uj uzleti modell kisvallalkozasoknak7 uj uzleti modell kisvallalkozasoknak
7 uj uzleti modell kisvallalkozasoknak
 

Más de 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
 
In pursuit of simplicity – UX Romandie 2015
In pursuit of simplicity – UX Romandie 2015In pursuit of simplicity – UX Romandie 2015
In pursuit of simplicity – UX Romandie 2015Zoltan Gocza
 
Mobile design myths (at Frontend Conference Zürich, 2014)
Mobile design myths (at Frontend Conference Zürich, 2014)Mobile design myths (at Frontend Conference Zürich, 2014)
Mobile design myths (at Frontend Conference Zürich, 2014)Zoltan Gocza
 
Jót / Jól (HMC meetup 2013)
Jót / Jól (HMC meetup 2013)Jót / Jól (HMC meetup 2013)
Jót / Jól (HMC meetup 2013)Zoltan Gocza
 
A tervezés folyamata - Smartmobil képzés a Kürt Akadémián
A tervezés folyamata - Smartmobil képzés a Kürt AkadémiánA tervezés folyamata - Smartmobil képzés a Kürt Akadémián
A tervezés folyamata - Smartmobil képzés a Kürt AkadémiánZoltan 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
 
Kirowski - Gócza Zoltán - Beszéljenek a számok
Kirowski - Gócza Zoltán - Beszéljenek a számokKirowski - Gócza Zoltán - Beszéljenek a számok
Kirowski - Gócza Zoltán - Beszéljenek a számokZoltan Gocza
 

Más de Zoltan Gocza (15)

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
 
In pursuit of simplicity – UX Romandie 2015
In pursuit of simplicity – UX Romandie 2015In pursuit of simplicity – UX Romandie 2015
In pursuit of simplicity – UX Romandie 2015
 
Mobile design myths (at Frontend Conference Zürich, 2014)
Mobile design myths (at Frontend Conference Zürich, 2014)Mobile design myths (at Frontend Conference Zürich, 2014)
Mobile design myths (at Frontend Conference Zürich, 2014)
 
Jót / Jól (HMC meetup 2013)
Jót / Jól (HMC meetup 2013)Jót / Jól (HMC meetup 2013)
Jót / Jól (HMC meetup 2013)
 
A tervezés folyamata - Smartmobil képzés a Kürt Akadémián
A tervezés folyamata - Smartmobil képzés a Kürt AkadémiánA tervezés folyamata - Smartmobil képzés a Kürt Akadémián
A tervezés folyamata - Smartmobil képzés a Kürt Akadémián
 
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
 
Kirowski - Gócza Zoltán - Beszéljenek a számok
Kirowski - Gócza Zoltán - Beszéljenek a számokKirowski - Gócza Zoltán - Beszéljenek a számok
Kirowski - Gócza Zoltán - Beszéljenek a számok
 

Webes alkalmazások - MOME előadás