Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Heló!Ma webes alkalmazásoktervezéséről lesz szóGócza Zoltánzoltan.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...
Felfigyel   Érdeklődik   Regisztrál   Használni      Aktív                                        kezdi     felhasználó   ...
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á...
Things Real People Dont Say About Advertising               http://tpdsaa.tumblr.com
Kis kitérő: távtesztelés + folyosói
Mennyire kell a felhasználó szájábará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 nemforrá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álokIngyenes próba = nehéz később megválni tőle         Szép = tuti könnyebben használhatóV...
Nem baj, ha hosszú azoldal… 2 mondat és 3 screenshotsokszor 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
Folyamatosmeggyőzés
Kevesebb = több (nem mindig)     13,4%         12,0%         10,0%      $31,24        $34,94        $41,90   / konverzió  ...
Űrlap is lehet érdekes…
4. Többképernyős megafolyamat – megvan az oka
Pár dolog az űrlapokról
Mit lehetne javítani szerintetekezeken az űrlapokon?
folytatódik
Csak példának…
Mezők sorrendje – látogatónak fontosak előre
Több oldalra tördelt          egy hosszabb oldalelső találkozás               már kialakult a bizalom                     ...
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övegessegítségek(microcopy)
Hatalmas ereje van egy „mert”-nek
Alapértelmezett értékek FTW
Alapértelmezett értékek FTWHogyan állítsuk be az alapértelmezett szűrőket?Lekérdezési nézet          Lakossági            ...
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ő ésopcionálismezők
Élményt kell varázsolni azelső 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’sView of UX Design
Mi lesz a gyakorlaton?                       Önálló                      tervezé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
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
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
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
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
Upcoming SlideShare
Loading in …5
×

Webes alkalmazások - MOME előadás

2,179 views

Published on

Webes alkalmazásokról szóló előadásom a MOME-n.

Published in: Design

Webes alkalmazások - MOME előadás

  1. 1. Heló!Ma webes alkalmazásoktervezéséről lesz szóGócza Zoltánzoltan.gocza@kirowskiisobar.com@goczazoltan | uxmyths.com
  2. 2. Gócza Zoltán vagyok
  3. 3. Kezdjük azzal,hogy mit mondtatok ti!
  4. 4. Mi érdekel titeket? 85% gyakorlati példák, 70% inkább papíron skiccelnétek, 55% gondolkoztok startupban.
  5. 5. Erről lesz szó
  6. 6. Felfigyel Érdeklődik Regisztrál Használni Aktív kezdi felhasználó
  7. 7. Felfigyel Érdeklődik Regisztrál Használni Aktív kezdi felhasználó LP Regisztráció Első (+ űrlapok) használat Ma
  8. 8. Felfigyel Érdeklődik Regisztrál Használni Aktív kezdi felhasználó Alkalmazás felület Gyakorlaton
  9. 9. A landing page
  10. 10. Villámteszt:Mire jók ezek az alkalmazások?* Ezt a tesztet leginkább belső oldalakra érdemes használni.
  11. 11. Általában nagy a különbség… mit gondol mit gondol a fejlesztő a felhasználó a termékéről
  12. 12. Things Real People Dont Say About Advertising http://tpdsaa.tumblr.com
  13. 13. Kis kitérő: távtesztelés + folyosói
  14. 14. Mennyire kell a felhasználó szájábarágni, hogy miről szól az app?
  15. 15. Nem kapok segítséget, miért érdemes regisztrálni
  16. 16. Nagyjából tiszta
  17. 17. Egyből látom, mit fogok kapni
  18. 18. Mennyit számít az a pár szó?
  19. 19. Mennyit számít az a pár szó? +89% Forrás
  20. 20. Mennyit számít az a pár szó?
  21. 21. Mennyit számít az a pár szó? +77%
  22. 22. +30%+27%+15% Forrás
  23. 23. A kanonikus landing page
  24. 24. 1. Mi ez? 2. Merre tovább? 3. Még azért(elevator pitch) győzködjetek!
  25. 25. -H ATÁ S ?
  26. 26. Állj!Nincs általános, minden helyzetre jó megoldás.
  27. 27. Forrás
  28. 28. Viszont vannak szilárd alapok…
  29. 29. Mások is szeretik = nem lehet rossz
  30. 30. Vakon hiszünk a hangzatos és ennyien nemforrásoknak… tévedhetnek
  31. 31. Beszéljenek helyettünk az ügyfelek
  32. 32. +34% Forrás
  33. 33. Exkluzív = értékes
  34. 34. (Mi meg mekkorát buktunk ezzel…)
  35. 35. Most… = inkább gyorsan regisztrálokIngyenes 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 …
  36. 36. Nem baj, ha hosszú azoldal… 2 mondat és 3 screenshotsokszor kevés a meggyőzéshez
  37. 37. Regisztrációaz igazság pillanata
  38. 38. Fejben dől el
  39. 39. 1. Használd egyből regisztráció nélkül
  40. 40. 2. Minimál regisztráció
  41. 41. 3. Hosszabb regisztrációs folyamat
  42. 42. Folyamatosmeggyőzés
  43. 43. Kevesebb = több (nem mindig) 13,4% 12,0% 10,0% $31,24 $34,94 $41,90 / konverzió / konverzió / konverzió Forrás
  44. 44. Űrlap is lehet érdekes…
  45. 45. 4. Többképernyős megafolyamat – megvan az oka
  46. 46. Pár dolog az űrlapokról
  47. 47. Mit lehetne javítani szerintetekezeken az űrlapokon?
  48. 48. folytatódik
  49. 49. Csak példának…
  50. 50. Mezők sorrendje – látogatónak fontosak előre
  51. 51. Több oldalra tördelt egy hosszabb oldalelső találkozás már kialakult a bizalom vsegyszer használatos gyakran használtkevés adatbevitel sok adat bevitelekezdő szintű ismeretek rutinosabb felhasználóksok az elágazás
  52. 52. Mezők hossza – igazodjon a várt tartalomhoz
  53. 53. Sztenderd vs. egyedi megoldások
  54. 54. Sztenderd vs. egyedi megoldások
  55. 55. Törekedjünk párbeszéd kialakítására
  56. 56. kontextus > konzisztencia
  57. 57. kontextus > konzisztencia
  58. 58. Apró szövegessegítségek(microcopy)
  59. 59. Hatalmas ereje van egy „mert”-nek
  60. 60. Alapértelmezett értékek FTW
  61. 61. Alapértelmezett értékek FTWHogyan állítsuk be az alapértelmezett szűrőket?Lekérdezési nézet Lakossági VállalatiEgyé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 %
  62. 62. Ne mondjatok semmit,ha szerintetek zseniális ez az előadás!
  63. 63. Legyen egyértelmű a kitöltési út
  64. 64. Akciógombok – elsődleges és másodlagos másodlagos gomb (link) elsődleges gomb
  65. 65. Kötelező ésopcionálismezők
  66. 66. Élményt kell varázsolni azelső használatból
  67. 67. Az üres állapot se legyen üres
  68. 68. Az üres állapot se legyen üres
  69. 69. Játékos profilépítés – egyből hasznos javaslatok
  70. 70. Tanítsuk meg a felület használatát
  71. 71. A motiváció itt is fontos
  72. 72. Lehet játékos is (óvatosan)
  73. 73. Mára ennyi, de…
  74. 74. Házi feladat #1
  75. 75. Vagy ha csak 20 perced lesz:The Psychologist’sView of UX Design
  76. 76. Mi lesz a gyakorlaton? Önálló tervezés Házi Brief feladat #2 Tervek megvitatása, pontozása Közös ötletelés

×