Visa inloggad användare

Användaren ska veta att den är inloggad i en tjänst eller i ett system. För att det ska vara enhetligt finns ett mönster för vilka komponenter du ska använda och var de ska placeras.

Placering av informationen

Du ska placera informationen som visar att användaren är inloggad längst till höger i sidhuvudet.

Sidhuvud för externa tjänster

Sidhuvud för interna tjänster

Visa vem som är inloggad

Namnet på den som är inloggad ska skrivas enligt mönstet Förnamn Efternamn, till exempel Bertil Bertilsson. Du ska inte enbart använda versaler eller enbart gemener och förnamnet ska alltid stå först. När informationen visas i mobilt läge ska endast första bokstaven i förnamnet respektive efternamnet visas, det vill säga istället för Bertil Bertilsson syns enbart BB.

När funktionalitet är kopplat till användaren

Om det finns funktionalitet kopplat till användaren ska du använda en textknapp och en dropdown. Textknappen ska innehålla ikonen "Användare", namnet på den som är inloggad samt ikonen "caret down".

Funktioner i dropdown kan till exempel vara:

  • Mina sidor
  • Eventuella egna inställningar
  • Logga ut. Alternativen för att logga ut ska alltid placeras längst ner av alternativen.

Exempel med funktionalitet på en stor skärm

Exempel med funktionalitet på en liten skärm

När ingen funktionalitet är kopplad till användaren

Om det inte finns funktionalitet kopplat till användaren ska du använda ikonen "Användare" samt visa namnet på den som är inloggad som text.

Exempel utan funktionalitet på stor skärm
Bertil Bertilsson

Exempel utan funktionalitet på liten skärm


BB

Komponenter i designmönstret

Till detta designmönster används följande komponenter:

Senast publicerad

Sidansvarig för sidan är Styleguide