Jak vytvořit cookies lištu z pohledu UX, tedy jak nasbírali co nejvíce souhlasů, bez ztráty návštěvnosti či konverze.

1. UX pro cookies lištu 2022
@MichalVojak

2. Mobil vs. deskto
p
Varianty
Tlačítka a textac
e
Výkonnos
t
Existující řešen
í
Pozor na …

3. Mobil vs. desktop
Desktop Mobil
40 - 80 %

4. Proč je to důležité
Desktop Mobil

5. Mobil vs. deskto
p
Variant
y
Tlačítka a textac
e
Výkonnos
t
Existující řešen
í
Pozor na …

6. Mobil

7. Desktop

8. Mobil vs. deskto
p
Variant
y
Tlačítka a textac
e
Výkonnos
t
Existující řešen
í
Pozor na …

9. Umístění tlačítek mobil
www.smashingmagazine.com/2016/09/the-thumb-zone-designing-for-mobile-users/ medium.com/the-ecommerce-
thinkship/bow-to-the-thumb-
rethinking-navigation-for-bigger-
screens-in-2018-7a0a2e1457a5

10. Umístění tlačítek desktop

11. Možnost nastavení hned či na klik

12. Tlačítka
Souhlasím
Nesouhlasím
Souhlasím
Nesouhlasím
Souhlasím
Nesouhlasím
Souhlasím
Nesouhlasím
Souhlasím
Nesouhlasím
Souhlasím
Nesouhlasím
Souhlasím
Nesouhlasím

13. Textace tlačítka
Př
ij
ímám
Povolit volbu
Souhlasím
Zavřít
Souhlasím
Nesouhlasím
Ano, jsem super
Jsem sobec a nechci

14. Srozumitelnost textace
๏ Pochopitelná o co jde
๏ Nemusí jít o právnické formulace
๏ Uživatel by měl vědět s čím souhlasí
๏ Nezapomeňte na odkaz na stránku
informující o cookies

15. Mobil vs. deskto
p
Variant
y
Tlačítka a textac
e
Výkonnos
t
Existující řešen
í
Pozor na …

16. Překrytý obsah nevadí, ale musí
být dostupný

17. Křížek si otestujte
X

18. Overlay nad webem

19. Jak moc chcete sbírat souhlasy

20. Jak moc chcete sbírat souhlasy
Pozor na Pogo-Sticking
a vyhodnocení jako banne
r

21. DHL případová studie Zdroj
https://analytics.dhl.com/despite-
gdpr-up-to-70-analytics-opt-in-
rates-why-extensive-testing-is-
worth-ervery-minute-of-e
ff
ort/

22. DHL případová studie

23. DHL případová studie

24. Výkon na naší stránce

25. Výkon na naší stránce
๏ Velmi dobrý poměr mezi potvrzení všeho
a potvrzení
๏ Vysoká míra okamžitého odchodu ze
stránky bez interakce s lištou

26. Co pomůže
souhlasu
๏ Pochopitelné UX řešení
๏ Síla brandu
๏ Odvětví a cílová skupina
๏ Síla potřeby návštěvníka
๏ Unikátnost produktu
๏ Pochopení kam přišel
๏ Relevantnost návštěvníka

27. Mobil vs. deskto
p
Variant
y
Tlačítka a textac
e
Výkonnos
t
Existující řešen
í
Pozor na …

28. Existující řešení
https://www.consentmanager.net/cookie-consent/cookie-banner/ https://www.cookiebot.com

29. Mobil vs. deskto
p
Variant
y
Tlačítka a textac
e
Výkonnos
t
Existující řešen
í
Pozor na …

30. Mobil je
malý a
musíte tam
toho dostat
hodně
Chat

31. Rozhodovací paralýza

32. Problémy s rozlišením
1366x768

33. Důležité body
๏ Zvolte si, jak moc chcete sbírat souhlasy oproti
výkonu stránky
๏ Varianty testujte, není unikátní skvělé řešení
๏ Myslete na mobil

34. Pomáháme
fi
rmám s Product Discovery
Michal
Product design lead
/designdevcz
designdev.cz /designdevcz /company/designdevcz