7 SEPTEMBER 2016 Slutrapport uppgift 2 UX-16 Nackademin Uppdrag: Utveckling av webbtjänst med personas och skisser. Grupp 3 Alexander Lindqvist, Majah Disland, Linnea Molinder, Rasmus Hammarlund.
Scenario - Helena (persona) söker sina personliga recept på 1177.se Mål: Helena vill bli informerad om hon behöver förnya hennes astmamedicin denna månad eller om receptet räcker ännu en månad. Helena sitter på bussen hem till Vasastan efter att ha hälsat på sin mamma. Hon vet att bussturen kommer ta ca 25 min så hon tar upp sin mobil för att döda lite tid. Hon kommer då på att hennes astmamedicin är på väg att ta slut, men räcker receptet en månad till eller behöver hon förnya det den här månaden? För att snabbt få reda på det och slippa eventuell stress kommer hon på att hon kan logga in och se sina recept på 1177.se. Tidigare har hon bara loggat in via datorn hemma men eftersom hon har mobilt bankid vet hon att det även ska fungera via sin iphone 6s. Mobilen har 4G anslutning så många sidor laddar oftast snabbt. 1 På startsidan finns tydligt en knapp för E-tjänster som hon går in på. 2 Hon läser igenom listan över alternativ som kommer upp, på 3e plats finns Håll koll på dina läkemedel. Hon klickar där. 3 Helena klickar vidare på länken som säger håll koll på dina läkemedel. 4 5 6 Hon läser snabbt igenom punktlistan för att hitta inloggningslänken som är blå och säger Logga in med e-legimitation, vilket hon då klickar på. Här kommer hon till en sida med en call-to-action-knapp, som säger Logga in Helena klickar där. Helena skickas vidare till en sida med tre call-to-action knappar (BankID, Mobilt BankID, Övriga tjänster). Hon väljer Mobilt BankID. 7 Hon kommer vidare till en ny sida där hon behöver skriva in sitt personnummer som därefter skickar henne till info om att hon behöver logga in med Mobilt BankID. Hon följer instruktionerna och klickar på den tydliga knappen Fortsätt. 8 9 En tydlig knapp där det står Starta appen där hon klickar och fyller i sitt lösenord i appen som öppnas automatiskt, utan att läsa all info som står på sidan. Hon skickas vidare till ett nytt fönster med ett felmeddelande (se bild). Hon klickar på tillbakaknappen för att komma till 1177.se hemsida igen och ser då att hon ändå loggas in. 10 11 12 Helena scrollar ner på sidan och letar efter länken Läkemedelstjänster. Hon klickar där. Hon kommer till en ny sida på 1177.se under övriga tjänster. Hon scrollar ner några cm och ser direkt knappen Recept Hon klickar där. Helena kommer till en sida som heter Recept. Under rubriken finner hon en tydlig blå knapp som säger Hämta PDF-dokument. Hon klickar där och får då smidigt upp en lista på sin medicin.
Slutsats 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.