Kaip pagerinti naudotojo patirtį ir paskatinti naudotojus imtis veiksmų.

1. Mikro interakcijos ir
mikro tekstai
Tautvydas Strazdas
HFI Certified Usability Analyst
UAB „Cafe Voltaic”

2. Mikro interakcijos ir mikro tekstai
Kaip dar pagerinti naudotojo patirtį ir
paskatinti naudotojus imtis veiksmų?
Paprasta ir patogu bet nemotyvuoja…
Esminis klausimas

3. Mikro interakcijos ir mikro tekstai
Psichologinių faktorių kurie naudotojams suteiktų:
Įtikinamumo (Persuation)
Emocijų (Emotion)
Pasitikėjimo (Trust)
Ko trūksta?

4. Mikro interakcijos ir mikro tekstai
3 mažos priemonės, kurios
daro didelį poveikį
Mikro interakcijos
Apdovanojančios interakcijos
Mikro tekstai

5. Mikro
interakcijos
(Microinteractions)

6. Mikro interakcijos ir mikro tekstai
Kas yra mikro interakcijos?
Subtilūs elementai, specialiai sukurti vienam
konkrečiam veiksmui iliustruoti arba atlikti.

7. Mikro interakcijos ir mikro tekstai
Leidžia įvykdyti pavienius
individualius veiksmus
Komunikuoja sistemos
būseną ir grįžtamąjį ryšį
Kokias funkcijas atlieka mikro interakcijos?
Padeda naudotojui
išvengti klaidų
Informuoja apie veiksmo
rezultatą

8. Geroji praktika
Mikro interakcijų pavyzdžiai

9. Mikro interakcijos ir mikro tekstai
Habit Loop – įpročių formavimas
Susideda iš 3 esminių elementų:
Cue (užuomina) - veiksmo
iniciavimas
Routine (veiksmas) - veiksmo
vykdymas
Reward (atlygis) - nauda ir
priežastis, dėl ko naudotojas įvykdo
veiksmą

10. Mikro interakcijos ir mikro tekstai
Continuity - tęstinumas
Image credit: Cam Runcie

11. Mikro interakcijos ir mikro tekstai
Image credits: Matt D. Smith
Predictability - nuspėjamumas

12. Mikro interakcijos ir mikro tekstai
Image Credit Colin Garven
Floating CTA Button – veiksmo mygtukas

13. Mikro interakcijos ir mikro tekstai
Image credits: Google Search
Animated Status – animuotos būsenos

14. Mikro interakcijos ir mikro tekstai
Image credit: Oleg Frolov
Circle menu – apskritiminis meniu

15. Mikro interakcijos ir mikro tekstai
Single form field – vieno laukelio forma
Image credit: Colin Garven

16. Mikro interakcijos ir mikro tekstai
Image credit: Jakub Antalík
Dėmesio! Svarbu nepersistengti...

17. Mikro interakcijos ir mikro tekstai
Kokia mikro interakcijų nauda?
Susidomėjimas
Įsitraukimas
Įsimenamumas
Lojalumas
Konversijos

18. Apdovanojančios
interakcijos
(Rewarding interactions)

19. Mikro interakcijos ir mikro tekstai
Kas yra apdovanojančios
interakcijos?
Specialūs dizaino elementai,
kuriantys emociją

20. Mikro interakcijos ir mikro tekstai
Kokia apdovanojančių
interakcijų paskirtis?
Formuoti gerą naudotojo patirtį emociniame lygyje ir
suteikti naudotojui:
Paskatinimą Įkvėpimą Palaikymą

21. Geroji praktika
Apdovanojančių interakcijų pavyzdžiai

22. Mikro interakcijos ir mikro tekstai
Streso sumažinimas
MailChimp

23. Mikro interakcijos ir mikro tekstai
Emocingas patvirtinimas
MailChimp

24. Mikro interakcijos ir mikro tekstai
Netikėta staigmena
Photojojo

25. Mikro interakcijos ir mikro tekstai
Žaismingas pasisveikinimas
Photojojo

26. Mikro interakcijos ir mikro tekstai
Linksmas paskatinimas
Photojojo

27. Mikro interakcijos ir mikro tekstai
Kokia apdovanojančių
interakcijų nauda?
Didesnis susidomėjimas ir įsitraukimas
Pozityvesnis požiūris į prekės ženklą
Didesnė motyvacija pasinaudoti

28. Mikro tekstai
(Microcopy)

29. Mikro interakcijos ir mikro tekstai
Kas yra mikro tekstai?
Tai trumpi, tikslingi ir motyvuojantys tekstiniai elementai.

30. Mikro interakcijos ir mikro tekstai
Kokia mikro tekstų paskirtis?
Padėti apsispręsti,
iškilus abejonėms
Paaiškinti atliekamo
veiksmo rezultatą

31. Geroji praktika
Mikro tekstų pavyzdžiai

32. Mikro interakcijos ir mikro tekstai
Abejonių sumažinimas
Sprendimas
Pridėtas mikro tekstas “No
credit card required”,
išsklaidantis abejones dėl
paslaugos užsakymo.
Rezultatas
Didesnis registracijų skaičius.

33. Mikro interakcijos ir mikro tekstai
Baimės sumažinimas
Sprendimas
Mikro tekstai, paaiškinantys,
kokiu tikslu bus naudojama
asmeninė informacija.
Rezultatas
Didesnis registracijų skaičius.

34. Mikro interakcijos ir mikro tekstai
Konversijų didinimas
Sprendimas
Apmokėjimo procese pridėtas mikro
tekstas “Total (there will be no
additional costs)”.
Rezultatas
Panaikino abejones dėl paslėptų
kainų ir padidino konversijas 11.3%
(Yoast.com)

35. Mikro interakcijos ir mikro tekstai
Pasitikėjimo didinimas
Sprendimas
Mikro tekstai, paskatinantys ir
suteikiantys idėjų, kaip pradėti
pokalbį su būsto savininku.
Rezultatas
Sumažinta baimė inicijuoti
pokalbį, didesnis pasitikėjimas
tarp kliento ir užsakovo,
daugiau bendravimo.
(Airbnb.com)

36. Mikro interakcijos ir mikro tekstai
Lūkesčių valdymas
Sprendimas
Mikro tekstas, nurodantis
priežastį, kodėl prekė bus
pristatyta tik po 3 savaičių.
Rezultatas
Mažiau pasipiktinusių
klientų.

37. Mikro interakcijos ir mikro tekstai
Kokia mikro tekstų nauda?
Naudotojui
• Pagreitina suvokimą
• Sumažina poreikį gilintis
• Išsklaido abejones
• Pagreitina apsisprendimą
• Paskatina imtis veiksmo
Verslui
• Formuoja draugišką įvaizdį
• Komunikuoja paprastumą
• Mažina nesusipratimus
• Padidina pasitikėjimą
• Padidina konversijas

38. Mikro interakcijos ir mikro tekstai
Kuriant gerą naudotojo patirtį, svarbiausia, dėmesys detalėms.
Apibendrinimas

39. Kontaktai
Tautvydas Strazdas
+370 699 49993
tautvydas@cafevoltaic.com
UAB „Cafe Voltaic”
UX Development & Consulting