Jag och kollegan Kajsa S\u00f6derberg (fr\u00e4mst Kajsa) har fr\u00e5n Eh\u00e4lsoenhetens sida st\u00f6ttat pilotprojektet KOL-skolan. Id\u00e9n kom som sig b\u00f6r fr\u00e5n verksamheten sj\u00e4lva, de ville p\u00e5 n\u00e5got digitalt s\u00e4tt komplettera sin patientutbildning och erbjuda st\u00f6d \u00e4ven mellan utbildningstillf\u00e4llena, och inte minst efter utbildningen.<\/p>\n
Pilotprodukten blev att jag tog fram en s\u00e5 kallad mikrowebb. Allts\u00e5 en webbplats i miniatyr, en webbplats utan alla de distraktioner som m\u00e5nga mer generellt designade webbplatser ofta har. Det som efterfr\u00e5gades var mer en digital broschyr, som sj\u00e4lvklart skulle fungera minst lika bra p\u00e5 en mobil pryl eller uppkoppling som under mer ergonomiska f\u00f6rh\u00e5llanden p\u00e5 kontor, vid en snabb dator, bra uppkoppling och en stor fin sk\u00e4rm.<\/p>\n
Du som st\u00f6tt p\u00e5 mig tidigare, l\u00e4st n\u00e5gra blogginl\u00e4gg eller b\u00f6cker jag skrivit vet hur fokuserad jag \u00e4r p\u00e5 allt kring en webbplats prestanda. D\u00e5 tolkar jag prestanda v\u00e4ldigt<\/em> brett. Jag inkluderar anv\u00e4ndarens prestation, hur snabbt anv\u00e4ndaren kan b\u00f6rja tolka, f\u00f6rst\u00e5 och interagera med webbplatsen.<\/p>\n Jag \u00e4r ocks\u00e5 en n\u00f6rd som har en knepig f\u00f6rk\u00e4rlek till extremer, generaliseringar och att p\u00e5visa de kontraster som livet kan erbjuda. I sammanhang kring webbanalys brukar jag ironisera med att beskriva exempelanv\u00e4ndare (kallade personas) f\u00f6r att illustrera min po\u00e4ng om att vi beh\u00f6ver visa s\u00e4rskild omsorg f\u00f6r de som har det sv\u00e5rt.<\/p>\n Den ena extremen kallar jag Ergonomiska Egon<\/em>. Han har alltid en bra dag, \u00e4r alltid p\u00e5 bra hum\u00f6r, alltid uts\u00f6vd, anv\u00e4nder bara din webbplats fr\u00e5n b\u00e4sta t\u00e4nkbara tekniska utrustning. Sj\u00e4lvklart \u00e4r det kontor han \u00e4r p\u00e5 helt perfekt utformat s\u00e5 inget bl\u00e4nk finns i hans sk\u00e4rm. P\u00e5 tal om sk\u00e4rmen s\u00e5 \u00e4r den f\u00f6rst\u00e5s svindyr, \u00e4mnad f\u00f6r grafiska formgivare och har f\u00e4rgkalibrerats p\u00e5 plats p\u00e5 Egons kontor. Egon har f\u00f6rst\u00e5s inte en enda funktionsneds\u00e4ttning.<\/p>\n Dessv\u00e4rre \u00e4r Egons egenskaper v\u00e4ldigt representativa n\u00e4r man tar fram webbplatser. Man l\u00e4gger sitt fokus p\u00e5 att ha personas som inte har den varierande funktion som vi alla har varje vecka. Jag sj\u00e4lv blir m\u00e5nga dagar ganska kognitivt nedsatt. Vissa dagar \u00e4r det knappt jag kommer ih\u00e5g kollegornas namn. Andra personer lever med en migr\u00e4n som de ofta m\u00e5ste uth\u00e4rda under flera dagar i str\u00e4ck, det s\u00e4nker ocks\u00e5 ens f\u00f6rm\u00e5ga att t\u00e4nka klart. F\u00f6r att inte tala om alla kollegor (till skillnad fr\u00e5n undertecknad) som h\u00e5ller p\u00e5 att f\u00e5 ett mentalt sammanbrott varje dag precis innan lunch. Nu endast exempel p\u00e5 kognitiva funktionsneds\u00e4ttningar. Du k\u00e4nner garanterat n\u00e5gon som lider av dessa utmaningar att t\u00e4nka klart dygnet runt.<\/p>\n Min motsats till Egon har jag kallat f\u00f6r Salongsberusade Sanjay<\/em>. Kanske inte det mest l\u00e4mpliga av namn, men som alla namngivna personas b\u00f6r namnet vara ganska beskrivande. En persona ska g\u00e4rna ha ett sammanhang s\u00e5 man f\u00f6rst\u00e5r den. Han \u00e4r som du f\u00f6rst\u00e5tt salongsberusad, just nu i Sverige som utbytesstudent och firar midsommar. Under st\u00f6velkastningen snubblade han och landade p\u00e5 sin mobiltelefon. S\u00e5 nu \u00e4r sk\u00e4rmen spr\u00e4ckt och visar massor med konstiga linjer och f\u00e4rger (motsvarar defekt f\u00e4rgseende och nedsatt syn). Midsommar firas givetvis b\u00e4st i Dalarnas v\u00e4rsta t\u00e4nkbara glesbyggd (tveksam mobil uppkoppling = l\u00e5ngsamt internet = nedsatt kognition p\u00e5 grund av v\u00e4ntan).<\/p>\n Han har precis b\u00f6rjat begripa lite svenska (spr\u00e5klig utmaning) och \u00e4r just nu lite orolig f\u00f6r en v\u00e4n som g\u00e5tt h\u00e5rt \u00e5t flaskan med beska droppar. Hur mycket sprit klarar egentligen en svensk midsommarfirare redan vid lunchtid?<\/p>\n S\u00e5 han f\u00f6rs\u00f6ker lite i smyg s\u00f6ka fram information om hur farligt detta kan vara. Nu har han bara sin mobil och endast ansluten till det tr\u00f6ga mobila n\u00e4tet Edge, med spr\u00e4ckt sk\u00e4rm, tveksam spr\u00e5kf\u00f6rst\u00e5else och en datakvot om 500 Mb per m\u00e5nad. N\u00e4r hans kvot \u00e4r slut kr\u00e4ver det ett bes\u00f6k i en fysisk butik f\u00f6r p\u00e5fyllning, n\u00e5got han inte \u00e4r i n\u00e4rheten av.<\/p>\n Hur hush\u00e5ller vi som bygger webbplatser om Salongsberusade Sanjays m\u00f6jligheter att komma \u00e5t, f\u00f6rst\u00e5 och anv\u00e4nda det vi erbjuder p\u00e5 webben? De flesta av oss \u00e4r helt of\u00f6rberedda till merparten av de utmaningar v\u00e5ra anv\u00e4ndare har.<\/p>\n Nu hade vi i detta pilotprojekt ingen unik persona. Men vi tog definitivt h\u00f6jd f\u00f6r att inte g\u00f6ra det sv\u00e5rt att f\u00f6rst\u00e5 den mikrowebb vi erbj\u00f6d, eller att man skulle bli distraherad av v\u00e4ntan p\u00e5 att webbsidan skulle dyka upp.<\/p>\n F\u00f6r egen del \u00e4r det v\u00e4ldigt enkelt att s\u00e4tta mig in i ett flertal dimensioner av utmaningar som g\u00e4ller en anv\u00e4ndare inom V\u00e4stra G\u00f6talandsregionens upptagningsomr\u00e5de och den verksamhet som vi har. Jag \u00e4r frekvent i glesbygden i Dalsland, jag rent utav uppeh\u00e5ller mig ofta i omr\u00e5den d\u00e4r jag stundtals inte har t\u00e4ckning p\u00e5 mobilen. Antingen i jakt p\u00e5 svamp eller cyklandes cross-country\/MBT p\u00e5 n\u00e5gon skogsv\u00e4g. M\u00e5nga av dessa mindre v\u00e4gar trafikeras av kollektivtrafiken V\u00e4sttrafik sk\u00f6ter.<\/p>\n Grannar till min sommarstuga pendlar varje arbetsdag via buss eller bil dessa v\u00e4gar. S\u00e5 kan v\u00e5ra patienter och medborgare se ut, ut\u00f6ver att de kan ha en diagnostiserad funktionsneds\u00e4ttning som g\u00f6r det hela \u00e4nnu viktigare!<\/p>\n Som du f\u00f6rst\u00e5r m\u00e5ste jag f\u00f6rs\u00f6ka leva som jag l\u00e4r. Det \u00e4r inte alltid l\u00e4tt. S\u00e5 n\u00e4r jag tog fram prototypen f\u00f6r mikrowebben under 2014 blev jag tvungen att h\u00e5lla igen med den h\u00f6gst m\u00e4nskliga egenskapen att vilja dekorera och designa. Ist\u00e4llet utgick jag fr\u00e5n ett mikro-ramverk som kallas Skeleton<\/strong>. Det inneh\u00e5ller inte mer \u00e4n n\u00f6dv\u00e4ndigt. Det f\u00e5r inneh\u00e5llet att fungera bra p\u00e5 en mobil, men ocks\u00e5 p\u00e5 en dator. Med mindre justeringar fick jag till en bas jag kunde leva med. Lite intrimmande senare fanns samma mikrowebb f\u00f6r anv\u00e4ndning av v\u00e5ra webbredakt\u00f6rer med beh\u00f6righet till att skapa mikrowebbar – likt KOL-skolan.<\/p>\n Ja, jag h\u00e5ller p\u00e5 och byter m\u00e5ttstock. Men tills vidare \u00e4r Googles Pagespeed en v\u00e4sentlig del av hur jag utv\u00e4rderar webbprestanda p\u00e5 jobbet. S\u00e5 \u00e4ven h\u00e4r.<\/p>\n Lite l\u00e4sanvisning till nedan statistik om den genomsnittliga sidan p\u00e5 det som blev KOL-skolan \u00e4r att varje fil kan i Dalsland, mellan \u00c5m\u00e5l och Bengtsfors, ta \u00f6ver en sekund innan den ens b\u00f6rjar tas emot av en anv\u00e4ndare som sitter p\u00e5 en buss. Dessutom har jag sj\u00e4lv m\u00e4tt upp i dessa omr\u00e5den som \u00e5tminstone har \u00e5tkomst till Edge-n\u00e4tet att hastigheten \u00e4r s\u00e4mre \u00e4n de modem p\u00e5 56 Kbit\/s vi hade p\u00e5 1990-talet. Skillnaden \u00e4r att d\u00e5 r\u00e5kade man inte ut f\u00f6r att var och varannan webbplats hade h\u00f6guppl\u00f6sta utsmyckningsbilder, eller flera Mb med Javascript eller CSS. S\u00e5 ser en valfri responsiv webbplats ut idag.<\/p>\n En annan l\u00e4sanvisning \u00e4r att nedan n\u00e4mnda textfiler skickats Gzipat, vilket inneb\u00e4r att de bara \u00e4r cirka en tiondel av angiven storlek i faktisk \u00f6verf\u00f6ring.<\/p>\n Vill man f\u00e5 en grovt f\u00f6renklad sanning, eller m\u00f6jligen inte \u00e4r intresserad av webbteknik, s\u00e5 summerar nedan siffror webbplatsens 75 unders\u00f6kta sidor ur en mobilanv\u00e4ndares perspektiv:<\/p>\n I den prestandabudget som (h\u00e4rligt nog) beslutades ett \u00e5r senare av V\u00e4stra G\u00f6talandsregionens kommunikationsdirekt\u00f6r Erik Lagersten h\u00f6jdes l\u00e4gstaniv\u00e5n till 85 av 100 i mobil Pagespeed.<\/p>\n Lite statistik om KOL-skolans mikrowebb – med faktiskt inneh\u00e5ll:<\/p>\n Om man ist\u00e4llet kollar p\u00e5 den f\u00f6rb\u00e4ttringspotential som Google Pagespeed pekar ut kommer man fram till f\u00f6ljande bed\u00f6mning:<\/p>\n Anledningen till den f\u00f6rsta punkten \u00e4r prim\u00e4rt de videoklipp vi placerat p\u00e5 Youtube. Och den plattformen \u00e4r f\u00f6rh\u00e5llandevis bra p\u00e5 video, men vi som anv\u00e4ndare kan alltid b\u00e4ttra p\u00e5 oss n\u00e4r det g\u00e4ller att texta v\u00e5ra videoklipp.<\/p>\n Jag och kollegan Kajsa S\u00f6derberg (fr\u00e4mst Kajsa) har fr\u00e5n Eh\u00e4lsoenhetens sida st\u00f6ttat pilotprojektet KOL-skolan. Id\u00e9n kom som sig b\u00f6r fr\u00e5n verksamheten sj\u00e4lva, de ville p\u00e5 n\u00e5got digitalt s\u00e4tt komplettera sin patientutbildning och erbjuda st\u00f6d \u00e4ven mellan utbildningstillf\u00e4llena, och inte minst efter utbildningen.<\/p>\n","protected":false},"author":3,"featured_media":525,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[91,141,182,183,189,286,315,327,387,460,493,585,678,719],"class_list":["post-524","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-halsa","tag-dalsland","tag-erik-lagersten","tag-github","tag-glesbygd","tag-google-pagespeed","tag-kajsa-soderberg","tag-kol-skolan","tag-kroniskt-obstruktiv-lungsjukdom-kol","tag-mikrowebbplats","tag-personas","tag-prestandabudget","tag-sitespeed-io","tag-vasttrafik","tag-webbprestanda"],"yoast_head":"\nPersona 1: Ergonomiska Egon<\/h3>\n
Anti-persona med alla t\u00e4nkbara sv\u00e5righeter<\/h3>\n
KOL-patienten Kalle?<\/h3>\n
Walk the walk\u2026<\/h2>\n
Hur gick det sen?<\/h2>\n
\n
\n
\n
Bloggpostens l\u00e4nkar<\/h2>\n
\n