Sīkdatņu paziņojuma dizaina labākā prakse

Sīkdatņu paziņojums ir viena no pirmajām lietām, ko apmeklētājs ierauga. Tas veido priekšstatu par jūsu zīmolu, uzticēšanos jūsu uzņēmumam un — kas ir īpaši svarīgi — nosaka, vai apmeklētāja piekrišana ir juridiski derīga. Labi izstrādāts paziņojums nodrošina atbilstību bez liekas berzes. Slikti izstrādāts paziņojums vai nu aizbaida lietotājus, vai arī rada piekrišanu, kas neizturēs regulatoru pārbaudi.

Šajā rokasgrāmatā aplūkoti dizaina principi, UX modeļi un pieejamības prasības, kas atšķir atbilstošu, lietotājam draudzīgu sīkdatņu paziņojumu no juridiska riska.

Pirmais iespaids ir svarīgs

Pētījumi konsekventi parāda, ka lietotāji pieņem lēmumu par sīkdatņu paziņojumu divu līdz trīs sekunžu laikā. Vairums lietotāju nelasa pilnu tekstu. Viņi skenē atpazīstamus modeļus — pogas, slēdžus, pazīstamu valodu — un rīkojas instinktīvi. Tas nozīmē, ka jūsu paziņojuma vizuālajam dizainam ir tikpat liela nozīme kā tā juridiskajam saturam.

Mērķis ir padarīt pareizo darbību acīmredzamu un pieejamās izvēles skaidras jau no pirmā skatiena. Ja lietotājam ir jādomā, ko darīt, jūsu dizains ir cietis neveiksmi.

Galvenie principi pirmajam iespaidam:

• Skaidrība, nevis atjautība. Sīkdatņu paziņojums nav vieta radošai tekstu rakstīšanai vai nekonvencionālam UI. Izmantojiet pazīstamus modeļus, ko lietotāji atpazīst.
• Vizuālā hierarhija. Vissvarīgākajiem elementiem — mērķa aprakstam un darbību pogām — jābūt visizteiktākajiem. Sekundārie elementi (iestatījumu saite, politikas saite) var būt mazāk izteikti, bet tiem joprojām jābūt redzamiem.
• Baltā telpa. Saspiests paziņojums rada pārslodzes sajūtu. Dodiet elementiem vietu elpot. Iekšējās atkāpes un atstarpes liecina par profesionalitāti un atvieglo satura pārskatīšanu.

Pogu hierarhija un vizuālais svars

Tieši šeit vairums sīkdatņu paziņojumu neatbilst prasībām — un tieši par to tiek uzlikts visvairāk naudas sodu.

EDPB vadlīnijas 05/2020 par piekrišanu, kā arī vairākas CNIL, Itālijas Garante un Dānijas Datatilsynet izpildes darbības ir noteikušas skaidru principu: iespējai noraidīt sīkdatnes jābūt attēlotai tikpat izteikti kā iespējai tās pieņemt.

Ko tas nozīmē praksē:

• Pieņemšanas un noraidīšanas pogām jābūt vienāda izmēra. Poga "Pieņemt visas", kas ir 200 pikseļu plata, blakus tekstuālai saitei "Noraidīt" nav vienlīdzīga izteiktība. Abām jābūt attēlotām kā salīdzināmu izmēru pogām.
• Abām pogām jāizmanto salīdzināms vizuālais svars. Ja jūsu pieņemšanas poga ir aizpildīta, augsta kontrasta poga, arī noraidīšanas pogai jābūt aizpildītai pogai — nevis kontūrai, "ghost" vai tikai tekstuālam elementam. CNIL 2022. gadā uzlika Google EUR 150 miljonu naudas sodu daļēji tāpēc, ka noraidīšanas iespēja prasīja vairāk piepūles nekā pieņemšana.
• Krāsa nedrīkst manipulēt. Spilgti zaļa poga "Pieņemt" blakus pelēkai pogai "Noraidīt" ir tumšais raksts (dark pattern). Izmantojiet sava zīmola primāro krāsu abām pogām vai neitrālas krāsas abām. Vizuālais signāls nedrīkst virzīt lietotāju uz vienu izvēli.
• Pogu secība ir mazāk svarīga, nekā jūs domājat. Tas, vai pirmā ir pieņemšana vai noraidīšana, nav galvenais jautājums — svarīgs ir vizuālais svars. Tomēr noraidīšanas pogas novietošana kreisajā pusē (pirmā lasīšanas secībā) var signalizēt neitralitāti.

