IT-universitetet i Göteborg MDI. Interaktionsdesign - en expertanalys av Anna Olvenmyr Grafiska Gränssnitt, 5 poäng 2003-10-27
Inledning och kategorisering...3 Utvärdering indelad i kategorier...4 Impression/ perception of main page...4 Structure/priority (areas/tracks)...5 Categories...5 Navigation...6 Information...7 Language/wording...7 Interaction/User differentiation...7 Services/Functionality...8 Design/Interaction objects...8 Consistency...9 Security...10 Technical aspects...10 Fulfilment...10 Källor...11 2
Inledning och kategorisering Jag har valt att göra en analys av en webbsida. Sidan som jag har valt är SGS Studentbostäder (www.sgsbostader.com). Den kändes relevant att testa eftersom så många människor i min egen ålder använder den dagligen för att söka efter bostad i Göteborg. Jag har valt att göra en expertanalys utifrån tretton olika kategorier. Jag har alltså valt att inte följa Jacob Nielsens Ten usability heuristics, utan har istället följt ett antal riktlinjer jag anser vara bättre. Anledningen till detta är att jag anser att Nielsens riktlinjer inte tar upp sådana saker som intryck och om användarna anses nöjda, och inte heller om det är några konkreta fel på sidan, till exempel om en länk fattas helt eller om sidan länkar fel. Jag har däremot valt att nämna de saker jag anser vara användbara av Nielsens guidelines som gicks igenom på en föreläsning i kursen Grafiska Gränssnitt under höstterminen. Jag har även valt att ta upp saker som Edward R. Tufte skriver om i sin bok Envisioning Information samt även saker som tagits upp under föreläsningar i kursen. De kategorier jag har följt har utvecklats av Laurent Mauvais (föreläsare på Högskolan Kristianstad) och Katja Rose. De kommer från Nielsens kategorier men några är tillagda eller modifierade. Kategorierna är: o Impression/ perception of main page o Structure/priority (areas/tracks) o Categories o Navigation o Information o Language/wording o Interaction/User differentiation o Services/Functionality o Design/Interaction objects o Consistency o Security o Technical aspects o Fulfilment SGS Studentbostäder är Göteborgs bostadsbolag som är inriktat på att förmedla bostäder till studenter. Den primära målgruppen för webbsidan borde därför vara studenter som letar efter bostad i Göteborg. Andra som har användning av sidan är studenter som redan bor med SGS och vill komma i kontakt med dem av en eller annan anledning. 3
Utvärdering indelad i kategorier Impression/ perception of main page SGS - Studentbostäders startsida ger för mig ett bra första intryck. Den stora bilden och texten Bo hos oss! är bra och känns varm och inbjudande. Den gör även att det är tydligt vad sidan handlar om, vad företaget sysslar med och motiverar användaren till att utforska sidan. Webbsidan består av sex olika fält med information som separeras genom olika lager med färger. Dessa är den blå huvudmenyn, den vita bakgrunden under den, den ljusblå plattan till höger, den stora bilden/informationen i mitten till vänster, den röda nedre plattan samt bakgrunden under denna. Det är viktigt att separera information från annan information för att inte intrycket ska bli jobbigt att se på (1990:65). Detta kan göras till exempel med olika färgfält som SGS har använt sig av. Färgerna ger sidan ett lugnt intryck. Tufte anser att en bra strategi för att välja färger är att använda sig av färger som finns i naturen. Dessa färger är harmoniska för ögat och inger en auktoritär känsla (1990:90). Både den röda och den blå färgen borde anses som naturfärger och jag anser att de bidrar till att sidan känns mycket harmonisk. Dessa båda färger är svaga i tonen och ramar in huvudsidan på ett bra sätt. Tufte skriver att färger som används som avskiljare bör vara ljusa men samtidigt intensiva vilka dessa färger är (1990:88). Den ljusblå texten till vänster är ganska liten och ljus och kan vara svår att se. Jag tror dock inte att målgruppen har problem med detta, eftersom målgruppen måste vara studenter som inte har åldersproblem med synen. Nielsen rekommenderar i sina Top ten guidelines för homepage usability (ref.) att det ska finnas en tagline som säger vad företaget sysslar med och detta gör SGS bra. 4
Det är heller ingen tvekan om vilken målgrupp SGS riktar sig till. Detta framgår tydligt på startsidan, främst genom bilden på de två ungdomarna. Structure/priority (areas/tracks) Besökaren har lite olika prioriteter på denna sida, men den främsta borde vara att söka efter bostad genom att ta reda på vilka lägenheter som finns tillgängliga samt att ställa sig i kö på de man anser aktuella. Länken Sök bostad är lätt att hitta eftersom den ingår i huvudmenyn. För att kunna söka bostad måste du dock vara medlem hos SGS och ha fått ett inloggningsnummer. Har du inte det så kan det kännas frustrerande att inte komma åt denna information. SGS tvingar dig mer eller mindre att bli medlem för att kunna se om det finns några lediga lägenheter. Som tur är så är det är inga svårigheter att bli medlem. Du får ditt inloggningsnummer i ett mail när du fyllt i SGS anmälningsformulär. Om du dock inte går in på sidan för att söka bostad utan bara få information så hittar du ganska lätt länken Kontakta oss. Det är även lätt att hitta information om SGS olika bostäder genom länken som heter just Våra bostäder. Att dessa länkar är tydliga och synliga känns genomtänkt och här har SGS lyckats med sin webbsida. Categories De olika kategorier som finns att välja på från startsidan är: Hem (som är tillbaka till startsidan), Om oss, Sök bostad, Våra bostäder, Boinfo, Internet, Länkar, Kontakta oss samt SGS veckobostäder. Jag anser att Internet och Länkar känns lite förvirrande. Rubriken Internet känns som en kategori med länkar till andra sidor. Det visade sig dock att detta var två helt skilda kategorier. Länkar var givetvis just länkar men Internet visade sig vara information om hur man får Internet och hur man ska göra om man har problem med det. De övriga huvudkategorierna känns tydliga och jag tror att användarna inte har några större problem med vilken information som finns under de olika rubrikerna. Jag kan tycka att Våra veckobostäder hör till Våra bostäder, men när man klickar in på denna rubrik så ser man att veckobostäderna ligger under en annan webbsida och det blir då ganska klart varför SGS har gjort denna kategorisering. 5
Navigation Det är tydligt hur man går vidare från SGS startsida. Länkarna finns högst upp på sidan i en blå ram. Vissa underlänkar är dock förvirrande. Det är som sagt lätt att hitta länken Sök bostad och det är inga problem att bli medlem. Man behöver dock ha ett inloggningsnummer för att kunna logga in och detta får man i ett mail till adressen man angett. Det är bra att SGS har valt att lägga detta som en huvudlänk. Förutom huvudmenyn finns viss navigering till vänster på startsidan. Här finns ruta för inloggning till Mina sidor samt aktuell information, gällandes SGS webbsida och SGS som företag. Till vänster, precis under huvudmenyn finns även ett fönster där man kan göra en sökning. Detta är en funktion som Nielsen rekommenderar bör finnas på varje stor sida. Han säger att när användare vill söka efter information så är det en sådan här liten box de letar efter, och den bör finnas tydlig vilket den gör i detta fall. Jag tycker det är bra att det är lätt att hitta kontaktinformation till SGS. Detta finns dels som en länk: Kontakta oss, samt som konstant information längst ner på sidan. I en del avseenden är dock navigationen inte särskilt bra. Jag tycker att sidan ibland har problem med att förse användaren med lämplig feedback. När man går in på vissa undersidor via en huvudkategori länkas man till en annan undersida under en annan huvudkategori. Till exempel när man går in på länken Privatannonser som ligger under kategorin Sök bostad så hamnar man plötsligt under kategorin Boinfo. 6
Detta problem kan leda till förvirring hos användaren eftersom det är svårt att veta var man befann sig precis innan. Tyvärr förekommer denna omdirigering ganska ofta på SGS sida och jag tycker det är ett stort minus. Antagligen har de gjort det av bekvämlighetsskäl för att slippa göra två liknande sidor eller så anser de det vara bra att användaren kommer åt samma information från olika håll. Är användarna vana Internetanvändare kanske inte detta upplevs som ett problem men jag anser ändå att det är något SGS bör förändra. Information När jag själv använder sidan för att leta bostad så vet jag var jag ska leta. Jag anser att den mesta informationen på sidan faktiskt är anpassad efter målgruppen. Givetvis styr SGS över informationen och en del information undrar man kanske om användarna verkligen letar efter. Emellanåt känns det som att de har lagt ut informationen bara för att det går. Exempel på detta är mycket av den information som finns under länken Om oss, som Årsredovisning och Organisationsschema. Detta tror jag inte är av intresse för den primära målgruppen. Den vane användaren av sidan använder bara en bråkdel av all den information som finns på sidan så på så sätt är nog en hel del överflödig. Men eftersom informationen ändå är dold under kategorier så stör det inte att den finns där. Jacob Nielsens tredje guideline för webbsidedesign handlar om just detta. Han rekommenderar att all företagsfakta bör placeras under en kategori och det har SGS gjort. Language/wording Jag tycker att språket som används på sidan är bra anpassat till målgruppen. Eftersom jag själv är en del av denna målgrupp och jag inte lägger märke till konstiga, svårförståeliga uttryck så måste detta anses bra. Jag tycker även att kategorierna har bra namn, det går att förstå vad som ska finnas bakom dem, med undantag för Internet som jag tidigare nämnde. Språket på de vanligast använda sidorna utgör inget hinder och det är väldigt neutralt och enkelt att förstå. Interaction/User differentiation Interaktivitet handlar om ifall det är något syfte med att sidan är en webbsida, förutom för tillgängligheten. Används möjligheterna med denna typ av medie? Sidan har inte bara linjär information. Ett av huvudsyftena med webbsidan är att användarna ska kunna anmäla sig på lägenheter de är intresserade av. All 7
förmedling av SGS bostäder sker genom deras webbplats. För detta krävs att användaren engagerar sig och interagerar med webbsidan. För många är den deras första kontakt med SGS. I och för sig hade SGS kunnat välja att förmedla sina bostäder på annat sätt, vilket antagligen har varit fallet tidigare. Men för detta syfte krävs interaktivitet. SGS hade kunnat utnyttja mediet ytterligare genom att lägga in ljud, film, animationer och fler bilder men detta känns inte relevant för syftet och är inte vad användarna vill ha. Services/Functionality Jag anser att användarna kan göra det de vill på sidan, i det fall att de vill söka bostad. Servicen är lätt att komma åt. Förutom funktioner i form av traditionella länkar har SGS även som sagt en sökfunktion. Jag har testat denna funktion med ett antal söktermer och jag anser att resultatet var över förväntan. Jag är av den uppfattningen att sökfunktioner ofta är onödiga för de ger ingen ytterligare hjälp med att finna information och många har det bara för att alla har det. Här tycker jag att SGS har lyckats med denna implementering, för de användare som vill nyttja denna. Personligen föredrar jag dock att söka i själva menyerna men det är säkert individuellt. Sök bostad har många bra funktioner. Här har man möjlighet att se planlösning över lägenheten, karta över var den ligger och få områdesinformation. Detta är väldigt bra funktioner som ger denna kategori ett stort plus. Design/Interaction objects Designen på SGS webbplats är sparsmakad vilket jag tycker ger ett seriöst och pålitligt intryck. Färgerna passar bra med de fåtal bilderna. Många av fotona fyller ingen direkt funktion men livar upp sidan och gör den konsekvent. En del sidor har dock ganska mycket text och inga bilder och det kan emellanåt kännas lite tråkigt. Det är väldigt svaga färger och på ett sätt hade jag tyckt att det hade varit kul med något som bryter av, men det är ingen nackdel att allt är konsekvent. Texten som inte är länkar har ljusgrå färg och jag kan tänka mig att denna kan vara svårläst på vissa skärmar eller för människor med någon typ av färgblindhet. Bakgrunden är vit färg och Tufte säger att på vita bakgrunder bör det finnas olika ljusa färger för att minska det som han kallar för clutter (nedskräpning) 8
(1990:62). Kanske skulle han anse att de färger SGS använder sig av är för mörka. Länkarna i huvudmenyn står i vit text på blå bakgrund och jag tycker det framgår tydligt var länkarna finns. Något mer tvetydigt är länkarna som finns längst ner på sidan (Kontakta oss, Webmaster, Sök, Sitemap och Cookies) som inte alls är prioriterade i designen. Dessa är liksom texten ljust, ljust gråa och är svåra att lägga märke till. Det är inte tydligt att de är länkar om man inte riktigt läser namnen på dem. Detta är dock inget större problem eftersom det känns som att SGS inte vill att man ska klicka på dem ändå. Det är lite synd att de har placerat länken Sitemap så i skymundan för det är ändå en ganska bra funktion som ger en tydlig navigeringskarta över webbsidan utan någon extra grafik. Consistency Det är just i själva konsekvensen som webbsidan brister. Designen är mestadels konsekvent. På vissa sidor, till exempel Andrahandsuthyrning så ligger den röda nedre plattan med kontaktinformation längst ner på skärmen, medan den på andra sidor är längst ner på sidan. Detta påverkade dock inte användandet av sidan utan var av estetisk karaktär. Det kan ju dock vara förvirrande om man letar efter kontaktinformation på olika sidor. Problemet med att användarna blir omdirigerade i navigationen som jag nämnde innan kan leda till stor förvirring. Det är inte konsekvent utformat. Många länkar finns två gånger vilket är onödigt. Alla länkarna under kategorin Kontakta oss finns även under Om oss/våra kontor vilket både känns förvirrande och onödigt. I huvudmenyn är det endast en av länkarna som inte har en undermeny. Detta var inte konsekvent utformat, eftersom det endast var en länk kunde den ha placerats under Våra bostäder eller Länkar. Under Sök Bostad finns tre sidor som är extra förvirrande för användaren. Sidan under länken Ny Kund har exakt samma text som Vem får hyra men har rubriken Så fungerar det som också är namnet på en länk. Detta bör göras om eftersom detta verkligen är förvirrande. Ytterligare en sak att poängtera gällandes följdriktighet är att vid några tillfällen kan inte användaren göra som den är van vid. Detta är dels när användaren har skrivit in sina uppgifter och vill logga in på Mina sidor. Vanligtvis går det att logga in genom att trycka kommandot Enter på 9
tangentbordet och inte behöva klicka på knappen under fältet. Detta fungerar inte på SGS webbsida och leder till onödig frustration för användaren. Det är likadant när användaren vill göra en sökning. Webbsidan tvingar användaren att använda dess navigering fast han antagligen inte vill vilket uppfattas negativt. Security Webbsidans design gör att den känns pålitlig genom färger, text och bilder. Säkerheten är mycket viktig på SGS sida eftersom det är viktigt att användaren är personlig. Det hade varit mycket problematiskt om någon annan hade loggat in på mitt konto och söker lägenhet i mitt namn. Detta är anledningen till att man måste registrera sig och få ett personligt login. Givetvis är det mycket svårt att svara på om sidan verkligen är säker utan att först göra ett test eller intervjua säkerhetsansvariga. Sidan ger intrycket av att vara säker och seriös vilket är viktigt för användaren. Technical aspects Tyvärr har jag bara haft möjlighet att testa SGS webbsida med bredbandsuppkoppling och då är det svårt att svara på om sidan har lång laddningstid. Det är svårt att svara på vilken upplösning sidan är optimerad för. Den är nämligen för stor för 600x800 men för liten för 768x1024. Bra är att när man har den lägre upplösningen så slipper man scrolla horisontellt, men behöver ändå scrolla vertikalt även på startsidan. Webbsidan har inte många tekniska missar, det är endast ett fåtal man lägger märke till utan att leta. Den främsta är att när man letar bostad saknas ibland planlösning på lägenheterna. Då kommer det upp ett felmeddelande. Jag har endast hittat en bugg på webbsidan och det är när man är inne på Mina sidor och klickar Våra bostäder. Då kommer huvudmenyn upp även i det undre fönstret och är alltså dubbel. Fulfilment Jag tycker att SGS har lyckats skapa en bra webbsida som förser användarna med goda funktionaliteter. Jag är övertygad om att de flesta användarna lätt kan hitta det de söker utan att bli frustrerade. Det finns dock vissa navigeringsbrister som SGS bör rätta till, men medelanvändarna lägger nog knappt märke till dem. De flesta brister är endast av estetisk karaktär. 10
Källor Tufte, Edward R. (1990), Envisioning Information. Graphics Press : Connecticut Nielsen, Jacob (2002), Top ten guidelines for homepage usability [www] http://www.useit.com/alertbox/20020512.html SGS Studentbostäder [www] http://www.sgsbostader.com/item.aspx?id=1 11