Reaktiopainikkeet

Mitä reaktiopainikkeet ovat?

Reaktiopainikkeet ovat yksinkertaisia palautewidgettejä, jotka on sijoitettu suoraan verkkosivulle. Niiden avulla kävijät voivat jakaa mielipiteensä yhdellä klikkauksella. Yleisiä muotoja ovat peukku ylös ja alas, emoji-kasvot tai tähtiasteikko. Lomakkeita tai kirjoittamista ei tarvita. Tavoitteena on tehdä palautteen antamisesta niin helppoa, että useammat ihmiset oikeasti tekevät sen.^[1]

Miksi reaktiopainikkeet ovat tärkeitä?

Suurilla sivustoilla on tuhansia sivuja. Yliopistolla voi olla 500 ohjeartikkelia. Viranomaisella voi olla 2 000 palvelusivua. Jokaisen sivun manuaalinen tarkistaminen ei ole realistista.

Reaktiopainikkeet antavat sisältötiimeille reaaliaikaisen signaalin. Ne näyttävät, mitkä sivut auttavat kävijöitä ja mitkä hämmentävät heitä. Tämä korvaa arvailun oikealla datalla.

IT-tiimeille reaktiopainikkeet ovat keveitä ottaa käyttöön. Ne kuormittavat sivuja minimaalisesti ja keräävät dataa yksinkertaisilla API-kutsuilla. Useimmat toteutukset toimivat olemassa olevien analytiikkatyökalujen kanssa.

Laki- ja compliance-tiimeille reaktiopainikkeet voivat toimia käyttäjäpalautteen kanavana, jota eurooppalainen saavutettavuusasetus edellyttää. Mutta vain jos painikkeet itse ovat saavutettavia.

Yleiset reaktiopainikkemuodot

Peukku ylös / peukku alas — Yksinkertainen kyllä-tai-ei-valinta. Toimii hyvin ohjeartikkeleissa ja tietopankkisivuilla. Se tuottaa selkeän hyväksyntäsuhteen: ylöspeukkujen määrä jaettuna äänten kokonaismäärällä.

Emoji-reaktiot — Kolmesta viiteen kuvaketta, jotka näyttävät tunneskaalan turhautuneesta ilahtuneeseen. Nämä tarjoavat enemmän tarkkuutta kuin binäärinen valinta. Ne toimivat hyvin uutisartikkeleissa, opetussisällössä ja palvelusivuilla, joilla halutaan tietää miltä ihmisistä tuntuu, ei vain hyväksyvätkö he.^[2]

Tähtiasteikko — Yhdestä viiteen tähteä. Useimmille käyttäjille tutuin muoto. Yleinen verkkokaupan tuotesivuilla ja arvostelupalveluissa. Viiden tähden asteikko vastaa suoraan asiakastyytyväisyyspisteiden (CSAT) menetelmää.^[3]

"Oliko tämä hyödyllinen?" — Tekstipohjainen versio peukku ylös/alas -painikkeesta. Selkeä kysymys antaa kontekstin, jota pelkkien kuvakkeiden widgetit eivät anna. Tämä muoto saa usein tarkempia vastauksia dokumentaatio- ja UKK-sivuilla.

Miten reaktiopainikkeiden dataa käytetään organisaatioissa?

Reaktiodata muuttuu voimakkaaksi, kun sitä seurataan sivutasolla ajan mittaan.

Heikon sisällön löytäminen. Sivut, joilla on matala positiivinen prosentti, tarvitsevat uudelleenkirjoitusta tai poistamista. Jos pankin UKK-sivu tilisiirroista saa 30 % peukkuja alas, sisältötiimi tietää tarkistaa sen.

Regressioiden nopea havaitseminen. Sivu, joka on saanut hyviä pisteitä kuukausia ja yhtäkkiä tippuu, on todennäköisesti muuttunut äskettäin. Ehkä CMS-päivitys rikkoi asettelun. Ehkä joku muokkasi sisältöä. Reaktioiden seuraaminen julkaisujen rinnalla auttaa IT-tiimejä löytämään ja korjaamaan nämä ongelmat nopeasti.