Ieteicamais pogu modelis

Atbilstošs un lietotājam draudzīgs paziņojums parasti izmanto trīs darbības:

1. Noraidīt visas — aizpildīta poga
2. Pieņemt visas — aizpildīta poga ar vienādu izmēru un vizuālo svaru
3. Pārvaldīt preferences — sekundāra poga vai saite (var būt mazāk izteikta, jo tā ved uz otro slāni)

Krāsa un kontrasts

Krāsu izvēle sīkdatņu paziņojumos kalpo diviem mērķiem: zīmola konsekvencei un lasāmībai. No atbilstības viedokļa galvenās prasības ir:

• Teksta kontrasts. Visam paziņojuma tekstam jāatbilst WCAG 2.1 AA kontrasta prasībām: minimālajai kontrasta attiecībai 4,5:1 parastam tekstam un 3:1 lielam tekstam. Tas attiecas uz mērķa aprakstu, pogu uzrakstiem un saitēm.
• Pogu kontrasts. Pogu foniem jābūt pietiekamam kontrastam attiecībā pret paziņojuma fonu, un pogu tekstam jābūt pietiekamam kontrastam attiecībā pret pogas fonu. Pārbaudiet abus slāņus.
• Saišu redzamība. Saitēm uz jūsu sīkdatņu politiku un privātuma politiku jābūt vizuāli atšķiramām no apkārtējā teksta — parasti ar krāsu un pasvītrojumu.
• Fons. Paziņojuma fonam jānodrošina pietiekams kontrasts attiecībā pret tā apkārtni. Ja jūsu paziņojums pārklāj lapas saturu, pārliecinieties, ka pārklājums ir pietiekami necaurspīdīgs, lai paziņojuma teksts būtu lasāms neatkarīgi no zemāk esošā lapas satura.

Izplatīta pieeja ir izmantot baltu vai ļoti gaišu fonu paziņojumam, tumšu tekstu lasāmībai un sava zīmola primāro krāsu pogām. Tas parasti rada spēcīgas kontrasta attiecības un tīru, profesionālu izskatu.

Teksts un mikroteksts

Jūsu sīkdatņu paziņojuma tekstam jābūt juridiski pietiekamam, taču tam jābūt arī saprotamam netehniskai auditorijai. GDPR 39. apsvērums nepārprotami prasa, lai informācija par datu apstrādi tiktu sniegta "skaidrā un vienkāršā valodā".

Virsraksts

Turiet to vienkāršu un tiešu. Efektīvi piemēri:

• "Mēs izmantojam sīkdatnes"
• "Sīkdatņu preferences"
• "Jūsu privātuma izvēles"

Izvairieties no neskaidras vai izvairīgas valodas, piemēram, "Mēs augstu vērtējam jūsu privātumu" — tas lietotājam nepasaka neko konkrētu, ar ko rīkoties.

Mērķa apraksts

Vienā līdz trīs teikumos paskaidrojiet, kādas sīkdatnes izmantojat un kāpēc. Esiet konkrēti:

"Mēs izmantojam nepieciešamās sīkdatnes, lai šī vietne darbotos. Mēs vēlētos izmantot arī analītikas sīkdatnes, lai saprastu, kā jūs izmantojat mūsu vietni, un mārketinga sīkdatnes, lai parādītu jums atbilstošu saturu. Jūs varat pieņemt visas, noraidīt visas vai pārvaldīt savas preferences."

Tas ir kodolīgs, konkrēts un praktisks. Salīdziniet to ar diemžēl izplatīto:

"Šī vietne izmanto sīkdatnes, lai nodrošinātu jums vislabāko pieredzi. Turpinot izmantot šo vietni, jūs piekrītat mūsu sīkdatņu izmantošanai."

