Det problem som vi ville förenkla för vår persona Helena som vi upptäckte i scenariot i Uppdrag 1 var att det var för många klick till mål. Hon behöver snabbt och problemfritt hitta sina recept för att se ifall hon behöver förnya dem eller inte.

 

Vi skissade individuellt upp idéer till lösningar på informationsarkitekturen och informationsstrategin som sedan diskuterades i gruppen.

Av allas idéer har vi gått vidare såhär i den färdiga lösningen.

– På startsidan ska ”Logga in” knappen döpas om till ”Inloggning E-tjänster” och leda en direkt till sidan för E-tjänster, idag är det inte tillräckligt tydligt var man hamnar om man klickar på Logga in.

– Knappen E-tjänster som finns på startsidan byter namn till ”Info om E-tjänster”. Där finns det fortfarande info om vad man gör som inloggad, som den ser ut idag.

Genom att formulera om dessa två knappar vet Helena att hon inte behöver gå genom ”E-tjänster” för att logga in, utan kan direkt klicka på ”Inloggning E-tjänster” (sparar 4 klick)

 

– En ny förenklad sida för E-tjänster kommer fram när man klickar på “Inloggning E-tjänster” med följande val på en och samma sida:

1) Inloggningssätt (ikoner/bilder för de olika sätten)

2) Meny i högra hörnet där du kan läsa mer om vad man kan göra som inloggad (samma innehåll som finns under “E-tjänster” på webbsidans startsida.

3) Aktuell information

 

 

Trycker man på något i menyn kommer en popup upp med tydligt X om du vill stänga ner informationen. Bakgrunden blir mörkare för att visa vad som är i fokus och undermedvetet att man kan lätt gå tillbaka till sidan “under”. En förändring som vi hävdar leder till en förbättrad användbarhetsdesign och informationsarkitektur.

Vi har använt flera designmönster (ex. var vi valt att placera menyn) för att användarna på allra smidigast sätt ska kunna navigera sig på sidan utan att behöva fundera speciellt mycket.

 

 

– Personnumret man skriver in vid inlogg med Mobilt BankID visas som MMDDÅÅ-NNNN och när man skriver i ersätter bokstäverna med tecken ( ex * ) så att man tydligt vet vad man fyllt i och vad som är kvar att fylla i. I vissa fall kan det vara så att MMDDÅÅ-NNNN beskrivs i rutan som man ska skriva in sitt personnummer och samtidigt som man börjar skriva så försvinner själva mallen för personnummret och det är lätt att missa tecken som (-). Detta leder till en förbättrad informationsarkitektur.

 

    

 

– När man är inloggad på sin sida ser den ut ungefär som den gör idag.

Skillnaderna är:

1) Menyn för meddelanden är ihopslagen till endast en kolumn och har ingen undermeny.Innan såg det ut som så att Meddelanden var rubriken och under det fanns två alternativ – Inkorg – Påminnelser.

2) När man är inloggad visas det i headern sitt namn + sin valda vårdcentral, vilket tydliggör att detta är ens personliga sida och att ingen annan har tillgång till just denna informationen som finns tillgänglig.

 

 

Källhänvisning: http://www.webdesignerdepot.com/2015/02/the-ultimate-guide-to-information-architecture/

Feedback

Vår lösning presenterade vi för Grupp 2 där vi fick följande feedback:

– Personnumret man skriver in vid inloggning, fungerar den både med och utan bindestreck? Kommer det automatiskt att rätta hur man än skriver i?

Vi tyckte det var en bra poäng och självklart borde det fungera på båda sätten för att göra det så smidigt som möjligt.

– Finns det snabb tillgång till direktnummer till vårdcentral eller husdoktor när man är inloggad (nummer för akut resp. bokad tid)?

Också bra poäng. Då layouten är rätt avskalad så finns det plats att lägga till sådan info, förslagsvis i headern där den inloggades namn & valda vårdcentral finns.

– Att ha profilbild när man är inloggad känns onödigt och tar plats.

Denna idé hade vi diskuterat om i gruppen även innan om att den troligtvis inte kommer användas så den tas bort.

– Popupfönstren: 

1) Texten borde göras mer luftigt, det blir tungt med mycket text. 

2) Gör fönstret lite mindre med mer utrymme på sidorna så att man tydligt ser att det är en popup.

Vi håller med även här.

– Finns en ”Logga ut” knapp tydligt?

Detta hade vi missat så den läggs till direkt då den är väldigt viktig.

– I helhet bra lösning på problemet, även bra med små ändringar som att endast ändra namn på en knapp gör stor skillnad.

 

MIN ARBETSPROCESS

Jag har valt att fokusera på att komprimera all information och förenkla stegen dit.

Eftersom Vårdguidens E-tjänster inte ligger på 1177.se utan mina vårdkontakter.se så tyckte jag det var konstigt att informationen om e-tjänsterna bara fanns på 1177.se och inte på vårdkontakter.se. Så jag valde att även lägga all information i en hjälpmeny vid inloggningen.

Istället för att alla länkar ska ta dig till undersidor så du måste backa till föregående sida när du läst klart vill jag bygga allt i popup-divar med inbyggd scroll. Så du kan se all information utan att lämna den befintliga sidan. Jag använder även kända designmönster i min skiss som te.x krysttecken för att stänga ner fönster, och lägga en mörk bakgrund när du öppnar ett popupfönster, även där applicerar jag designmönster så man kan stänga popupen genom att trycka på den mörka bakgrunden.