Redigera

Denna sida visar ett exempel på en redigeravy, redigera person. Det finns ett flertal redigeravyer med liknande utseende och funktionalitet.

Skärmavbild av nuvarande gränssnitt för redigera i HSA-kodprototyp

 

Nuvarande Redigera

Skärmavbild av förslag 1.0 för ny design av redigera i HSA

 

Redigera 1.0

Detta har ändrats

  • Översatt gränssnittet från original till Ineras utseende från komponentbiblioteket

  • Det mesta fungerar bra tillsammans med ramverket, men ramverkets formulärfält är lite större än originalets vilket gör sidan väldigt lång

  • Att formulären kommer i två separata kolumner som inte linjerar med varandra skapar också oreda

  • Överlag väldigt mycket information att ta in vilket skapar ett informationsöverflöd och gör det också svårt för användaren att scanna av sidan och hitta rätt fält

 

Redigera 1.2

Detta har ändrats

  • Efter kontroll av hur ett inaktivt (ej redigerbart fält) ska se ut enligt riktlinjer implementerat detta i skissen.


 

Redigera 2.0

Detta har ändrats

  • Strukturerat upp innehållet

  • Fortfarande i två kolumner

  • Jämnat ut nivåer för att undvika att de ‘driftar’ i varje kolumn


  • Bytt textstilar (H3 -> H4) etc.

  • Anpassat innehållet utefter Ineras grid.


 

Redigera 2.1

Detta har ändrats

  • Bytt struktur till endast en kolumn

  • Sektionerat varje del så att en sektion har en rubrik och innehållet är full bredd

  • Lagt till avskiljare mellan de olika avsnitten

 

Redigera 3.0

Detta har ändrats

  • Tagit alla sektioner och gjort dem till ihopfällbara items i en lista

 

 

Redigera 4.0

Detta har ändrats

  • Bytt ut knappar till rätt storlek (experimenterade med mindre knappar i tidigare versioner).

  • Tagit bort fliksystemet och ersatt med “Avbryt redigering” i redigera-vyn respektive “Redigera” i visa-vyn enligt förslag på ny kravställning

  • Bytt ut ikoner för lås, öga och kalender till Linecons, det officiella ikonbiblioteket för Inera-utseende.

  • Lagt till rosa informationsrutor likt föregående (kod) prototyps utseende.

  • Bytt de avskiljande rutorna med kantlinje till en bakgrundsplatta, Inera Ocean 2 på 5%.

  • Kontrollerat avstånd mellan alla element på sidan så att de stämmer överens över alla redigera- och visavyer.

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

  • Skiljer sig bakgrundsplattan kontrastmässigt tillräckligt mycket från de fält som ligger inuti den? Speciellt drop downs som till skillnad från formulärfält inte har en kantlinje.