codexier.

Design och UX

Mikrotexter – knappar och felmeddelanden som hjälper

Av CodexierPublicerad 6 min läsning

Texterna som tappar användare är de minsta. En knapp märkt Skicka in, ett fel som säger Något gick fel, en tom skärm som inte erbjuder något. Var och en kostar en del av dem som når den, och i ett formulär eller en kassa är den delen skillnaden mellan ett lead och en avhoppare. Mikrotext är disciplinen att skriva de små texterna så att de hjälper. Den här guiden ger reglerna och skriver om de vanliga fallen, på både svenska och engelska.

Knappar som säger vad som händer

En användare med musen över en knapp ställer en fråga: vad händer om jag trycker här? Etiketten ska svara. Verb plus objekt är det pålitliga mönstret, och verbet ska vara det användaren skulle använda, inte det systemet använder. Ingen skickar in; folk skickar, bokar, betalar och sparar. När handlingen har en konsekvens, som att pengar lämnar ett konto eller ett meddelande går till en kund, säg det på knappen och låt bekräftelsen upprepa det.

FöreEfter (SV)Efter (EN)Varför
Skicka inSkicka förfråganSend requestNamnger utfallet, inte mekanismen
FortsättGå till betalningGo to paymentBerättar vad nästa skärm är
OKTa bort projektetDelete projectEn destruktiv handling behöver ett eget verb
Klicka härLadda ner fakturan (PDF)Download the invoice (PDF)Beskriver saken och dess format
Registrera digSkapa gratis kontoCreate free accountTar bort kostnadsfrågan i tveksamhetens ögonblick

Felmeddelanden som hjälper

Ett felmeddelande har tre uppgifter: säga vad som hände, säga varför i termer användaren kan agera på, och säga vad man gör nu. De flesta misslyckas med alla tre på ett enda ord. Det andra vanliga felet är skuld: Ogiltig inmatning säger att användaren gjorde fel utan att säga hur. Skriv från användarens sida, namnge fältet och föredra en lösning framför en beskrivning.

  • I stället för Ogiltig e-post: Kontrollera e-postadressen, den verkar sakna ett @. På engelska: Check the email address, it seems to be missing an @.
  • I stället för Fel 500: Vi kunde inte spara dina ändringar. Din text finns kvar, försök igen om en stund. På engelska: We could not save your changes. Your text is still here; try again in a moment.
  • I stället för Betalningen misslyckades: Kortet nekades av din bank. Prova ett annat kort eller betala med Swish. På engelska: The card was declined by your bank. Try another card or pay with Swish.
  • I stället för Ogiltigt personnummer: Ange personnumret som ÅÅÅÅMMDD-XXXX. På engelska: Enter the personal number as ÅÅÅÅMMDD-XXXX.
  • Visa aldrig en teknisk felutskrift, en kod ensam eller ett meddelande som avslutar samtalet. Lämna alltid ett nästa steg, om så bara ett telefonnummer.

Tomma vyer och tips

Första gången en användare öppnar en lista är den tom, och en tom skärm läses som trasig. En tom vy säger vad som kommer att finnas här, varför det är användbart, och ger den första handlingen. Tips gör samma jobb inne i formulär: en kort rad under ett fält som förebygger felet i stället för att förklara det efteråt.

Tom lista

Inga fakturor än. När du skickar din första faktura visas den här med status. Knapp: Skapa faktura. På engelska: No invoices yet. When you send your first invoice it will appear here with its status. Button: Create invoice.

Fälttips

Under ett organisationsnummer: 10 siffror, som på registreringsbeviset. På engelska: 10 digits, as on your registration certificate. Förebygger det vanligaste formatfelet innan det uppstår.

Sökning utan träffar

Inga kunder matchar Andersson. Kontrollera stavningen eller lägg till en ny kund. På engelska: No customers match Andersson. Check the spelling or add a new customer.

Tonläge på svenska: du eller ni

Svenska gränssnitt tilltalar användaren som du nästan undantagslöst, och det informella tilltalet är inte ett stilval utan normen, även hos banker och myndigheter. Ni läses antingen som ett företag som tilltalas kollektivt, vilket fungerar i B2B-text om organisationen, eller som en förlegad artighet som många läsare tycker är underlig. Den praktiska regeln: du för personen som utför uppgiften, ni när ni verkligen menar företaget, och aldrig båda i samma mening.

  1. Använd du i knappar, felmeddelanden och tips, eftersom de tilltalar personen vid tangentbordet.
  2. Använd ni i text om kundens organisation: Era fakturor, ert konto, när kontot tillhör ett företag.
  3. Håll imperativet kort och neutralt: Spara, Skicka, Avbryt. Mjuka inte upp med vänligen; det läses som översatt engelska.
  4. Matcha tonen mellan språken: säger engelskan We could not save, säger svenskan Vi kunde inte spara, inte Sparningen misslyckades.

Testa mikrotexterna

Mikrotext är billig att ändra och billig att testa, och därför ska den aldrig avgöras av åsikter. Se fem personer ur er faktiska målgrupp använda skärmen och notera var de stannar upp, läser om eller frågar vad en knapp gör. Varje paus är en text att skriva om. För skärmar med mycket trafik, kör de två versionerna sida vid sida och räkna slutföranden; för allt annat räcker testet med fem personer.

  • Läs varje knappetikett utan sammanhang. Är den obegriplig ensam är den obegriplig på sidan.
  • Utlös varje fel avsiktligt och läs meddelandet som en förstagångsanvändare utan tekniskt ordförråd.
  • Jämför den svenska och engelska versionen sida vid sida i längd; svenskan är oftast längre och spränger knappar.
  • Håll en gemensam ordlista för era termer, så att en kund inte är kund på en skärm och klient på nästa.

När ni inte behöver hjälp: en liten sajt med ett kontaktformulär fixar sina mikrotexter på en eftermiddag med tabellerna ovan. Där en granskning betalar sig är en produkt eller kassa med många skärmar, två språk och ett mätbart tapp någonstans i flödet; texten är oftast en del av orsaken. Det är en av sakerna vår UX-granskning täcker, skärm för skärm med omskrivningar ni kan klistra in; den prissätts på prissidan, eller boka ett samtal och visa oss skärmen som oroar er.

Vanliga frågor

Ska knappar skrivas i första person, som Skapa mitt konto?

Sällan. Etiketter i första person fungerar i några konsumentsammanhang men läses som gimmick på svenska och i B2B-verktyg. Verb plus objekt i imperativ, Skapa konto, är tydligare och kortare.

Hur långt får ett felmeddelande vara?

Långt nog att säga vad som hände och vad man gör, vilket oftast är en eller två korta meningar. Behöver det mer hör lösningen hemma i formulärets design, inte i meddelandet.

Kan vi använda humor i mikrotext?

I en tom vy eller ett bekräftelsemeddelande kan en lätt ton passa varumärket. I ett felmeddelande, aldrig; användaren är redan frustrerad, och ett skämt om det läses som likgiltighet.

Vem ska skriva mikrotexten, designern eller utvecklaren?

Vem som än skriver den bör en person äga ordlistan och granska varje sträng före release. I praktiken skriver designern utkast, utvecklaren flaggar var text spränger layouten, och någon med kundens ordförråd kontrollerar orden.

Har ni ett formulär eller en kassa där folk stannar?

Femton minuter: visa oss skärmen, så pekar vi ut texterna som mest troligt tappar folk och vad ni bör skriva i stället.

Boka ett kostnadsfritt 15-minuterssamtal