1. Heló!
Ma webes alkalmazások
tervezéséről lesz szó
Gócza Zoltán
zoltan.gocza@kirowskiisobar.com
@goczazoltan | uxmyths.com

2. Gócza Zoltán vagyok

3. Kezdjük azzal,
hogy mit mondtatok ti!

4. Mi érdekel titeket?
85% gyakorlati példák,
70% inkább papíron skiccelnétek,
55% gondolkoztok startupban.

5. Erről lesz szó

6. Felfigyel Érdeklődik Regisztrál Használni Aktív
kezdi felhasználó

7. Felfigyel Érdeklődik Regisztrál Használni Aktív
kezdi felhasználó
LP Regisztráció Első
(+ űrlapok) használat
Ma

8. Felfigyel Érdeklődik Regisztrál Használni Aktív
kezdi felhasználó
Alkalmazás
felület
Gyakorlaton

9. A landing page

10. Villámteszt:
Mire jók ezek az alkalmazások?
* Ezt a tesztet leginkább belső oldalakra érdemes használni.

16. Általában nagy a különbség…
mit gondol
mit gondol
a fejlesztő
a felhasználó
a termékéről

17. Things Real People Don't Say About Advertising
http://tpdsaa.tumblr.com

18. Kis kitérő: távtesztelés + folyosói

19. Mennyire kell a felhasználó szájába
rágni, hogy miről szól az app?

20. Nem kapok segítséget, miért érdemes regisztrálni

21. Nagyjából tiszta

22. Egyből látom, mit fogok kapni

23. Mennyit számít az a pár szó?

24. Mennyit számít az a pár szó?
+89%
Forrás

25. Mennyit számít az a pár szó?

26. Mennyit számít az a pár szó?
+77%

28. +30%
+27%
+15%
Forrás

29. A kanonikus landing page

30. 1. Mi ez? 2. Merre tovább? 3. Még azért
(elevator pitch) győzködjetek!

34. -
H ATÁ S ?

35. Állj!
Nincs általános, minden helyzetre jó
megoldás.

36. Forrás

37. Viszont vannak szilárd alapok…

38. Mások is szeretik = nem lehet rossz

39. Vakon hiszünk a hangzatos és ennyien nem
forrásoknak… tévedhetnek

40. Beszéljenek helyettünk az ügyfelek

42. +34%
Forrás

43. Exkluzív = értékes

45. (Mi meg mekkorát buktunk ezzel…)

46. 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
…

47. Nem baj, ha hosszú az
oldal
… 2 mondat és 3 screenshot
sokszor kevés a meggyőzéshez

48. Regisztráció
az igazság pillanata

49. Fejben dől el

50. 1. Használd egyből regisztráció nélkül

54. 2. Minimál regisztráció

55. 3. Hosszabb regisztrációs folyamat

56. Folyamatos
meggyőzés

57. Kevesebb = több (nem mindig)
13,4% 12,0% 10,0%
$31,24 $34,94 $41,90
/ konverzió / konverzió / konverzió
Forrás

58. Űrlap is lehet érdekes…

60. 4. Többképernyős megafolyamat – megvan az oka

64. Pár dolog az űrlapokról

65. Mit lehetne javítani szerintetek
ezeken az űrlapokon?

67. folytatódik

70. Csak példának…

71. Mezők sorrendje – látogatónak fontosak előre

72. 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

74. Mezők hossza – igazodjon a várt tartalomhoz

75. Sztenderd vs. egyedi megoldások

76. Sztenderd vs. egyedi megoldások

77. Törekedjünk párbeszéd kialakítására

78. kontextus > konzisztencia

79. kontextus > konzisztencia

80. Apró szöveges
segítségek
(microcopy)

82. Hatalmas ereje van egy „mert”-nek

83. Alapértelmezett értékek FTW

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

85. Ne mondjatok semmit,
ha szerintetek zseniális ez az előadás!

86. Legyen egyértelmű a kitöltési út

87. Akciógombok – elsődleges és másodlagos
másodlagos gomb (link)
elsődleges gomb

88. Kötelező és
opcionális
mezők

89. Élményt kell varázsolni az
első használatból

90. Az üres állapot se legyen üres

91. Az üres állapot se legyen üres

92. Játékos profilépítés – egyből hasznos javaslatok

93. Tanítsuk meg a felület használatát

94. A motiváció itt is fontos

95. Lehet játékos is (óvatosan)

96. Mára ennyi, de…

97. Házi feladat #1

98. Vagy ha csak 20 perced lesz:
The Psychologist’s
View of UX Design

99. Mi lesz a gyakorlaton?
Önálló
tervezés
Házi
Brief feladat #2
Tervek
megvitatása,
pontozása
Közös
ötletelés