Otrais piemērs neatbilst prasībām: tas paredz piekrišanu, turpinot pārlūkošanu (nav derīgi saskaņā ar GDPR), nekonkretizē mērķus un nepiedāvā izvēli.

Pogu uzraksti

Pogu uzrakstiem jābūt nepārprotamiem:

• "Pieņemt visas" un "Noraidīt visas" — skaidra, paralēla valoda
• "Pārvaldīt preferences" vai "Pielāgot" — iestatījumu iespējai
• Izvairieties no: "Labi", "Sapratu", "Turpināt", "Es saprotu" — tie ir divdomīgi un neveido konkrētu piekrišanu

Mobilajām ierīcēm pirmām kārtām domāts dizains

Vairāk nekā 60% tīmekļa datplūsmas ir mobilā. Jūsu sīkdatņu paziņojums tiks skatīts uz ekrāniem, kas ir tik mazi kā 320 pikseļu platumā. Ja jūs projektējat vispirms darbvirsmai un pielāgojat mobilajām ierīcēm, jūs gandrīz noteikti nonāksiet pie saspiestas, nelietojamas mobilās pieredzes.

Mobilā dizaina apsvērumi:

• Sakārtojiet pogas vertikāli. Horizontālas pogu rindas, kas darbojas darbvirsmā, mobilajās ierīcēs kļūst nesalasāmas. Sakārtojiet pieņemšanas, noraidīšanas un iestatījumu pogas vertikāli pilnā platumā.
• Pieskāriena mērķi. Pogām jābūt vismaz 44x44 pikseļu (WCAG 2.5.5, AAA līmenis) vai vismaz 24x24 pikseļu (WCAG 2.5.8, AA līmenis). Mobilajās ierīcēs lielāks vienmēr ir labāk — tiecieties uz 48 pikseļiem vai vairāk augstumā.
• Ekrāna pārklājums. Mobilajās ierīcēs sīkdatņu paziņojums viegli var pārklāt 60–80% no skatvietas. Tas ir pieņemami sākotnējam paziņojumam, taču paziņojums nedrīkst padarīt vietni pilnīgi nelietojamu. Ja izmantojat modālu pārklājumu, pārliecinieties, ka lietotāji joprojām var identificēt, ka atrodas pareizajā vietnē.
• Teksta izmērs. Nekad neizmantojiet mazāku par 14 pikseļiem pamattekstam vai 12 pikseļiem sekundāram tekstam mobilajās ierīcēs. Lietotājiem nevajadzētu tuvināt, lai izlasītu jūsu paziņojumu.
• Ritināšanas uzvedība. Ja jūsu paziņojuma saturs pārsniedz skatvietas augstumu mobilajā ierīcē (īpaši preferenču panelis), tam jābūt ritināmam paziņojuma ietvaros. Neļaujiet paziņojuma saturam sniegties ārpus ekrāna bez iespējas sasniegt pieņemšanas/noraidīšanas pogas.

Kategoriju slēdžu UX

Preferenču panelis — slāņotā paziņojuma otrais slānis — ir vieta, kur lietotāji izdara detalizētas izvēles. Standarta modelis izmanto kategoriju slēdžus: vienu slēdzi katrai sīkdatņu kategorijai (nepieciešamās, analītikas, mārketinga, preferenču), katram ar uzrakstu un aprakstu.

Dizaina vadlīnijas slēdžiem:

