Användning av Toasts
Toasts kan användas när du vill ge feedback till användaren. Till exempel med helt vanlig information. Eller vi framgå – ”-filen är sparad”. Men även vid en varning och ett felmeddelande.
Varnings- och felmeddelanden måste stängas manuellt av användaren. Medan framgång och information stänger när en timer tar slut.
Varnings- och feltoaster stängs automatiskt om en navigeringsåtgärd skickas. Skicka fel- eller varningsmeddelandet efter navigeringen för att få det att fortsätta genom navigeringen. Längden på hur länge Toasten visas (för framgång och info) beror nu på meddelandets längd.
Här kan du enkelt testa längden på ditt meddelande
För att våra Toasts inte ska bli allt för stora och långa har vi begränsat antal tecken till 140 st. Med detta antalet tecken kan vi på ett tydligt och kommunikativt förmedla det vi behöver till en användare.
Våra Toasts kommer endast tillåta max två rader text. Detta av flera anledningar. Dels för att våra Toasts ska ge ett luftigt och enkelt uttryck. Dels för att kommunikativt är 2 rådet snabbare att uppfatta än 3.
Tone of Voice
Hur har ett budskap att leverera och en mottagare för det. Hur svårt kan det va?
Utgå ifrån hur du själv skulle vilja att det förmedlades till dig. Kan det variera över dagen och i olika situationer, hur du tar emot det.
Vi är inte kompisen som du hänger med på caféet. Inte heller myndigheten som kommunicerar i grått. Vi är mänskliga och vi kommunicerar.
Informativt
För vem vill du förmedla vad? Hur når du fram med ditt budskap? Är användaren mottaglig för ditt meddelande eller sitter hen med annat?
Sitter troligen med annat än väntar på ditt meddelande. Så hur skriver du för att nå igenom då. Kanske fundera på hur du kan förmedla ett budskap till barnen hemma när de leker med en kompis framför TV och padda samtidigt som lördagsgodiset är på G.
Tänk igenom en gång extra. Hur vill du att meddelandet uppfattas. Vad ska mottagaren tänka när det levererats.
Färgsignaler
Vi förenklar kommunikationen genom att begränsa antalet färgsignaler till 2. Den neutrala Informationen är Vit medan Varning är Gul och Error, Röd
Länk till Fabstrakta Toasts
Länk till Fabstrakta Alerts
Informations + SuccessToast – Vit Toast
BG: #FFFFFF
Outline: 1px, #E6E6E6
DropShadow: Blur 7, Spread 3
Ikoner: Info, Congrats, Close #cdcdcd 9x9px
VarningsToast – Gul Toast
BG: #FFF2C9
Outline: 1px, #F4E6BC
DropShadow: Blur 7, Spread 3
Ikoner: Warning, Close #ba9110 9x9px
VarningsToast – Röd Toast
BG: #EB978E
Outline: 1px, #E0A49E
DropShadow: Blur 7, Spread 3
Ikoner: Warning, Close #ab625d 9x9px
Systemmedelanden
Dessa kommer funka på samma sätt som Toasts med Varning och Error. Användaren klickar bort dem.
De ligger i toppen på skärmen och trycker ner innehållet. Det gör att man ser det och tar action. Om inget vidare hänt än att användaren klickat ner det och meddelandet nu är högst akut, då kommer vi visa det som en modal när användaren kommer in i Fortnox.
En mer formell och korrekt ton
Det vi förmedlar här är för användaren av systemkritisk karraktär. Alltså sådant som måste hanteras för att systemet ska rulla på för användaren.
Till exempel en licens som går ut och ska förnyas. Kopplingen till banken ät trasig för stunden … Etc.
Så vi är raka och sakliga för att undvika missförstånd om att det exempelvis inte skulle vara så viktigt. Men vi förmyndare inte.
