Progress

Här har vi samlat exempel på hur vi vill att progress och aktivitet ska upplevas i våra digitala produkter och tjänster.

Vi visar animerade skelett när vi vet att innehållet inte tar så lång tid att hämta.

Vi visar ett blått informationskort om hämtningen går trögare än vanligt.

Vi visar en animerad spinner istället för animerade skelett när vi vet att innehållet tar lång tid att hämta.

Ibland är en sökning för snäv.

Ibland får vi inget svar från servern inom rimlig tid eller får ett trasigt svar.

Vi visar en grön checkmark framför alla val som användaren är klar med.

Vi visar en tom sida med en animerad spinner när vi behöver vänta på svaret från servern för att kunna rita nästa sida.

Vi visar en stor grön checkmark överst på bokningsbekräftelsen för att fira att användaren är klar.

Vi visar en Meter-komponent i resläget för att visa hur långt tåget har färdats.

Vi använder linjegrafik i kartor för att visa hur långt tåget har färdats.

Vi visar animerad konfetti för att fira att användaren har nått en ny nivå i sitt SJ Prio-medlemskap.