Prioriteettien asettaminen. Kun parannettavia sivuja on satoja, reaktiodata kertoo, mistä aloittaa. Korjaa ensin sivut, joilla on eniten liikennettä ja huonoimmat pisteet.

Entä vastausharha?

Reaktiopainikkeet saavat korkeampia vastausprosentteja kuin sähköpostikyselyt, koska ne ovat niin helppoja käyttää. Mutta ne eivät ole täydellisiä. Ihmiset, joilla on vahvoja tunteita — erittäin tyytyväiset tai erittäin turhautuneet — klikkaavat todennäköisemmin kuin neutraalit käyttäjät. Tämä saa tulokset näyttämään ääripäisemmiltä kuin todellisuus.^[4]

Yleinen ratkaisu: näytä lyhyt tekstikenttä negatiivisen reaktion jälkeen. Tämä lisää hyödyllistä kontekstia. "Mikä meni pieleen?" pienellä tekstikentällä tallentaa tietyn ongelman, jota pelkkä luku ei pysty selittämään.

Miten reaktiopainikkeista tehdään saavutettavia?

Reaktiopainikkeet ovat interaktiivisia kontrollieja. WCAG 2.1:n onnistumiskriteerin 4.1.2 mukaan niillä pitää olla nimet, roolit ja arvot, jotka apuvälineteknologia pystyy lukemaan.^[5] Käytännössä tämä tarkoittaa:

• Jokaisella painikkeella pitää olla selkeä saavutettava nimi. Käytä aria-label="Hyödyllinen" tai aria-label="Ei hyödyllinen" pelkkiin kuvakkeisiin luottamisen sijaan. Asianmukaiset ARIA-attribuutit varmistavat, että ruudunlukuohjelmat ilmoittavat jokaisen painikkeen oikein.
• Valittu tila pitää viestiä aria-pressed-attribuutilla, jotta ruudunlukuohjelmat kertovat, onko painike aktiivinen.
• Käyttäjien pitää pystyä käyttämään painikkeita näppäimistöllä. Kohdistusindikaattorien pitää olla näkyviä WCAG 2.2:n onnistumiskriteerin 2.4.11 mukaisesti.

Jos reaktiopainikkeet eivät ole saavutettavia, ruudunlukuohjelmien ja näppäimistön käyttäjät eivät voi antaa palautetta. Tämä vääristää dataa ja voi luoda oikeudellisen esteen eurooppalaisen saavutettavuusasetuksen nojalla.

Miten Askem auttaa?

Reaktiopainikketyökalua valitessa etsi sellaista, joka on evästeettömät, GDPR-yhteensopiva ja oletuksena saavutettava. Painikkeiden tulisi täyttää WCAG 2.2 AA -standardit, jotta kaikki käyttäjät — myös näppäimistönavigoinnin ja ruudunlukuohjelman käyttäjät — voivat osallistua. Suuria sisältökirjastoja hallinnoivat organisaatiot käyttävät Askemin kaltaisia työkaluja tuhansien sivujen seuraamiseen kerralla, ja tyyli on muokattavissa brändin mukaan. Evästeettömät palautewidgetit välttävät evästebannerin tarpeen, mikä pitää vastausprosentit korkeina.

Lähteet

1. Nielsen Norman Group — Response Rates for User Research: https://www.nngroup.com/articles/response-rates-user-research/
2. Tims, A. — Facebook's new reactions: how five new buttons have changed the social network. The Guardian, 2016: https://www.theguardian.com/technology/2016/mar/10/facebooks-reactions-buttons-change-social-network
3. Likert, R. — "A technique for the measurement of attitudes." Archives of Psychology, 1932.
4. Tourangeau, R., Rips, L.J., & Rasinski, K. — The Psychology of Survey Response. Cambridge University Press, 2000.
5. W3C — WCAG 2.1 Success Criterion 4.1.2 Name, Role, Value: https://www.w3.org/TR/WCAG21/#name-role-value