[arbetsprocess]

Det finns en uppsjö av olika modeller och processer inom UX. Den som granskar dem i detalj finner att de ofta är rätt lika varandra.

I valet av modell/process tänker jag så här:

• Det viktigaste är att man väljer en process. På så vis går arbetet snabbare (för repetition ger färdighet) och samarbetet blir smidigare när alla i gruppen delar syn på vad som skall göras. Om man enas kring en process finns även större möjligheter att kontinuerligt utvärdera och utveckla sitt arbete.
• Även den bästa standardlösning kan behöva anpassas utifrån den specifika utmaningen och uppgiften. Det finns en poäng med att alltid vara öppen för att testa nya modeller och processer.
• Inom UX är en iterativ process vanligen att föredra. Finns tillräckligt med tid når man i så fall alltid ett gott resultat - om något inte fungerar är det ju bara att backa bandet för ett justerat försök.
• Allt utvecklas. De bästa modellerna och processerna har vi förmodligen inte kommit på ännu!

[futurefox]

Uppgift

Du har blivit känd som en webbprogrammerare med känsla för design och kunderna står nu i kö. Futurefox är ett exklusivt managementföretag med en bred portfolio av tjänster. Man söker det avskalade och enkla snarare än det pråliga och komplexa. Den seriösa framtoningen måste balanseras mot känslan av innovation och framåtanda. Tag fram företagets nya visuella identitet samt responsiva webbplats.

Min roll

Designer, copywriter, utvecklare

Projektets gång

• Analys av kundbehov
• Analys av varumärke/identitet
• Framtagning av personas
• Skisser
• Design
• Bildmanéer
• Textproduktion
• Kodning (HTML, CSS, PHP)

Utmaningar på vägen

Det här var första gången jag tvingades utveckla en sajt utifrån någon annans redan existerande kod. Det visade sig vara betydligt svårare än att göra uppgiften själv från scratch.

Vad jag är nöjd med

Designen blev avskalad, distinkt och tillgänglig. Sajten fungerar oavsett vilken enhet som nyttjas.

Vad jag kunde gjort annorlunda

• Det blev kanske litet väl luftigt i mobilt läge.
• Ikonerna hade med fördel kunnat vara något mindre i mobilt läge.
• Jag hade gärna velat koda sökfunktionen på bloggsidan (det hanns inte med).
• Responsiviteten i designen kan finputsats.

Detta var ett skolarbete för Blekinge Tekniska Högskola.

[karma]

Uppgift

Designa tre nya, från varandra skilda, användargränssnitt för artefakten (en app som låter dig köpa restaurangers överblivna mat till reducerat pris). Dessa skall passa användningssammanhang och användare bättre än nuvarande gränssnitt.

Vart och ett av gränssnittsförslagen skall designas utifrån en unik designprincip enligt Norman. Varje förslag skall ha en analog skiss. För ett av förslagen skall mockup eller prototyp tas fram.

Min roll

UX-researcher/-designer

Projektets gång

• Användare testade nuvarande app under observation.
• Utifrån användarnas kommentarer och handlingar tog jag fram skisser.
• Användarna lämnade synpunkter på skisserna, varefter nya skisser togs fram.
• Användarna lämnade sina synpunkter på de nya skisserna. Den skiss som togs emot mest positivt låg sedan till grund för en mockup.
• Den framtagna mockupen testades av användarna. Inga ytterligare korrigeringar visade sig behövas.
• Nästa steg hade varit en hi-fi-prototyp.

Utmaningar på vägen

Mina kunskaper om Normans designprinciper var vid den här tiden begränsade. Lösningen blev att jobba snabbt och läsa på parallellt.

Vad jag är nöjd med

Härligt att även inom detta yrke få använda händerna när man skapar!

Vad jag kunde gjort annorlunda

Appen hade behövts förändras även på andra sätt (men det låg utanför uppgiften).

Detta var ett skolarbete för Högskolan i Kristianstad.

[hbo]

Uppgift

Utvärdera en existerande interaktiv tjänst och föreslå en utveckling eller förbättringar av denna. Välj en applikation ni upplever som krånglig eller bristfälligt designad ur något perspektiv.

Min roll

UX-researcher/-designer och team lead

Projektets gång

• Användarutvärdering
• Expertutvärdering (heuristisk utvärdering)
• Skisser, prototyping (pappersprototyper, Balsamiq och Proto.io) och användartester
• Vi konstaterade att användarna tyckte det var svårt eller helt omöjligt att spola, speciellt kortare avsnitt. Lösningen blev större siffror när man spolar och knappar för att möjliggöra 10 sekunders spolning framåt och bakåt. (Denna lösning har sedermera implementerats av HBO.)
• Vi upptäckte att användarna hade svårt att se var de befann sig i en serie. Lösningen blev en funktion där man kan välja om uppspelning skall ske från starten av det senaste avsnittet eller från där man senast tittade.
• Användarna efterlyste en plattform för att diskutera filmer och serier som de sett. Lösningen blev ett forum med spoilers och ett forum utan spoilers.

