Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.
Info

Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. OBS! Bred skärm samt omladdning av sidan kan behövas för att se desktopläget. Se gärna Sketchbiblioteket för referens.

Innehållsförteckning

Designspecifikation

Felsida eller 404-sida används exempelvis för att informera besökaren då denne har försökt besöka en sida på webbplatsen som inte finns. För att leda besökaren vidare finns möjlighet att lägga upp en anpassad länklista under informationstexten.

Se Sketchbibliotek - 1177Vardguiden för design.

Exempel

Image Removed

Bild: Felsida dator

Image Removed

Bild: Felsida mobil

Do’s and Don’ts

-

Tillgänglighet

-

Research på komponenten

-

Relaterade resurser/komponenter

Image Removed

Image Removed
Image Removed

Image Removed

Image Removed

Image Removed

Image Removed

Image Removed

Image Removed

Image Removed

Status

Status

Status
colourYellow
titleUNDER UTVECKLING - KOD

Publicerad

2020-01-18

Senast uppdaterad

2020-01-20

Här finns designexempel för felsidor för både 1177 och Inera.


Innehållsförteckning

Figma 

Designexempel - 1177


Felsidor för 1177 följer samma mönster oavsett typ av meddelande.

  1. Ikon, attention

  2. Rubrik som beskriver typ av fel

  3. Ingresstext med mer information om vad som gått fel

  4. Länkar som leder användaren vidare, som förslag på vad hen kan göra härnäst

  5. I vissa fall kan ett fel-id läggas till efter länkarna, om tjänsten använder ett sådant i supportsyfte för att felsöka

1177 för invånare

image-20240717-140711.pngImage Added

image-20240717-140728.pngImage Added

1177 för profession / admin

image-20240717-140846.pngImage Added

image-20240717-140853.pngImage Added

Planerat underhållsarbete

Ibland behöver vi kommunicera till användare att en tjänst är stängd för planerat underhållsarbete. Innan fönstret för underhållsarbetet börjar, tänk på att informera användaren genom exempelvis en Global alert och genom att informera på sidan för https://www.inera.se/driftstatus/kommande-atgarder/ på Inera.se.

Sidor för planerat underhållsarbete följer i grunden samma mall som övriga felsidor:

  1. Ikon, attention

  2. Rubrik med text “Planerat underhållsarbete”

  3. Ingresstext med mer information om underhållsarbetet och hur länge det planeras pågå

  4. Länkar som leder användaren vidare, som förslag på vad hen kan göra härnäst

image-20240717-141921.pngImage Added

image-20240717-141931.pngImage Added

Designexempel - Inera admin


Felsidor för Inera och Inera admin följer samma mönster oavsett typ av meddelande.

  1. Ikon, attention

  2. Rubrik som beskriver typ av fel

  3. Ingresstext med mer information om vad som gått fel

  4. Länkar som leder användaren vidare, som förslag på vad hen kan göra härnäst

  5. I vissa fall kan ett fel-id läggas till efter länkarna, om tjänsten använder ett sådant i supportsyfte för att felsöka

image-20240717-142210.pngImage Added

image-20240717-142216.pngImage Added

Planerat underhållsarbete

Ibland behöver vi kommunicera till användare att en tjänst är stängd för planerat underhållsarbete. Innan fönstret för underhållsarbetet börjar, tänk på att informera användaren genom exempelvis en Global alert och genom att informera på sidan för https://www.inera.se/driftstatus/kommande-atgarder/ på Inera.se.

Sidor för planerat underhållsarbete följer i grunden samma mall som övriga felsidor:

  1. Ikon, attention

  2. Rubrik med text “Planerat underhållsarbete”

  3. Ingresstext med mer information om underhållsarbetet och hur länge det planeras pågå

  4. Länkar som leder användaren vidare, som förslag på vad hen kan göra härnäst

image-20240717-143329.pngImage Added

image-20240717-143334.pngImage Added

Feedback


Hjälp oss att förbättra den här komponenten genom att ge feedback, ställa frågor och lämna andra kommentarer på Inera UX Slacken i kanalen #komponenter_design eller #komponenter_kod alternativt kan du använda vårt formulär.

Publicerad

Senast uppdaterad