• Vizuālajiem stāvokļiem jābūt nepārprotamiem. Ieslēgts (piekrišana sniegta) un izslēgts (piekrišana atturēta) jābūt skaidri atšķiramiem pēc krāsas, pozīcijas un ideālā gadījumā uzraksta ("Ieslēgts" / "Izslēgts" vai atzīme / X). Nepaļaujieties tikai uz krāsu — tas neder krāsu neredzīgiem lietotājiem.
• Nepieciešamajām sīkdatnēm jābūt ieslēgtām un atspējotām. Kategorijai "Stingri nepieciešamās" jābūt ieslēgtai ar vizuāli atspējotu slēdzi (izpelēkotu vai ar slēdzenes ikonu) un ar piezīmi, kas paskaidro, ka šīs sīkdatnes nevar atspējot, jo tās ir nepieciešamas vietnes darbībai.
• Neobligāto kategoriju noklusējuma stāvoklim jābūt izslēgtam. Iepriekš atzīmēti slēdži veido iepriekš izvēlētu piekrišanu, ko nepārprotami aizliedz EST Planet49 nolēmums.
• Kategoriju aprakstiem jābūt saprotamiem cilvēkam. "Analītikas sīkdatnes" ir uzraksts. "Palīdz mums saprast, kā apmeklētāji mijiedarbojas ar mūsu vietni, apkopojot anonīmus lietošanas datus" ir apraksts. Nodrošiniet abus.
• Izvēršami sīkdatņu saraksti. Zem katras kategorijas nodrošiniet izvēršamu sadaļu, kurā uzskaitītas atsevišķās sīkdatnes: nosaukums, nodrošinātājs, mērķis un ilgums. Šādu caurspīdīguma līmeni datu aizsardzības iestādes arvien vairāk sagaida.

Iestatījumu/preferenču paneļa dizains

Preferenču panelis ir kritiski svarīga sastāvdaļa. Kad lietotājs noklikšķina "Pārvaldīt preferences", viņš aktīvi iesaistās savās privātuma izvēlēs — tas ir lietotājs, pret kuru jums jāizturas ar vislielāko cieņu.

• Skaidrs virsraksts. "Sīkdatņu preferences" vai "Pārvaldiet savu privātumu" — padariet acīmredzamu, kam šis panelis paredzēts.
• Saglabāšanas poga. Izteikta poga "Saglabāt preferences", kas apstiprina lietotāja detalizētās izvēles. Šai pogai jābūt viegli sasniedzamai bez pārmērīgas ritināšanas.
• Pieņemt visas un Noraidīt visas jāpaliek pieejamām. Pat preferenču panelī nodrošiniet ātrās piekļuves pogas, lai pieņemtu visas vai noraidītu visas. Daži lietotāji atver paneli aiz zinātkāres, taču joprojām vēlas ātru darbību.
• Aizvēršanas uzvedība. Ja lietotājs aizver preferenču paneli, nesaglabājot, uztveriet to kā nesniegtu piekrišanu — neiestatiet neobligātas sīkdatnes. Neieslodziet lietotājus panelī.

Zīmola pielāgošana, saglabājot atbilstību

Jūsu sīkdatņu paziņojumam jājūtas kā daļai no jūsu vietnes, nevis kā trešās puses ielaušanās. Vairums piekrišanas pārvaldības platformu ļauj pielāgot krāsas, fontus, logotipa izvietojumu un tekstu. Izmantojiet to, lai saskaņotu paziņojumu ar jūsu zīmola identitāti.

Tomēr zīmola pielāgošana nedrīkst apdraudēt atbilstību:

• Jūs varat izmantot sava zīmola krāsas, bet pogām joprojām jābūt vienlīdzīgam vizuālajam svaram.
• Jūs varat izmantot sava zīmola fontu, bet tekstam joprojām jābūt lasāmam izmantotajos izmēros.
• Jūs varat pievienot savu logotipu, bet tas nedrīkst pabīdīt kritisko saturu (mērķa aprakstu, pogas) zem redzamā apgabala.
• Jūs varat pielāgot tekstu, bet tam joprojām jābūt konkrētam, precīzam un pilnīgam.

Pieejamības prasības sīkdatņu paziņojumiem

Sīkdatņu paziņojums, kas nav pieejams, neatbilst prasībām — gan saskaņā ar privātuma likumdošanu (lietotājs nevarēja sniegt informētu piekrišanu, ja viņš nevarēja uztvert vai izmantot paziņojumu), gan saskaņā ar pieejamības likumdošanu (Eiropas Pieejamības akts un nacionālie likumi par invaliditātes diskrimināciju).

WCAG AA prasības