Utmaningar på vägen

Vi uppfattade Balsamiq som något begränsat. Vi gick därför över till Proto.io som erbjöd de möjligheter vi sökte.

Vad jag är nöjd med

Arbetet i gruppen gick väldigt smidigt. Vi följde vald designprocess och landade aldrig i tidsnöd.

Vad jag kunde gjort annorlunda

Vi kunde ha ställt fler öppna frågor och givit deltagarna i studien mer frihet.

Vi hade gärna utforskat möjligheten att använda hela den tryckkänsliga skärmen som gränssnitt (istället för fast positionerade ikoner). Exempelvis skulle det kanske fungera bra att pausa var som helst på skärmen eller att svepa med fingret åt det håll man önskar spola.

Detta var ett skolarbete för Södertörns högskola.

[hemköp]

Uppgift

Genomför en etnografisk undersökning av en specifik brukskontext i ett mycket tidigt skede av en designprocess. Jag valde att undersöka nyligen införd självskanning på Hemköp i Skarpnäck.

Min roll

UX-researcher

Syfte

Syftet med undersökningen var att identifiera användarnas eventuella problem med den nya självskanningen samt att − om det behövdes − föreslå lösningar för dessa.

Intervjuer

Det visade sig i intervjuer med kunder och personal att det enda egentliga problemet hängde samman med hur man raderade en redan inskannad vara. Personalen förklarade att detta var den absolut vanligaste frågan och att de fick den flera gånger om dagen.

Kunder och personal visade på förfrågan två alternativa sätt att radera en vara på. Det ena sättet var att markera något i listan med fingret, trycka på papperskorgen och till sist skanna den vara som skulle bort igen (tre steg). Det andra sättet var att direkt trycka på papperskorgen och sedan skanna den vara som skulle bort igen (två steg).

En särskild utmaning var att skannern inte gav någon instruktion om att kunden behövde skanna den aktuella varan efter att ha tryckt på papperskorgen.

Observationer

Under observationen av självskanningskunder så verkade de använda sig av maskinen på ett problemfritt sätt. De gick fram till varan som de skulle handla, riktade maskinen mot varan och skannade av den utan problem. Vid ett tillfälle så hade en av kunderna problem med att radera en vara från listan och gick då fram till personal för att erhålla hjälp.

Utvecklingsförslag

Att radera en redan inskannad vara synes vara den största svårigheten för användaren. Att som idag ha två alternativa tillvägagångssätt − vilka endast skiljer sig från varandra genom ett att det ena sättet innehåller ett överflödigt första steg − är onekligen mindre lyckat. Därför föreslås en förenkling av den funktionen.

I syfte att förenkla för användaren bör det finnas (åtminstone) ett intuitivt sätt, med så få steg som möjligt, att radera varor på. Förslagsvis trycker användaren på soptunnan och möts då av en popup-ruta som uppmanar till att skanna den aktuella varan. Efter skanning skett bekräftas att varan raderats, varpå popup-rutan stängs automatiskt.

Diskussion

Även om både kunder och personal ser självskanning som ett smidigt hjälpmedel kvarstår alltjämt brister. Det kan inte anses som god design att personalen varje dag får samma fråga från kunderna.

User research pekade i detta fall inte bara på vad som var problematiskt utan också på vad som skulle kunna lösa problemet. Även om det såklart finns alternativa lösningar att testa (exempelvis utan ytterligare skanning av den vara som skall raderas) antyder både gjorda intervjuer och observationer att mitt utvecklingsförslag skulle fungera tillfredsställande.

Att kombinera intervjuer med observationer var passande för undersökningen. Det var ett bra sätt att se om kunderna faktiskt gjorde det som de sade sig göra (the say/do problem).

Detta var ett skolarbete för Högskolan i Kristianstad.

[designprinciper]

Uppgift

Redogör för och exemplifiera ett antal olika principer för grafisk design. Paketera resultatet i ett Indesign-dokument. Vad gäller typografi, form och layout skall särskild vikt skall läggas vid läsbarhet.

Innehåll

• Fungerande designexempel
• Icke-fungerande designexempel
• Synlig och osynlig typografi
• Typografiska begrepp
• Designprinciper
• Funktionell och icke-funktionell färg

Ladda ned filen som PDF för att läsa mer.

Detta var ett skolarbete för Södertörns högskola.