Kaikki artikkelit
Blogi30. lokakuuta 2026Read in English

Peukalotesti: suunnittele sähköposti toimimaan puhelimessa

Tilaajasi lukevat viestejä usein puhelimella, yhdellä kädellä ja kiireessä. Tee peukalotesti ja korjaa pienet napit, ahdas teksti ja raskaat kuvat.

Avaa viimeisin uutiskirjeesi puhelimella. Pidä puhelinta yhdessä kädessä, niin kuin pitäisit sitä ratikassa tai jonossa. Yritä sitten lukea viesti ja napauttaa painiketta. Jos se tuntui työläältä, se tuntui työläältä myös tilaajistasi.

Sähköpostin suunnittelu mobiilia varten ei vaadi uudistusta eikä kehittäjää. Se vaatii lyhyen rutiinin ennen jokaista lähetystä. Kutsumme sitä peukalotestiksi: viisi nopeaa tarkistusta, noin kymmenen minuuttia, tehtynä oikealla puhelimella eikä tietokoneen esikatselussa.

Miksi oikea puhelin voittaa esikatselun

Esikatselu näyttää asettelun. Se ei näytä, miten peukalosi, silmäsi ja hidas yhteys käyttäytyvät. Puhelin kädessäsi näyttää. Käytä puhelinta, joka sinulla oikeasti on, ja lainaa mahdollisuuksien mukaan toista, jonka näyttö on eri kokoinen.

Tarkistus 1: Lue viesti käsivarren mitan päästä

Pidä puhelinta tavallisella lukuetäisyydellä, älä nenän edessä. Pystytkö lukemaan leipätekstin ilman zoomausta? Hyvä lähtökohta on noin 16 px:n (pikselin, näytön pienen rakennusosan) leipäteksti. Paljon pienempi saa lukijan siristelemään silmiään tai luovuttamaan.

Otsikoiden pitää olla selvästi leipätekstiä isompia, jotta rakenne hahmottuu yhdellä silmäyksellä. Katso myös asettelua. Puhelimessa yksi sarake on lähes aina paras ratkaisu. Kaksi tai kolme saraketta puristuvat kapeiksi kaistaleiksi tai asettuvat oudossa järjestyksessä päällekkäin.

Tarkistus 2: Napauta jokaista linkkiä peukalolla

Napauta jokaista painiketta ja linkkiä pelkällä peukalolla. Kiinnitä huomiota näihin:

  • Osutko vahingossa väärään linkkiin? Liian lähekkäin olevat linkit ovat yleisin syy.
  • Onko pääpainike niin leveä ja korkea, ettei siihen tarvitse tähdätä? Hyvä painike on suunnilleen tekstisarakkeen levyinen ja sormenpään korkuinen.
  • Kertooko painikkeen teksti, mitä seuraavaksi tapahtuu, esimerkiksi “Varaa pöytä”, eikä pelkkä “Klikkaa tästä”?

Kappaleisiin piiloutuneet pienet tekstilinkit ovat pahimpia. Jätä ne lisätiedoille ja anna pääasialle kunnollinen painike, jonka ympärillä on tilaa.

Vinkki: Anna jokaiselle viestille yksi pääpainike. Jos viesti on pitkä, toista sama painike kerran lopussa. Kaikki muu on toissijaista.

Tarkistus 3: Sulje kuvat pois

Monet sähköpostisovellukset pidättävät kuvat, kunnes lukija sallii ne, ja hitaalla yhteydellä kuvat latautuvat myöhässä. Kytke kuvat pois sähköpostisovelluksesta tai katso testiviestiä ennen kuvien lataamista. Kysy sitten:

  • Onko viesti edelleen ymmärrettävä?
  • Onko tärkein asiasi oikeaa tekstiä eikä kuvaan upotettuja sanoja?
  • Onko jokaisella merkityksellisellä kuvalla alt-teksti (lyhyt kirjallinen kuvaus, joka näkyy, kun kuva ei lataudu)?

Kuvasta tehty painike katoaa, kun kuvat ovat pois päältä. Tekstistä ja taustavärin avulla tehty painike pysyy paikallaan. Valitse jälkimmäinen.

Tarkistus 4: Katso viesti tummassa tilassa

Monissa puhelimissa voi ottaa käyttöön tumman tilan, joka muuttaa vaaleat taustat tummiksi. Viestiäsi voidaan muokata automaattisesti, ja se voi mennä pieleen: tumma logo katoaa tummalle taustalle tai kuva jää ikävään valkoiseen laatikkoon.

Vaihda puhelin tummaan tilaan ja katso. Korjaukset ovat yleensä yksinkertaisia. Käytä logoa, jossa on läpinäkyvä tausta ja joka näkyy sekä vaaleaa että tummaa vasten, äläkä käytä vaaleanharmaata tekstiä, joka toimii vain valkoisella.

Tarkistus 5: Viiden sekunnin silmäys

Anna puhelin kollegalle tai katso itse viestiä pienen tauon jälkeen, ja anna sille viisi sekuntia. Kysy sitten: mistä tässä viestissä on kyse ja mitä minun odotetaan tekevän? Jos vastaus on sumea, viestissä on liian monta ajatusta. Poista toinen ja kolmas tai siirrä ne pääasian alapuolelle.

Kiinnitä erityistä huomiota alkuun. Puhelimessa ensimmäinen ruutu ratkaisee, luetaanko loput. Laita tärkein lause ja pääpainike ensimmäiseen tai toiseen vierityskertaan, älä valtavan bannerin alle.

Kuusi nopeaa korjausta, jotka ratkaisevat suurimman osan ongelmista

  1. Käytä yhden sarakkeen asettelua.
  2. Aseta leipäteksti noin 16 px:ään ja pidä kappaleet kahden tai kolmen rivin mittaisina.
  3. Tee painikkeista leveitä ja jätä niiden ylä- ja alapuolelle tilaa.
  4. Käytä vähän kuvia ja pienennä niiden tiedostokoko. Yksi vahva kuva voittaa viisi keskinkertaista.
  5. Kirjoita alt-teksti jokaiselle merkitykselliselle kuvalle.
  6. Pidä koko viesti niin lyhyenä, että sen selaa vaivatta.

Tee siitä tapa

Kirjoita viisi tarkistusta kortille ja pidä se työpöydälläsi. Käy ne läpi ennen jokaista lähetystä ja kirjaa ylös, mitä muutit. Muutaman viestin jälkeen alat huomata ongelmat jo suunnitteluvaiheessa, jolloin ne on halvinta korjata.

Kannattaa myös pitää kirjaa siitä, mikä omaa yleisöäsi puhuttelee. Jos huomaat, että yhden selkeän painikkeen viestit tuottavat enemmän klikkauksia kuin kiireiset, tee siitä oma tyylisi.

Jos rakennat viestisi CARIO Mailissa, lähetä testiviesti ensin omaan puhelimeesi ja tee peukalotesti sillä. Siihen menee muutama minuutti, ja se paljastaa sen, minkä tietokoneen näyttö jättää näyttämättä. Tee se joka kerta, niin lukijasi huomaavat hiljaa, että viestisi on helppo lukea, helppo toimia sen mukaan ja mukava avata.