• Navigācija ar tastatūru. Katram interaktīvajam elementam — pogām, slēdžiem, saitēm, aizvēršanas ikonām — jābūt sasniedzamam un vadāmam ar tastatūru. Tabulēšanas secībai jābūt loģiskai (parasti: mērķa teksts, tad noraidīt, tad pieņemt, tad pārvaldīt preferences).
• Fokusa pārvaldība. Kad paziņojums parādās, fokusam jāpārvietojas uz to (vai tam jātiek paziņotam). Kad paziņojums tiek aizvērts, fokusam jāatgriežas pie galvenā satura. Fokusa indikatoriem jābūt redzamiem.
• Ekrāna lasītāja atbalsts. Paziņojumam jāizmanto atbilstošas ARIA lomas un uzraksti. Paziņojuma konteineram izmantojiet role="dialog" un aria-label="Cookie consent". Pogām jābūt pieejamiem nosaukumiem. Slēdžu stāvokļiem jātiek paziņotiem (aria-checked).
• Krāsu kontrasts. Visam tekstam un interaktīvajiem elementiem jāatbilst WCAG 2.1 AA kontrasta attiecībām (4,5:1 parastam tekstam, 3:1 lielam tekstam un UI komponentiem).
• Bez tastatūras slazdiem. Lietotājiem jāspēj aiznavigēt prom no paziņojuma. Lai gan modāls pārklājums var ierobežot fokusu uz paziņojumu (fokusa slazdošana modāļiem ir pieņemts modelis), vienmēr jābūt iespējai aizvērt paziņojumu un sasniegt lapas saturu.
• Kustība. Ja paziņojums izmanto animācijas (ieslīdēšana, izgaišana), ievērojiet prefers-reduced-motion multivides vaicājumu un nodrošiniet samazinātas vai bezkustības alternatīvu.

Jūsu paziņojuma pieejamības testēšana

1. Naviģējiet visu paziņojumu, izmantojot tikai tastatūru (Tab, Enter, Space, Escape).
2. Testējiet ar ekrāna lasītāju (VoiceOver operētājsistēmā macOS, NVDA operētājsistēmā Windows).
3. Pārbaudiet krāsu kontrastu ar tādu rīku kā WebAIM Contrast Checker.
4. Testējiet ar 200% tālummaiņu — paziņojumam jāpaliek lietojamam.
5. Testējiet mobilajā ierīcē ar iespējotu VoiceOver vai TalkBack.

Testēšana un iterācija

Sīkdatņu paziņojums nav iestatāms un aizmirstams elements. Lietotāju uzvedība, regulējumi un jūsu vietnes sīkdatņu izmantošana laika gaitā mainās. Plānojiet nepārtrauktu testēšanu:

• Piekrišanas rādītāji. Sekojiet līdzi, cik liels lietotāju procents pieņem, noraida vai pielāgo. Ja jūsu noraidīšanas rādītājs ir aizdomīgi zems (zem 10%), jūsu paziņojums, iespējams, izmanto tumšos rakstus — vai nu tīši, vai netīši.
• Mijiedarbības rādītāji. Sekojiet līdzi, cik daudz lietotāju mijiedarbojas ar preferenču paneli. Zema iesaiste var norādīt, ka iespēja "Pārvaldīt preferences" nav pietiekami redzama.
• A/B testēšana. Testējiet dažādus tekstus, pogu uzrakstus un izkārtojumus. Mērķis nav maksimizēt piekrišanas rādītājus — tas ir maksimizēt informētas piekrišanas rādītājus. Paziņojums, ar kuru mijiedarbojas vairāk lietotāju, ir labāks paziņojums.
• Regulējuma atjauninājumi. Sekojiet līdzi jūsu attiecīgo datu aizsardzības iestāžu vadlīnijām. Izpildes interpretācijas attīstās, un jūsu paziņojumam jāattīstās līdzi tām.
• Sīkdatņu auditi. Regulāri skenējiet savu vietni, meklējot jaunas sīkdatnes. Ja pievienojat jaunu analītikas rīku vai mārketinga pikseli, jūsu paziņojuma kategorijas jāatjaunina, lai tās to atspoguļotu.

Passiro nodrošina automatizētu sīkdatņu skenēšanu un piekrišanas rādītāju analītiku, lai palīdzētu jums saglabāt paziņojumu precīzu un efektīvu. Uzziniet vairāk par Passiro piekrišanas pārvaldību.