Bättre koll på jobbet - Kunskapsstöd Västra Götalandsregionen Interaktionsdesign Version 1.0, 2009-10-14
Förfa7are Sonja Larsson, inuse Consul(ng AB E post: sonja.larsson@inuse.se Telefon: 0708 45 70 76 Versionshistorik Dokumentet har uppdaterats och förändrats enligt följande: Ver Datum Kommentar Förfa0are 0. 2009 09 30 Dokument skapat Sonja Larsson 0.5 2009 10 08 Första utkast klart, skisser är ej helt korrekta. 1.0 2009 10 14 Interak(onsdesign uppdaterad ever projektmöte 2009 10 13. Sonja Larsson Sonja Larsson 2
De7a dokument SyVet med dokumentet är a7 beskriva de skisser över användargränssni7et rörande e7 kunskapsstöd som (llkommit i portalen för Bä#re koll på jobbet. Interak(onsdesignen grundar sig på god kännedom om användarna, deras situa(on, sammanhanget och den ny7a som ska skapar u(från verksamhetens behov. Det som beskrivs är alltså: Presenta(on med avseende på gruppering, storlek och placering, men inte med avseende på grafisk formgivning. Beteende hur responderar användargränssni7et på användarens ak(oner och i viss mån vilka regler som styr gränssni7ets beteende. Informa(on vilka informa(onsmängder visas (ll användaren. Notera a7 benämningar och menyalterna(v inte definieras i de7a dokument. 3
Förstasidan Förstasidan under den nya fliken syvar (ll a7 förenkla för användaren i så hög grad som möjligt när det kommer (ll a7 påbörja en sökning. Det ska gå snabbt och enkelt. Situa3on: Användaren har klickat på fliken Vårdaktörsportalen i prototypen för Bä#re koll på jobbet. 2 3 4 5 6 1 Funk(on som hjälper användaren genom a7 märka ut informa(on som användaren på förhand definierat som relevant för henne (se sid 5). 2 Tre olika sä7 a7 hi7a informa(on, fritextsök (se sid 6), navigera via område (se sid 10) samt naviga(on via en associa(v navigering (se sid 14). Fritextsöket är förvalt som default. 3 Innehåll som har uppdaterats sedan användaren senast kikade på det. Vilket innehåll som är relevant utgår ifrån: Användarens sparade favoriter Innehåll kopplat (ll användarens ämnesområden 4 Ämnesområden som användaren definierat som intressanta för henne (se sid 29). Om användaren klickat på e7 område kommer hon (ll sidan där det presenteras. 5 Senast besökta sidor/innehåll som användaren gjort. Klickar användaren på någon av alterna(ven kommer hon (ll sidan/ innehållet. 6 Senaste sökningar som användaren gjort. Klickar användaren på en sökning presenteras sökningen fast med en uppdaterad träfflista. 4
Märk ut informa(on Funk(on som hjälper vårdaktörer a7 hi7a snabbt bland stora mängder av informa(on genom a7 användaren kan definiera vilken informa(onstyp hon är intresserad av och vill få utmärkt i gränssni7et. Situa3on: Användaren har klickat på fliken Vårdaktörsportalen i prototypen för Bä#re koll på jobbet. 2 1 Visar vilken informa(on användaren har valt a7 märka ut. 2 Snabblänk som öppnar modal dialog, samma som om användaren går via Egna inställningar (se sid 30), där användaren kan ange vilka informa(onstyper hon vill ska märkas ut. 5
Fritextsök 1/4 Utgångsläge Fritextsöket är det mest vik(ga stödet för aktören då hon söker ever informa(on, därav den centrala platsen på sidan. Situa3on: Användaren har klickat på fliken Vårdaktörsportalen i prototypen för Bä#re koll på jobbet. 2 3 1 Fritexgält. Användaren får stöd via auto complete. 2 Användaren kan välja a7 söka i specifika källor. Alterna(ven antas vara: 1177.se Fass.se Folkhälsoguiden.se Ganfyd.org Growingpeople.se Internetmedicin.se Janusinfo.se PubMed SBU.se (Statens beredning för medicinsk utvärdering) Smi7skyddsins(tutet Socialstyrelsen.se Vgregion.se Viss.nu Vårdverktyget.se (EIRA) 3 Fritextsökningen döljs då användaren klickar på Dölj (se sid 13). 6
Fritextsök 2/4 Träfflista Då användaren har sökt presenteras samtliga träffar i en träfflista. Situa3on: Användaren har skrivit in si7 sökord och klickat på Sök knappen. 3 4 2 5 1 Användaren kan välja mellan a7 se samtliga träffar eller de träffar som finns inom hennes ämnesområden. Som förvalt är Inom mina ämnesområden. 2 Användaren kan välja hur träffarna ska sorteras. Alterna(ven antas vara: Informa(onstyp = U(från de informa(onstyper används genomgående för hela webbsidan. Förvald. Källa = U(från vilken sida innehållet kommer från. Högst rankad = U(från hur väl andra användare har upplevt träffen hjälper henne (ranking). 3 Användaren kan filtrera träffarna. Som förvalt kan hon filtrera u(från informa(onstyp. 4 Användaren kan även välja a7 filtrera u(från fler filter än informa(onstyp (se sid 8). 5 Titel, beskrivning, datum för senast uppdaterat och källa presenteras för samtliga träffar. 7
Fritextsök 3/4 Fler filter Då användaren har valt a7 visa fler filter presenteras samtliga filter i vänsterkolumnen. Situa3on: Användaren har klickat på länken Fler filter. 1 Samtliga filter presenteras och användaren kan välja a7 söka u(från en eller flera av filtren. Då användaren gjort e7 val uppdateras träfflistan, möjliga filter med alterna(v samt antal träffar för respek(ve alterna(v. 2 Användaren kan dölja filtren igen. Förövrigt ska filtren fungera såsom den lösning som redan finns idag. 2 8
Fritextsök 4/4 Menade du Då användarens sökord inte genererar några träffar eller då användarens sökord ova är e7 skrivfel för e7 annat ord får hon upp en fråga med förslag på ord som hon kanske menade. Situa3on: Användaren har sökt på e7 felak(gt ord alterna(vt e7 ord som är e7 skrivfel för e7 annat vanligt ord. 1 Förslag på ord som användaren kanske menade istället. Om användaren klickar på länken görs en sökning med aktuellt ord som sökkriterium. 9
Navigera via område 1/4 Utgångsläge För de användare som har mer (d på sig och vill ugorska e7 helt område kan hon göra de7a via den hierarkiska navigeringen. Situa3on: Användaren har klickat på Navigera via område. 2 1 Första nivån presenteras. Baseras (ll stor del på innehållsstrukturen på Socialstyrelsen.se. Dock med vissa modifika(oner då vi ska presentera mer informa(on. 2 Användaren kan välja a7 dölja navigeringen (se sid 13). 10
Navigera via område 2/4 En nivå vald Situa3on: Användaren har klickat på Sjukdomar i första nivån. 1 Då användaren valt e7 alterna(v i första fältet presenteras y7erligare e7 fält med alterna(v u(från det gjorda valet. 2 Ingen informa(on presenteras förens användaren själv väljer a7 informa(onen. 2 1
Navigera via område 3/4 Sista nivån Situa3on: Användaren har klickat ner sig (ll sista nivån i strukturen och även valt a7 visa informa(on. 2 1 Indikerar a7 användaren kan få upp informa(on vid det här steget. Informa(onen presenteras under navigeringen. Om användaren väljer a7 klicka på pilen presenteras inte informa(onen. 2 Om fler fält behövs försvinner fältet längst ut (ll vänster för a7 göra plats åt e7 ny7 fält längst ut (ll höger. 12
Navigera via område 4/4 Navigering dold Användaren kan välja a7 dölja någon av navigeringsmetoderna (fritextsök, navigeringen via område eller associa(v navigering. Situa3on: Användaren har klickat på länken Dölj ute (ll höger. 2 1 Navigeringen döljs. 2 Användaren kan välja a7 visa navigeringen igen. 13
Associa(v navigering 1/3 Utgångsläge Den associa(va navigeringen innehåller (ll en början samma innehåll som områdens navigeringen. När användaren kommer ner på en viss nivå (där det är relevant) presenteras relaterad informa(on. Situa3on: Användaren har klickat på länken AssociaDv navigering. 3 2 1 Första nivån presenteras. Baseras (ll stor del på innehållsstrukturen på Socialstyrelsen.se. Dock med vissa modifika(oner då vi ska presentera mer informa(on. 2 Användaren kan välja a7 dölja navigeringen. 3 Tanken är a7 navigeringen ska kunna expanderas så a7 hela ytan i webbläsaren utny7jas, det vill säga tre lägen: Dold Halva ytan (sen som syns på denna bild) Hela (den 14
Associa(v navigering 2/3 Inne i strukturen Situa3on: Användaren har klickat sig ner (ll Endokrina sjukdomar i strukturen. Notera a7 nedanstående informa(on är förslag och kan ändras beroende på vilken teknisk lösning som väljs. 2 3 4 5 1 Användaren kan enkelt gå (llbaka då hon hela (den ser historiken. Troligtvis presenteras endast 2 steg bakåt, de7a för a7 ge utrymme. 2 Användaren kan se samtliga alterna(v som ligger på samma nivå som det alterna(v hon senast valt. 3 Det alterna(v användaren senast valt presenteras tydligt. 4 Möjliga val u(från senast gjort val presenteras. 5 Indikerar a7 användaren kan få upp informa(on vid det här steget. Informa(onen presenteras under navigeringen. Om användaren väljer a7 endast klicka på texten för alterna(vet presenteras inte informa(onen. 15
Associa(v navigering 3/3 Innehåll presenteras Situa3on: Användaren har valt a7 visa informa(on. 1 Innehållet presenteras nedan. 16
Samlingssida 1/4 Funk(oner Samlingssidan syvar (ll a7 ge användaren en god inblick över all informa(on på ämnet utan a7 exponeras för allt för mycket informa(on. Användaren kan sedan klicka sig ner i strukturen för det hon tycker är relevant och på så sä7 få upp detaljer. Situa3on: Användaren har öppnat upp en träff och kommit (ll en samlingssida. 2 4 5 3 1 Förteckning över allt innehåll indelat i samma områden som informa(onstyperna. Om användaren klickar på en innehållslänkarna presenteras informa(onen på en ny sida (hur en undersida ser ut finns a7 se på sidorna 22, 23). Om användaren klickar på Visa all informadon kommer användaren (ll en sida där all informa(on presenteras. De informa(onstyper som användaren valt a7 markera ut är markerade. Under rubriken Mer hos oss finns innehåll kopplat (ll i de7a fallet Diabetes typ 2 som finns under den interna wikin eller i diskussionsforumet. Under rubriken Mer hos andra finns länkar (ll träffar kring Diabetes typ 2 som finns i ar(keldatabaserna PubMed och Internetmedicin. Under Senast besökta sidor finns historiken för vilka sidor användaren varit på innan, max 8. 2 Funk(on för a7 hoppa (ll specifikt innehåll på aktuell sida (se sid 18). 3 Klickbar länks(g. 4 Funk(on för a7 öppna aktuell sida i ny7 fönster (underlä7ar jämförelse) 5 Funk(on för a7 spara aktuell sida som favorit samt eventuellt dela med sig av informa(on (ll andra sidor såsom Delicious. 17
Samlingssida 2/4 Hoppa (ll För a7 underlä7a navigeringen för användarna då sidorna blir långa kan hon ange (ll var på sidan hon vill hoppa via en meny av innehållstrukturen. Funk(onen ska visas på sidan oavse7 hur långt ner hon scrollat. Situa3on: Användaren har ak(verat funk(onen för a7 hoppa (ll innehåll. 1 Allt innehåll på aktuell sida presenteras i en struktur där användaren kan ange (ll var på sidan hon vill hoppa. Presenteras all(d, oberoende om användaren har scrollat ner på sidan. 18
Samlingssida 3/4 Innehåll För a7 hjälpa användaren a7 hela (den komma framåt finns länkar (ll såväl informa(on längre ner i strukturen men även (ll helt andra ämnesområden som på e7 eller annat sä7 är relaterade (ll där användaren är för (llfället (associa(va/relaterade). Situa3on: Användaren har öppnat upp en träff och kommit (ll en samlingssida. 4 3 5 2 1 Exempel på då en text innehåller en fotonot. Fotonoten presenteras sedan längst ner i stycket. 2 Exempel på associa(v länk i text som hoppar (ll andra delar av strukturen. Användaren kommer då (ll en ny sida där Typ diabetes presenteras. 3 Exempel på länk som tar användaren vidare ner två hopp i strukturen. Användaren kommer då (ll en ny sida där informa(onen presenteras. 4 Användaren kan minimera och maximera informa(onen. Om användaren har gjort val gällande vilka informa(onstyper som märks ut är dessa maximerade, medan övriga är minimerade. 5 Länk som tar användaren vidare ner i strukturen, i de7a fallet (ll en ny sida när Behandling & Metod presenteras (hur en undersida ser ut finns a7 se på sid 21). 19
Samlingssida 4/4 Scrollat Situa3on: Användaren har scrollat ner på sidan. 1 Endast innehållet scrollas upp. 20
Undersida Situa3on: Användaren har valt Symtom, an(ngen genom a7 välja i innehållsstrukturen ute (ll vänster eller klickat på länken Läs mer (ll höger om rubriken Symtom. 3 4 2 5 1 Samma innehållsstruktur är kvar, men användaren kan nu se a7 hon står på Symtom. 2 Under Senast besökta sidor kan användaren se a7 hon senast kom från Diabetes typ 2. 3 Länks(gen har uppdaterats. 4 Då informa(on kan refereras (ll en annan källa står referens, datum samt en länk som tar användaren vidare direkt (ll källan. 5 Relaterad informadon (associa(v informa(on) visas all(d där det är relevant. Informa(onen är indelad i de olika informa(onstyperna. 2
Ar(klar/dokument som visas direkt i gränssni7et Situa3on: Användaren har valt a7 visa e7 PM. 2 3 1 Innehållet i ar(keln/dokumentet presenteras (ll vänster i en innehållsstruktur precis som övriga sidor. 2 Informa(on om vilken version det handlar om samt datum för senaste uppdateringen presenteras. Användaren kan se (digare versioner. Vidare visas också informa(on huruvida informa(onen är baserad på evidens eller inte. 3 Om informa(onen gäller i en viss del av organisa(onen framgår de7a. Användaren kan få upp andra PM från andra delar av organisa(onen. Om aktuell informa(on inte (llhör den organisa(on användaren jobbar på framgår de7a tydligt för henne. Användaren kan då enkelt få upp den informa(on hon bör följa. Om det inte finns någon informa(on för den del av organisa(onen användaren jobbar på så ska hon få upp: Informa(on från regionnivå Na(onell informa(on 22
Extern informa(on Situa3on: Då användaren har klickat på informa(on som ligger extern och som vi inte kommer visa direkt i gränssni7et. 2 1 Titeln på informa(onen presenteras tydligt. 2 Vidare presenteras även en länk (ll informa(onen samt även, om möjligt, egenskaper såsom: Informa(on om källan Namn på förfa7aren/förfa7arna. Om personerna finns bland kontakterna på VGR presenteras en länk (ll kontak(nforma(onen om förfa7aren. Datum för då informa(onen senast uppdaterades Nyckelord Kort abstrakt Vilka som refererat (ll källan/ sparat den som favorit Omdömen Referenser som informa(onen refererar (ll 23
Ranking Situa3on: Då VGR vill verifiera huruvida innehållet hjälpte användaren (ranking). 1 Användaren får upp en fråga om informa(onen hjälpte henne och funk(on för a7 svara på frågan. 24
Kommentarer 1/2 Situa3on: Användaren är inne på någon typ av informa(onssida som inte kommenterats (digare. 1 Användaren kan läsa andras kommentarer. För de användare som har (llåtelse (samtliga vårdaktörer?) kan de även skriva kommentarer. 25
Kommentarer 2/2 Situa3on: Användaren är inne på någon typ av informa(onssida där det redan finns en kommentar. 1 Användaren kan läsa kommentaren som är skriven. Vidare presenteras även: Vem som skrivit kommentaren (om personen inte valt a7 vara anonym). Om det är en person som finns bland kontakterna presenteras en länk (ll sidan där personen presenteras. När kommentaren är skriven 26
Taggar Situa3on: Användaren är inne på någon typ av informa(onssida. 1 Samtliga taggar presenteras. Klickar användaren på en tagg kommer hon (ll en söksida där allt innehåll som rör just den taggen presenteras i en träfflista. 2 För de användare som har (llåtelse (alla vårdaktörer?) ska kunna lämna förslag på nya taggar. Förslagen ska sedan verifieras innan de läggs (ll. Klickar användaren på länken Föreslå taggar får användaren en möjlighet a7 lämna förslag på en eller flera taggar och sedan skicka iväg förslaget. 2 27
Egna inställningar 1/4 Under Mina inställningar/anpassningar kan användaren välja vilka informa(onstyper som ska märkas ut i gränssni7et samt vilka ämnesområden som hon vill ha som snabblänkar. Situa3on: Användaren har klickat på Egna inställningar och sedan valt Anpassningar. 2 3 4 5 6 7 8 9 1 Användaren kan ändra vilka ämnesområden som visas. Som förvalt visas de ämnesområden som ingår i hennes anställning (såsom ortoped eller läkare inom hjärta och kärl). 2 Användaren kan få upp informa(on om hur hennes val kommer påverka gränssni7et. 3 Användaren kan lägga (ll fler/ta bort antal ämnesområden (se sid 29). 4 Användaren kan ange vilka informa(onstyper som märks ut i gränssni7et. Om förvalda informa(onstyper skulle dessa troligtvis kunna baseras på användarens anställning (såsom läkare på en vårdcentral eller läkare på e7 sjukhus). 5 Leder (ll informa(on om hur hennes val kommer påverka gränssni7et. 6 Användaren kan lägga (ll fler/ta bort informa(onstyper som hon vill märka ut (se sid 30). 7 Användaren kan ange huruvida hon vill få förklaring av svåra ord direkt i gränssni7et. 8 Leder (ll informa(on om hur hennes val kommer påverka gränssni7et. 9 Användaren kan välja huruvida hon vill få ordförklaring eller inte. 28
Egna inställningar 2/4 Modal dialog för ämnesområden Situa3on: Användaren har klickat på Ändra ämnesområde. 2 3 4 5 6 7 1 Modal dialog där användaren kan ange vilka ämnesområden hon vill följa. 2 Kort informa(on hur hennes val kommer påverka gränssni7et. 3 Sökfunk(on för a7 hi7a de olika fördefinierade ämnesområdena. Auto fil används för a7 hjälpa användaren. Exempel på vilka ämnesområdena skulle kunna vara är: Diagnoser, generell och specifik nivå (såsom Diabetes och Diabetes typ 2) Diagnosområden (såsom Endokrina sjukdomar) Anställning (såsom Ortopedi) 4 Knapp för a7 lägga (ll det ämnesområde användaren sökt upp. 5 De ämnesområden som användaren valt presenteras i en lista. 6 Användaren kan markera och ta bort de valda ämnesområdena. 7 Knapp för a7 spara ändringarna och stänga ner den modala dialogen. 29
Mina inställningar 3/4 Modal dialog för informa(onstyper Situa3on: Användaren har klickat på Ändra informadonstyper. 3 2 1 Modal dialog där användaren kan ange vilka informa(onstyper hon vill ska märkas ut. 2 Kort informa(on hur hennes val kommer påverka gränssni7et. 3 De olika informa(onstyperna som användaren kan välja mellan. Användaren kan även välja Alla, då markeras samtliga informa(onstyper. 4 Knapp för a7 spara ändringarna och stänga ner den modala dialogen. 4 30
Mina inställningar 4/4 Modal dialog för ordförklaring Situa3on: Användaren har klickat på Ändra ordförklaring 3 2 1 Modal dialog där användaren kan bestämma huruvida hon vill ha förklaring av svåra ord direkt i gränssni7et. 2 Kort informa(on hur hennes val kommer påverka gränssni7et. 3 Annvändaren behöver bara kryssa för si7 val. 4 Knapp för a7 spara ändringarna och stänga ner den modala dialogen. 4 3