/
Bläddra

Bläddra

 

Skärmavbild av nuvarande gränssnitt för Bläddra i HSA-kodprototyp
Skärmavbild av nuvarande gränssnitt för Bläddra i HSA-kodprototyp med en enhet i listan utfälld
Skärmavbild av nuvarande gränssnitt för Bläddra i HSA-kodprototyp med visa fler detaljer utfälld

 

Nuvarande Bläddra

Skärmavbild av förslag 1.0 för ny design av Bläddra i HSA
Skärmavbild av förslag 1.0 för ny design av Bläddra i HSA med visa fler detaljer utfälld

 

Bläddra 1.0

Detta har ändrats

  • Direktöversättning av utseende i kodprototyp med UX-ramverket.

  • Lagt in enheter som hamnar under toppnoden i egna rutor

  • Jobbat lite mer med att indentering

Resonemang

  • För att dela upp innehållet och göra det lite mer överskådligt samt att förtydliga var i hierarkin en enhet befinner sig

Skärmavbild av förslag 2.0 för ny design av Bläddra i HSA
Skärmavbild av förslag 2.0 för ny design av Bläddra i HSA med informationskort utfällt

 

Bläddra 2.0

Detta har ändrats

  • Lagt till ikoner för personer

  • Lagt till gröna streck med syftet att koppla ihop enheter som ligger på samma nodsteg. Dessa visas enbart när enheten är i öppet läge och information som ligger under den visas.

Resonemang

  • Tanken är att detta ska förtydliga var informationen befinner sig i hierarkin och under vilket nodsteg den faller.

Dessa risker är identifierade i den nya lösningen och/eller hypoteser som måste testas

  • Kan de gröna strecken försvåra överblicken när flera steg i hierarkin är öppna samtidigt?


Skärmavbild av förslag 3.0 för ny design av Bläddra i HSA
Skärmavbild av förslag 1.0 för ny design av Bläddra i HSA med informationskort utfällt

 

Bläddra 3.0

Detta har ändrats

  • Designat om labels som visar på antal poster under en organisation eller enhet

  • Plockat bort möjligheten att fälla ut informationkortet direkt i bläddravyn genom att klicka på “Visa fler detaljer”, denna knapp länkar nu istället vidare användaren till en detaljsida

Resonemang

  • För att skilja dem mer från övriga notiser i systemet som använder en orange färg med svart text.

  • För att undvika överbelastning av information på liten yta


- Skärmavbild av nuvarande modal för skapa underliggande objekt i HSA-kodprototyp
Skärmavbild av förslag för ny design av modal för att skapa underliggande objekt i HSA

 

Bläddra - Modal: skapa underliggande objekt

Detta har ändrats

  • 1 till 1 översättning baserat på UX-ramverket

- Skärmavbild av nuvarande modal för skapa person med passuppgifter i HSA-kodprototyp
Skärmavbild av förslag för ny design av modal för att skapa person med passuppgifter i HSA

 

Bläddra - Modal: skapa person med passuppgifter

Detta har ändrats

  • 1 till 1 översättning baserat på UX-ramverket

- Skärmavbild av nuvarande modal för skapa person med person-id i HSA-kodprototyp
Skärmavbild av förslag för ny design av modal för att skapa person med person-id i HSA

 

Bläddra - Modal: skapa person med person-id

Detta har ändrats

  • 1 till 1 översättning baserat på UX-ramverket

- Skärmavbild av nuvarande modal för skapa vårdmedarbetaruppdrag i HSA-kodprototyp
Skärmavbild av förslag för ny design av modal för att skapa vårdmedarbetaruppdrag i HSA

 

Bläddra - Modal: skapa vårdmedarbetaruppdrag

Detta har ändrats

  • 1 till 1 översättning baserat på UX-ramverket