Varukorg – Hur fungerar sajterna i användningssituationen?
Det är viktigt att utgå från användarens situation när man utformar en varukorg. Vart sitter användaren och handlar? Sitter användaren helt ostört med full fokus på sajten eller gör man annat samtidigt? Handlar man hela inköpslistan i samma session eller blir man avbruten mitt i processen? Risken att förlora användaren är mycket stor om man måste göra om allting igen bara för att man råkat stänga ned fönstret.
MatHems och Coop Onlines varukorgar ser ut på liknande sätt. Här ser man de tre senast ilagda varorna vilket hjälper användaren att minnas.
När jag gjorde denna jämförelse ville jag se hur sajterna fungerar när man går ifrån datorn en stund och gör annat och sedan återvänder. MatHem och Coop Online klarar detta bra dels eftersom den hjälper användaren att minnas var man slutade. Man kan till och med stänga ned fönstret och sedan återvända till sajterna eftersom varukorgarna sparas.
Netxtras varukorg visar endast totalt antal varor i korgen och totalt pris för varorna. Jag måste därför klicka på ”Visa varukorg/gå till kassa” för att se vart jag slutade.
Vi ett tillfälle råkade jag klicka ned webbläsarfönstret under tiden jag handlade på Netxtra. När jag återvände till sajten såg jag till min förskräckelse att alla mina 16 varor hade försvunnit ur varukorgen! Det kändes otroligt jobbigt för mig att behöva göra om proceduren att söka rätt på alla varor igen.
MatHem och Coop Online fungerade bra in min användningssituation. Jag kunde gå ifrån datorn ett tag eller till och med stänga ned fönstret och fortsätta nästa dag. När jag sedan kom tillbaka kunde jag enkelt fortsätta där jag slutade. Netxtras sajt kräver att man gör hela sitt köp i ett svep och inte stänger ner fönstret.
Nästa del i jämförelsen handlar om hur beställnings- och betalningssteget fungerar på de olika sajterna.
Produktinformation – Får jag den information jag behöver?
Vilken produktinformation som är intressant bör utgå från användarnas behov. Den information som användarna i första hand letar efter ska framhävas, i det här fallet, redan i sökresultatlistan. På så sätt blir det enkelt för användaren att avgöra om varan är den han/hon letar efter.
Information som användaren i första hand inte är intresserad av kan med fördel döljas så att om användaren vill veta mer om produkten får klicka fram den informationen. Information som användarna aldrig behöver kan helt tas bort.
Ju mer information man lägger kring en produkt desto mer jobb lämnar man åt användaren att själv sålla bland informationen vilket gör att det tar längre tid för dem att hitta rätt. Genom att istället göra jobbet åt användarna så effektiviserar man för dem att hitta den vara de är ute efter.
Nötfärs finns på min inköpslista. När jag köper kött tycker jag att det är viktigt att veta var det kommer ifrån och köper gärna det som kommer från Sverige. Därför är det viktigt för mig att tydligt kunna se ursprungsland i produktinformationen.
Netxtra ger mig ingen information om nötfärsens ursprungsland i sökträfflistan. Den information som finns är ”Varumärke”, ”Förpackning” och ”Vikt/volym”. Jag måste därför klicka på produkten för att få mer information. I rutan som öppnas finns, förutom en bild på produkten, en hel del information som jag inte alls har användning för. Det är för mig inte intressant att veta vilket artikel- eller EAN-nummer som varan har. All denna information gör att det tar lång tid för mig att förstå var köttet kommer ifrån eftersom jag tvingas läsa all information för att kunna avgöra om den handlar om köttets ursprungsland.
Inte heller på MatHem får jag någon information om ursprungsland i sökresultatlistan. Här måste jag också klicka på produkten för att få mer information men inte heller här står det något om ursprungsland. Av en händelse ser jag att det är en liten svensk flagga på förpackningen på produktbilden och drar slutsatsen om att köttet nog kommer från Sverige.
På Coop Online behöver jag inte klicka på produkten för att få reda på var köttet kommer ifrån. Det ser jag tydligt eftersom det står efter produktnamnet. Det som döljs under länken ”mer information” är sekundär information som jag i första hand inte är intresserad av, vilket är logiskt.
Imorgon kommer det handla om varukorgen. Hur fungerar sajterna i mitt användningssammanhang?
Filtrering av sökresultaten – Kan jag jämföra varorna med varandra?
När man utformar filtrerings- och sorteringsalternativ är det viktigt att utgå från användarens behov. Vilka parametrar är intressanta? Hur vill man sortera sökträfflistan? Vad letar man efter? Genom att dessutom ta bort onödiga parametrar framhävs de mer intressanta vilket gör det lättare för användaren att uppmärksamma dessa. Filtrering och sortering ska fungera som ett hjälpmedel för användaren för att på ett effektivt hitta det han/hon letar efter.
I mataffärerna tycker jag om att jämföra priser för att kunna välja den billigaste varan. Detta gäller till exempel när jag ska köpa herrgårdsost eller krossade tomater eftersom jag tycker att de billigare varianterna smakar lika gott som de dyrare.
På MatHemfinns möjligheten att sortera sökresultaten både på jämförelsepris eller pris/st. Detta gör det enkelt för mig att se vilken av herrgårdsostarna som är billigast.
Det finns även åtta stycken filtreringsalternativ som exempelvis ”ekologiskt” och ”laktosfritt”. Dessa filtreringsalternativ visas oavsett vad man söker på trots att filtreringsalternativet ger noll träffar i listan. Det är exempelvis inte intressant för mig att kunna sortera på ”frysta varor” när jag sökt på herrgårdsost.
För framhäva filtreringsalternativen ytterligare och öka effektiviteten för användaren kan MatHem vinna på att dölja de filteringsalternativ som ger noll träffar och endast visa de som är relevanta.
Netxtras filtreringsalternativ visas endast om de ger några träffar. Om inte någon vara är nyckelhålsmärkt så visas exempelvis inte nyckehålssymbolen som ett filtreringsalternativ.
Netxtra skulle dock vinna på att förbättra filtrerings- och sorteringsmöjligheterna ytterligare. Jag saknar möjligheten att sortera sökresultaten efter jämförpris vilket gör att jag inte snabbt kan avgöra vilken av ostarna som är billigast. För mig är det inte intressant att sortera på ”huvudgrupp” eller ”varumärke”.
När jag letar efter krossade tomater så använder jag sökordet ”tomater”. Här får jag upp ett flertal olika tomatprodukter. Nu vill jag ju se bara krossade tomater och sedan kunna jämföra priser mellan dessa. Jag vill alltså först filtrera mina sökresultat och sedan sortera denna lista men tyvärr erbjuds inte dessa alternativ.
Något som försvårar mitt val är de konstiga produktbenämningarna. Vad är exempelvis ”krossade tomater m vi” eller ”krossade tomater brik”?
För hitta varan jag letar efter provar jag att söka på ”krossade tomater” och väljer den första varan i listan. Jag känner mig dock lite besviken på att jag inte själv kunde välja de billigaste tomaterna på ett enkelt sätt. Något omständligt.
Coop Online erbjuder begränsade möjligheter att sortera mina sökresultat. Vid en sökning på ”tomater” kan jag sortera min lista på ”egenskaper” som KRAV, Änglamark och Ekologiskt jordbruk, eller att se träffar inom en kategori som exempelvis ”Grönsakskonserv”.
Jag väljer att bara se träffarna inom kategorin grönsakskonserv eftersom jag tänker att jag då får se alla varor inom ”tomater” men som hör till kategorin ”grönsakskonserv”. Här får jag upp alla träffar inom den kategorin, det vill säga konserverad majs, sparris, rödbetor, ärtor och så vidare och alltså inte bara konserverade tomater. Detta var ju absolut inte det jag letade efter! Om det inte hade varit för att jag gjorde denna jämförelse hade jag gett upp och lämnat sidan.
Alltså:
Erbjud endast de filtrerings- och sorteringsalternativ som användaren har nytta av – det förenklar och effektiviserar.
Ta bort sådana som användaren inte behöver. Ju fler desto bättre gäller inte här. Ju fler man har desto svårare blir det istället för användaren eftersom man då måste sålla för att hitta de viktigaste.
Funktioner i anslutning till sökresultaten (som i exemplet om Coop Online ovan) uppfattas som filtrerings- eller sorteringsalternativ. Se till att de verkligen fungerar som det och smalnar sökresultatet.
Föregående delar i jämförelsen mellan MatHem, Nextra och Coop Online:
Sökrelevans – Hur lätt är det att hitta varorna jag söker?
När man har en sida där sökfunktionen spelar en viktig roll i köpflödet är det viktigt att erbjuda bra relevans i sökresultaten. Bra sökrelevans hjälper användarna att snabbt hitta den vara man söker. Dålig sökrelevans kan istället utgöra ett onödigt hinder i köpprocessen där man riskerar att förlora potentiella kunder.
Det är bra att analysera vilka sökord användarna använder ofta på sajten. Hur bra relevans får man när man söker på dessa ord? Går det att förbättra?
Jag använder sökfunktionen på alla tre sajter för att hitta varorna på min inköpslista eftersom jag tror att det är det snabbaste sättet att hitta varorna på inköpslistan.
Lättmjölk är den första varan på min inköpslista och jag skriver in ”lättmjölk” i sökrutan. Jag vill ha Arlas enliters lättmjölk eftersom det är den jag alltid brukar köpa. Sökresultatlistan ser lite olika ut för de tre sajterna. På MatHem sorteras sökresultaten automatiskt på ”Mest köpta”. Varan jag är ute efter hamnar långt ned i sökresultaten. På min dator hamnar varan nedanför där min skärm slutar och jag behöver därför scrolla för att hitta den. Det känns för mig tveksamt att Valios röda laktosfria standardmjölk är den mest köpta av de jag får upp när jag söker på ”lättmjölk”.
Sökträffarna som Netxtra presenterar vid sökningen på ”lättmjölk” är mer relevanta. De tre första träffarna jag får upp utan att behöva scrolla är alla tre lättmjölk. Andra träffen är Arlas enliters lättmjölk. Precis vad jag letade efter!
När jag söker på Coop Online presenteras sökresultaten i en ruta ovanpå startsidan. Detta ger sidan ett något rörigt intryck och skiljer sig från det jag är van vid på webben. Sökresultaten hamnar dessutom ganska långt ner på sidan vilket gör att jag på min skärm knappt ser de tre översta sökresultaten. Som tur är hamnar varan jag söker längst upp i sökträfflistan. Enkelt!
I exemplet ovan klarade sig två av de tre sajterna sig bra. I MatHems fall skulle de behöva jobba mer med att presentera relevanta resultat så att användaren slipper leta igenom hela listan för att hitta rätt vara. Användarna förväntar sig att hitta de mest köpta lättmjölksprodukterna vid en sökning på “lättmjölk” och letar troligen inte efter Valios laktosfria standardmjölk.
Generellt så lyckas sajterna bra att presentera relevanta sökresultat. Det är ganska enkelt att hitta varorna på inköpslistan även fast jag i vissa fall måste scrolla ned på sidan. I några undantagsfall går inte varan att hitta alls. Jag misslyckades exempelvis helt med att hitta vitlök på Netxtra. En sökning på ”vitlök” gav resultat på olika varor innehållande vitlök. Jag provade istället att leta i strukturen under ”Frukt/grönt” men där fastnade jag på undermenyalternativen. Är vitlök ”festgrönt”, ”vardagsgrönt” eller kanske en ”smaksättare”? Jag är fortfarande osäker på om Netxtra inte har vitlök i sortimentet eller om jag bara inte lyckades hitta den.
Imorgon kommer nästa del i jämförelsen mellan MatHem, Netxtra och Coop Online. Då handlar det om filtrering och sortering av sökresultaten. Kan jag jämföra varorna med varandra?
Hur bra är egentligen de ledande matsajterna på att behålla sina kunder hela vägen till köp?
Användarna blir mer och mer otåliga på nätet. Svarar inte webbplatsen direkt på vad användaren söker klickar man lätt ner fönstret och surfar vidare. Man har med andra ord några sekunder på sig att visa att man kan erbjuda det användaren vill ha.
Särskilt viktigt blir detta på e-handelssajter där syftet är att kunden ska stanna på sajten tillräckligt länge för att genomföra hela köpet. Det gäller att både fånga kundens intresse initialt och att upprätthålla kundens engagemang under hela köpprocessen.
Hur gör man det då, kanske ni tänker? En viktig del är att minimera antalet hinder i flödet. Om användaren upplever att det är krångligt att handla kommer han/hon troligen att ge upp ganska snabbt och vända sig till en konkurrent. Särskilt om det finns sajter som erbjuder liknande utbud. Att minimera hindren kan röra sig om att minska antalet klick, antal fält man måste fylla i för att genomföra köpet och att tydlig presentera produkterna. Genom att erbjuda en trevlig användarupplevelse ökar man chansen att kunderna återvänder.
Mitt namn är Emelie och jag jobbar som användbarhetsexpert på Valtech. Jag har jämfört de tre ledande matsajterna Mathem, Coop Online (fd Mataffären) och Netxtra för att se hur deras köpflöde ser ut och var i flödet de riskerar att förlora sina potentiella kunder.
Min inköpslista bestod av totalt 17 varor. För att se hur sajterna fungerar i ett troligen vanligt användningssammanhang satt jag hemma när jag handlade och lagade samtidigt mat, vilket innebar att jag då och då var tvungen att springa ifrån datorn.
I min analys utgår jag från fem olika aspekter som påverkar användarupplevelsen. Dessa är:
Sökrelevans – Hur lätt är det att hitta varorna jag söker?
Filtrering och sortering av sökresultaten – Kan jag jämföra varorna med varandra?
Produktinformation – Får jag den information jag behöver om varje vara?
Varukorg – Hur fungerar sajterna i användningssituationen?
Betalningssteget - Hur smidigt går det att beställa och betala?
Varje dag denna vecka publicerar jag en del i min jämförelse – först ut blir sökrelevans som publiceras imorgon. Hur lätt är det egentligen att hitta varorna på min inköpslista? Häng med!
Den 30 maj öppnar vi dörrarna till årets upplaga av Valtech Tech Day. I år större och bättre än någonsin med parallella talarsessioner, interaktivt och tvärfunktionellt program, öppna deltagarsessioner och avslutningsvis vårens största branschmingel – Valtech Community Night.
Våra medarbetare och inbjudna gästföreläsare delar med sig av sina spetskunskaper och projekterfarenheter i föredrag och paneldiskussioner. Vi bjuder dessutom på spaningar och nyheter från konferenser och meetups kring nya tekniker och ramverk.
Denna dag hyser Myntet även rum för spontana OST:ar och interaktiva “chalk talks” där du som deltagare är viktig för att skapa de dialoger och diskussioner som leder till nytänkande och ökad insikt.
Valtech Tech Day riktar sig till dig som är tekniskt intresserad och vill fördjupa dig inom branschaktuella ämnen. I år kommer Tech Days program bland annat beröra ämnen som:
Agil arkitektur och design
Clojure, Meteor och Derby JS
Windows Phone och Windows 8
TDD
Responsive – Best Practice
Strategier för mobila användarupplevelser
Orchard
Design thinking
BIG DATA
SPDY
TPL Dataflow
Klockan 18:30 förvandlas sedan innergården utanför Myntet till Valtech Community Night – En mötesplats för alla i vår vitala webb community. Oavsett vad du brinner för – teknik, strategi, design, etc – vill du inte missa det här!
Valtech Tech Day är kostnadsfritt men antalet platser är begränsat och brukar gå åt ganska fort.
För anmälan och mer information om eventet gå in på vtd12.se
The recent general public release of the newly redesigned www.riksbanken.se is a showcase in itself for Valtech. It has had a complete graphic redesign, reworked UX and GUI. It was decided to present an idea that was fresh, clean, smart and a move to what we felt would best suit Riksbanken: to become ‘responsive’. We chose to structure content in a smart way and design smart solutions so that information can be accessed by all on all devices.
As part of the Riksbank design team, the design process behind this new website was slightly different in it’s approach. I had a clear idea of what was needed for this project from the start. I had done research and knew what wasn’t happening visually with the ‘competitors’. In fact, it was quite noticeable what was not going on ‘out there’ with regards to the various financial websites. In this day and age of financial worry and fluctuating global financial climates, it would be wise for financial websites to portray trust, control, experience, safety, structure, a sense that things are in control and are in safer hands. A country should be proud to stand tall despite financial difficulties, should be able to inform of what is happening within it’s sectors in a clear and pedagogic manner. It was amazing to find that few, if any of these central bank websites have any real relevance to this simple criteria. If you take a look at a majority of these sites, you can see many are falling behind web standards, or already have. Sites that cram in as much information as possible to try and solve their bad UX solutions. Information that is displayed without any real relevance to each other. Design that has been left alone and forgotten about years ago, plus user interaction that is outdated.
The visual side of many global banks...
So, design a new site for Riksban: give it a feel of what Sweden stands for on the global design podium: clean, a touch of minimalism and simplicity. In align with their branding guide lines, the end product now reflects this classic perception of Sweden, a country that is looked upon as being a role model for modern global financial stability. This website now stands in line with this idea.
The responsive layout works seamlessly, although the design process was a learning curve. From this perspective, I found that a designer has to adapt another method of caring for all those pixels. When devices rule the layout, there has to be room for design ‘compensation’ in the sense that pixels will be lost, replaced, moved according to the format of the used device as opposed to being static. But, keep the base idea alive. Make the layout work in a way that these pixels are not forgotten but become part of the complete picture whether they sit permanently or temporarily have a purpose to the overall visual imprint. Together with intense UX work and GUI programming they all become relevant to each other.
Previous Riksbank website
The new look Riksbank website.
For the ipad/tablet...
The feedback collected so far from the new riksbank website is very exciting. Without a doubt Sweden now leads the way as to what the other central banks should strive for: modern functional websites, user focus interaction, solutions for independent devices, progressive redesigns that will last for many years and can adapt to new ideas along the way plus usability that works with information that can be found.
Den 17-19 april genomfördes den tionde årgången (jubileum!) av Vitalis i Göteborg, som är Sveriges största konferens och mässa för alla som jobbar med IT inom hälsa, vård och omsorg. Över 4500 besökare – politiker, vårdfolk och leverantörer – minglade med ett åttiotal utställare och lyssnade på seminarier om allt från digital bilddiagnostik till mobilappar baserade på kognitiv beteendeterapi.
I linje med Socialdepartementets nationella strategi för e-hälsa satsar nu landsting och regioner stort på ökad nytta inte bara för vårdgivarna utan även för oss invånare med hjälp av e-tjänster för hälsa, vård och omsorg – oavsett vem som är huvudman. På Vitalis presenterade landstingens gemensamma beställarorganisation CeHis ett förslag till handlingsplan för 2013-2018 med konkreta mål för ökad användning av e-tjänster inom hälsa.
En bra illustration av en typ av invånar-persona som skulle kunna få stor nytta av nya smartare tjänster inom e-hälsa fanns i filmen om Jenny som visades av SLL och Inera:
Vårdguidens diabetes-bloggare Jenny Gustafsson berättar om sin vardag med diabetes och hur nya e-tjänster i vården skulle kunna underlätta för henne i framtiden.
På Vitalis presenterades flera gemensamma satsningar på nationella e-tjänster för invånarna, bland annat:
Mina vårdkontakter (SLL och Inera). En etablerad personlig e-tjänst för säker kommunikation med vård och omsorg som används i alla landsting, med ca 900.000 invånarkonton och runt 65.000 ärenden varje månad.
Mina hälsotjänster (SLL och Inera). Pågående nationellt projekt med målet att skapa förutsättningar och ramverk för få fram fler e-tjänster inom vård, hälsa och omsorg åt invånarna – även genom att underlätta för fler nya aktörer (läs privata) att bidra med nya tjänster. Som ett första steg ingår även en ”modernisering” och mobilanpassning av Mina vårdkontakter i projektet.
Mina vårdflöden (Vinnova och SLL). Pågående projekt som bland annat syftar till ta fram nya mobila e-tjänster för att ge patienter översikt och ägarskap över vårdflöden för stroke, lungcancer, höftoperationer och hjärtsjukdomar.
Självstyre vs. samordnad utveckling av e-tjänster
En stor utmaning som diskuterades livligt i paneldebatten under första dagen är att öka tempot och samordningen mellan våra 21 landsting och 290 kommuner för beställning och utveckling av e-tjänster. Som exempel kan nämnas att av de totalt ca sex miljarder som landstingen investerade i IT-inköp under förra året så användes ca 4% till gemensamma nationella satsningar via CeHis.
Hälsoappar för ökat engagemang i egen hälsa
Mobilappar fanns självklart med på Vitalis och här kommer några exempel på appar som visades med fokus på att hjälpa oss ”i situationer utanför vårdmottagningen/terapisoffan”.
Landstinget i Jönköpings län visade appen Min hälsoplan som hjälper patienten att förbättra levnadsvanor under en behandling, rehabilitering eller en kronisk sjukdom. Informationen om egna aktiviteter som användaren lägger in kan delas med vårdgivaren.
SLL visade appen Rökfri Vårdguiden, en coaching-tjänst för att hjälpa rökare att sluta som finns både som app och på webben. Tjänsten innehåller bl a dagbok, resultatuppföljning samt hjälp och tips. Valtech deltog i utvecklingen av tjänsten med både design och systemutveckling.
Psykologen Helena Kubicek Boye från iSelfhelp, som utvecklar appar som erbjuder KBT-baserade självhjälpsprogram mot depression och ångest, berättade om mobilteknik för självhjälp och förebyggande vård inom livsstilsfrågor.
Användning av sociala medier diskuterades givetvis också, både ur ett rättsligt perspektiv med fokus vad som är OK att dela med sig av för patienter och vårdpersonal, men även som informationskanal vid nödsituationer:
”Hur kan organisationer upptäcka och analysera hastig information från en stor mängd personer för att få en bättre förståelse av vad som inträffat?”
”Bilder ger info men text kräver tolkning”
”Det finns inga bra verktyg för Räddningstjänst m fl att hitta information i sociala medier – det är mycket brus och tiden finns inte”.
Mera nyfiken på e-hälsa?
För dig som är intresserad av e-hälsa och utveckling av nya digitala tjänster kommer här några tips på kommande events:
Some of us at Valtech recently visited the wonderful Railsberry conference i Poland. I took some notes while listening which I thought I would share with you!
The conference was truly awesome, and I think I speak for all of us when I say:
