användarnas behov. För bästa resultat bör mer än ett användartest göras, och efter varje test bör prototypen utvecklas och omprövas för att därefter genomgå ytterligare användartester. Även denna metod kan efterliknas vid Vattenfallsmodellen.
8. Slutsats & sammanfattning
Den slutsats vi kan dra utifrån frågeställningen;
Vad bidrar grafisk design till för att göra en responsiv webbplats användbar?
är att grafisk design bidrar till att skapa en kommunikation mellan en responsiv webbplats och användaren där dennes behov tillgodoses på ändamålsenligt sätt. Detta görs genom art direction, typografi, sidlayout, information och andra kreativa aspekter (se 3.2 Grafisk design). För att uppnå en användbar webbplats krävs det att
användargränssnittet guidar användaren i sin navigation och att den grafiska designen i sin tur förstärker detta genom färg och form. Den grafiska designens huvudsyfte är alltså kommunicera med användaren och informera denne. För att kunna klara detta behövs ett koncept för webbplatsen så att den grafiska designen, men även dess funktioner, kan valideras så att informationen blir relevant för webbplatsen.
Grafisk design bidrar, förutom att agera kommunikatör, till att förstärka den känsla innehållet vill ge. Exempelvis har den evenemangstjänst vi utformat färger och former som kan konnoteras till konserter, biljetter och händelser i stort. Detta genom att bland annat återskapa känslan av en ljussättning i form av en oskarp bakgrundsbild med olika färger av ljus, eller forma evenemangens informationsboxar efter en biljett.
Designen kan därigenom, förutom att guida användaren i användargränssnittet, förstärka budskapet och skapa en känsla genom att spela på användarens tidigare erfarenheter och kunskaper.
I och med utvecklingen av Internet och åtkomsten av den via flertalet olika
plattformar har nu designen för webbplatser kommit att förändras. Då applikationer började utformas för mobiltelefoner kom även en ny form av trend inom grafisk design som var anpassad för telefoners gränssnitt och förutsättningar. Denna design har med utvecklingen av responsiva webbplatser kommit att förändra tidigare trender i designen för webbplatser till att efterlikna designen för de mobila applikationerna.
Detta för att uppnå användbarhet och igenkänning på samma webbplats oavsett vald plattform.
Sammanfattningsvis kan vi konstatera att användbarhet nås genom att ha fokus på användaren, dess behov och tidigare kunskaper och erfarenheter. Designerns jobb inte bara att skapa något visuellt tilltalande, utan designen bör i slutändan alltid rikta sig till de användare som ska interagera med webbplatsen. Grafisk design på användbara webbplatser är följaktligen resultatet av en visuellt tilltalande form som också fyller sin funktion genom att guida användaren i sin interaktion.
9. Ordlista
Användargränssnitt: Det användaren interagerar med visuellt, exempelvis på en webbplats.
Gränssnitt; Förbindelselänk mellan en dator och dess kringutrustning, även om program som underlättar kontakten mellan dator och användare.
Gränssnittsskiss; Teckning över hur det blivande användargränssnittet kan komma att se ut.
GUI (Graphical User Interface); Det visuella språk webbplatser använder för att kommunicera med användaren.
Interaktion; Samspel mellan människa och webbplats i form av informationsutbyte.
Menyhiearkier; Sättet för hur webbplatsens menysystem är strukturerat.
Plattformar; Samlingsnamn för enheter med kapacitet att rendera webbplatser från Internet
Responsiv; Metod för att webbplatsers innehåll tillgängligt för flertalet plattformar genom att anpassa layouten av innehållet till den använda plattformen.
Ändamålsenlighet; I vilken utsträckning ett mål eller en uppgift är uppnådd.
Effektivitet; Resursåtgång i förhållande till den noggrannhet och fullständighet med vilken användarna uppnår givna mål.
Tillfredställelse; Graden av tillfredsställelse och positiva känslor som produkten frambringar då den används.
10. Källförteckning
Ambrose, Gavin och Harris, Paul (2009). The fundamentals of graphic design.
Lausanne: AVA academia
Findahl, Olle (2012). Svenskarna och Internet 2012, första upplagan.
DanagårdsLiTHO, Ödeshög.
Golombisky, Kim. Och Hagen, Rebecca. (2010). White space is not your enemy: a beginner's guide to communicating visually through graphic, web & multimedia design. Oxford: Focal
Gulliksen, Jan och Göransson, Bengt (2002). Användarcentrerad systemdesign: en process med fokus på användare och användbarhet. Lund: Studentlitteratur
ISO 9241-11 (1998). Ergonomic requirements for office work with visual display terminals (VDTs) – part 11: guidance on usability. Switzerland: International Organization for Standardization.
Kvale, Steinar & Brinkmann, Svend (2009). Den kvalitativa forskningsintervjun. 2.
uppl. Lund: Studentlitteratur
Lupton, Ellen (red.) (2006). D.I.Y.: design it yourself. New York: Princeton Architectural Press
Löwgren, Jonas och Stolterman, Erik (2004). Design av informationsteknik:
materialet utan egenskaper. Lund: Studentlitteratur
Mayhew, Deborah J. (1999). The usability engineering lifecycle: a practitioner's handbook for user interface design. San Francisco, Calif.: Morgan Kaufmann Nielsen, Jakob (2000). Designing web usability: [the practice of simplicity].
Indianapolis, Ind.: New Riders
Nielsen, Jakob och Molich, Rolf. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI'90 Conf. (Seattle, WA, 1–5 April)
Mahon, Nik (2010) Art direction : Basics advertising. AVA Publishing, Marcotte, Ethan (2011). Responsive web design. New York: A Book Apart
SAOL (1998). Svenska Akademiens ordlista över svenska språket. Stockholm:
Norstedts ordbok.
Sundström, Tommy (2005). Användbarhetsboken: bästa sätten att göra fungerande webb. Lund: Studentlitteratur
Svenska Datatermgruppen, Ordlisteartikel 77.
http://www.datatermgruppen.se/index.php?option=com_content&view=article&id=89
&Itemid=91&obj=a77&uttr=anv%C3%A4ndargr%C3%A4nssnitt (Hämtad 2013-02-28)
Plumley, George (2011) Website design and development:100 questions to ask before building a website. Hoboken: John Wiley & Sons.
Preece, Jennifer, Rogers, Yvonne & Sharp, Helen (2011). Interaction design: beyond human-computer interaction. New York: Wiley
Wheelan, Susan A. (2010). Att skapa effektiva team: en handledning för ledare och medlemmar. 1. uppl. Lund: Studentlitteratur
Öhlin, Per Robert (2006). Fuck logic: [om konsten att tänka oklokt och få mer pang för pengarna]. Stockholm: Koala Press
Bilaga 1 – Intervju, användartest
Tillvägagångssätt för intervju
De instruktioner testpersonerna fått för vår intervju är först besöka webbplatsen utifrån en datorskärm och sedan en mobil plattform för att besvara de frågor vi ställer.
Namn:
Ålder:
Kön:
Använder du mobil att surfa med?
Varje dag, någon gång i veckan eller mer sällan?
Använder du en surfplatta att surfa med?
Varje dag, någon gång i veckan eller mer sällan?
1. På en datorskärm
1. Vad är det första du ser när du besöker webbplatsen?
2. Beskriv vad webbplatsen erbjuder. (Är webbplatsens syfte tydligt?)
3. Förstår du vad knapparna i menyn innebär och vad som kommer att hända om du trycker på dem? Om ja; beskriv hur du kom fram till det. Om nej; förklara varför du inte förstår.
4. Kan du på ett evenemang enkelt hitta följande information; tid och datum, adress och pris för evenemanget?
5. Du ska skapa ett evenemang, hur gör du?
6. Du ska skapa ett användarkonto, hur gör du? Är det lätt eller svårt?
7. Tycker du att webbplatsen är snygg? Ja, nej, varför?
8. Beskriv ditt helhetsintryck av tjänsten.
9. Är det något du tycker att tjänsten saknar? (sociala medier, genvägar etc.)
2. På en mobil plattform
1. Förstår du ikonernas innebörd i menyn?
2. Jämfört med att titta på webbplatsen på en datorskärm, upplever du att webbplatsen är sig lik?
3. Saknar du några funktioner från det att du besökte webbplatsen från en datorskärm?
4. Hade du föredragit att tjänsten vore en applikation hellre än att den är responsiv, som i nuläget?
3. Avslutningsvis
1. Föredrar du att besöka webbplatsen på en dator eller en mobil plattform?