Indholdsfortegnelse Information om gruppen og delafleveringen... 1 Indledning... 2 Problemfelt... 2 Problemformulering... 3 Metode... 3 Interview... 4 Designmetode... 5 Litteratur/teori... 5 Tidsplan... 7 Wireframes... 7 Kursus: Webdesign og webkommunikation hold 2-F2011 Gruppe: 15 Gruppemedlemmer: - Christina Mølbach - Eva Gottwald - Jacob Fredløkke - Mikkel Soendergaard - Thomas Skovgaard Pedersen Bemærk: Eva Gottwald er tilføjet vores gruppe efter den officielle gruppedannelse. Hjælpelærer: Stina Ønsker vejledning: Ja.
Vi arbejder med projektet at redesigne Abigail s hjemmeside: http://www.abigail.dk. Indholdet i denne delaflevering er foreløbige dokumenter. Vi har fokuseret på at lave et udkast til et problemfelt, en problemformulering, beskrive vores litteraturvalg, skitsere vores projektplanlægning i form af et Gantt-skema og producere wireframes, der giver indblik i, hvordan vi tænker at vores hjemmeside kan bygges op. Vi ønsker input vedrørende følgende spørgsmål: - Hvad kan/bør vi forbedre i vores problemfelt, metode- og teoriafsnit? - Hvordan foreslår du, at vi disponerer opgaven? - Hvilke afsnit skal indgå i projektet, og hvad skal der med af refleksioner om vores html og css? - Hvilken reference-standard bruger man på ITU? - Generel vejledning Når man går ind på websiden Abigail s, åbnes en side med meget tekst og nogle få billeder. Flere af teksterne ligner links uden at være det, og man kan ikke komme videre til den reelle side, før man har valgt, om man vil have siden på dansk eller engelsk. Efter valg af sprog kommer man ind på den første side, hvor det er svært at orientere sig. Det er uklart om, det er en webshop eller en reklame for en fysisk butik. Det kan man dog finde ud af ved at læse i teksten, hvis man har tålmodighed til dette. Når man endelig er kommet ind i butikken, skal man vælge kategori, og derefter kan man begynde at handle. Den tekniske løsning her er fin, men trænger til et løft af designet. Selve købsprocessen er dog forvirrende, fordi man ikke er sikker på, hvor langt i processen man er, efter man har valgt at ville betale. Abigail s er en interessant case at beskæftige sig med af flere grunde. For det første er Abigail s en hjemmeside, der udfordrer genrebegrebet. Det er nemlig både en hjemmeside, der repræsenterer en fysisk butik, samt en hjemmeside, der reelt er en online-butik. Det er vigtigt, at vi rammer den genre som appellerer til vores målgruppe. Det kan gøres vha. det tekstlige indhold, navigationselementer, layout, grafik, brug af dynamiske eller statiske billeder og farvespektrum.
(Kompendiet s. 44) Vi mener, at man ved hjælp af et nyt, motiverende webdesign, ved kun have én indgangsside og gennem en bedre informationsarkitektur (IA), kan gøre siden mere brugervenlig og dermed forbedre brugeroplevelsen. Det er vigtigt at brugere får en god oplevelse og bliver serviceret bedst muligt, bl.a. fordi disse typisk er meget utålmodige, og finder de ikke det, de søger inden for kort tid, går de videre til en anden webside. Abigail s er ydermere interessant, fordi den umiddelbart giver indtryk af at være langt fra et ideal om velfungerende usability, hvis resultatet er at få de besøgende til at udføre ønskværdige handlinger, såsom køb af varer. En bedre brugeroplevelse vil bl.a. føre til en højere loyalitet og ikke mindst trofasthed blandt kunderne. En sideeffekt vil være større chance for mersalg til eksisterende kunder. Det må være en ønskværdig situation for ejeren af Abigail s, da salget i dag er fordelt på 50 % i henholdsvis butikken og på nettet, og der er et ønske om netop at øge netsalget. (Kompendiet, s. 128) Abigail s målgruppe er herboende englændere i 50 erne, samt danskere som har en relation til England. Det kunne være personer som tidligere har været bosat i England i en kortere eller længere periode og derfor har taget den engelske kultur til sig. Abigail s bør derfor i højere grad spille på en emotionel og unik appel til brugerne. Det er derfor vigtigt ved hjælp af den grafiske stil og det sproglige virkemiddel at trække på alle de følelsesmæssige forhold kunderne af forskellige grunde har til England, og såvel også andre engelsksprogede lande, som Sydafrika og USA. (Kompendiet, s. 140 og 144) Hvordan redesigner vi Abigail s, så de eksisterende kunder bliver serviceret bedst muligt? Vores metode i denne opgave består af en række forskellige redskaber. Vi bruger blandt andet interviewundersøgelser til at opnå viden om både virksomheden Abigail s og til at få information om virksomhedens potentielle målgruppe. Vi bruger også etablerede designudviklingsmetoder,
såsom wireframes i det systematiske arbejde med informationsarkitekturen i vores redesign af Abigail s hjemmeside. Interview For at finde data om vores målgruppe vil vi udføre kvalitative interview med en række personer, der befinder sig i målgruppen, som Abigail s henvender sig til. Det drejer sig både om mennesker, der er opdraget i et af landende Abigail s signalerer geografisk tilknytning til (Storbritannien, USA og Sydafrika), eller som har en anden form for tilknytning dertil. Vi vil udføre dataindsamling i form af semistrukturerede interview, en interviewmetode beskrevet af Kvale (2007). Derfor har vi konstrueret to interviewguider. En er til informaten hos Abigail s, der er ejer af virksomheden (se bilag X), og en anden er skabt for at opnå indsigt i den målgruppe Abigail s henvender sig til (se bilag Y). Jævnfør Kvales kvalitetskriterier (2007: 80) har vi formuleret korte spørgsmål med henblik på at få informanterne til at formidle enten fakta eller deres hverdagsviden og erfaringer. I de tilfælde der kan være tvivl om informantens svar, vil vi søge at få bekræftet vores fortolkninger af interviewet via løbende at stille opfølgende og uddybende spørgsmål. Vi bruger både åbne og lukkede spørgsmål. De lukkede spørgsmål bruges blandt andet til at lave en profil af informanten og er fx vedrørende om, de allerede er kunder hos Abigail s eller ej, alder etc. De åbne spørgsmål bruges til: - At tilegne os viden om både Abigail s o for eksempel hvilke varer Abigail s sælger meget af - At tilegne os viden om hjemmesidens målgruppe o for eksempel hvad mennesker i målgruppen synes om vores layoutforslag - At give os indsigt i kulturelt betinget viden o for eksempel hvilke symboler og produkter målgruppen forbinder med enten Storbritannien, USA og/eller Sydafrika Ovenstående kan bibringe os nyttig viden, som vi kan bruge til for eksempel af generere ideer til og senere udvælge symboler, der kan bistå os i at skabe emotionel selling proposistion og unique selling points. Det drejer sig for eksempel om, hvilke produkter vores informanter forbinder med det land, de har særlig tilknytning til.
Selvom det kun er lykkedes os at lave interview med et begrænset antal informanter, som er potentielle brugere af Abigail s, har vi alligevel valgt at opstille en persona, da det er brugbart i forhold til at arbejde med et stringent fokus på en bestemt målgruppe. Designmetode I arbejdet med at udvikle vores bud på et redesign af Abigail s vil vi både arbejde med wireframes og roughboard, trods disse er omdiskuterede metoder blandt teoretikere, der beskæftiger sig med webdesign. Med udgangspunkt i Brown (2007: 269) har vi brugt wireframes som et internt arbejdsværktøj i gruppen til at sikre os, at vi er enige om diverse siders indhold og funktionalitet, dermed er det ikke et redskab der bruges til at kommunikere med hverken potentielle brugere eller virksomheden bag Abigail s. Med udgangspunkt i Hoekman og Spool (2010: 29) har vi også brugt wireframes til at afklare på en række kontekstuelle spørgsmål vedrørende funktionaliteterne på hver enkelt hjemmeside. Vi har været bevidste om at det ikke skulle indskrænke vores tænkning vedrørende sidens design, men derimod være et udgangspunkt for at arbejde innovativt med en ny løsning til Abigail s. Vi har valgt at bruge grundbogen Learning Web Design af Jennifer Niederst Robbins til vores arbejde med produktionen af vores webside. Det sker primært, fordi bogen er blevet brugt i undervisningen, og fordi den giver en, efter vores mening, god introduktion til webdesign på et passende niveau. Vi har valgt en række tekster fra kompendiet, som er relevante for vores eksamensprojekt. Jacob Nielsen giver i teksten Godt webdesign konkrete eksempler på, hvordan en webside kan gøres nem, overskuelig og brugervenlig, så besøget på siden bliver en god oplevelse for brugeren, men han viser samtidig også, hvordan en webdesigners gode intentioner kan gå tabt, hvis fx teksterne er for lange eller baggrundsfarven virker forstyrrende. Jacob Nielsens råd vil derfor blive brugt som redskaber i vores redesign af websiden Abigail s. En lignende tekst, som vil vi anvende som teoretisk materiale til vores projekt, er Tekstens disposition og byggekloder af U. Jensen et al.
Noget, vi også vil sætte fokus på, er det æstetiske aspekt ved webdesign. I Lisbeth Thorlacius tekst Æstetikkens rolle i webdesign, hvor blandt andet forholdet mellem æstetik og funktion diskuteres, lægges der netop vægt på vigtigheden af, at man forstår og bruger de æstetiske virkemidler efter hensigten, som i vores tilfælde er at gøre websiden brugervenlig. Det er med andre ord vigtigt at være opmærksom på de grafiske virkemidler og visuelle symboler, og hvad de betyder for målgruppen og dennes brug af websiden. Brugervenlighed eller usability er en kvalitetsegenskab og dårlige usability, hvor brugeren har svært ved at bruge en webside, påvirker hele organisationen bag websiden. Det er noget, som understreges i teksten Hvad er Usability? af Ole Gregersen og Ian Wisler-Poulsen. Her beskrives de principper og metoder, som kan bruges til at sikre en websides kvalitet. Vores mål er altså, at websiden Abigail s gøres så brugervenlig som mulig, men også flottere og mere indbydende. I den forbindelse kan det være relevant at se på begrebet motiverende/persuasivt design, og vi vil derfor inddrage teksten Motiverende design af Jens H. Hansen, som skriver, at motiverende design ikke behøver at blive set i en kommerciel sammenhæng, men også kan være på mikroniveau, hvor man vil motivere brugeren til fx at klikke, scrolle, læse en tekst el. lign., hvilket hænger godt sammen med vores problemformulering. Jens H. Hansen præsenterer endeligt en model over ni motivationsstrategier, som vi vil forholde os til i vores webdesign. Til teori bag målgrupper vil vi inddrage teksten Kategorisering af Christian V. Rasmussen og Louise H. Fisher. Denne tekst er valgt, fordi den giver et dybdegående indblik i, hvorfor og hvordan man kategoriserer, så man derved får et kendskab til sin målgruppe og kan arbejde med webdesignet ud fra den viden.
Herunder findes vores tidsplan i form af et Gantt-skema, den er naturligvis i løbende forandring og tilpasning afhængigt af vores løbende revurderinger og beslutninger. 4.1 Dokumentation opsamling 5-19-11 5-25-11 7 0% 5 0 7 4 Opsamling og færdig dokumentation 5-19-11 5-25-11 7 0% 5 0 7 3.3 Dokumentation 5-19-11 5-19-11 1 0% 1 0 1 3.2 CSS Kode 5-12-11 5-19-11 7 0% 6 0 7 3.1 HTML kode 5-03-11 5-19-11 16 0% 13 0 16 3 Projek fase 3: kode og udv 4-25-11 5-19-11 25 0% 19 0 25 2.2 Dokumentation 5-12-11 5-18-11 7 0% 5 0 7 2.1 Design I Adobe 4-26-11 5-12-11 7 0% 13 0 7 2 Projekt fase 2: Analyse og design 4-25-11 5-19-11 24 0% 19 0 24 1.7 Dokument sammensætning Thomas 4-24-11 4-24-11 1 0% 1 0 1 1.6 Metode beskrivelse Thomas og Eva 4-12-11 4-24-11 9 0% 9 0 9 1.5 Wireframes Mikkel 4-12-11 4-24-11 9 0% 9 0 9 1.4 Problem felt + formulering Christina 4-12-11 4-24-11 9 0% 9 0 9 1.3.2 Udførsel Jacob 4-19-11 4-20-11 2 % Complete 2 0 2 1.3.1 Udarbejdelse Eva og Christin 4-05-11 4-10-11 4 % Complete 4 0 4 1.3 Spørgeskema til Abigails 4-05-11 4-19-11 11 % Complete 11 0 11 1.2.2 What is going to be all 4-19-11 5-12-11 4 0% 18 4 0 1.2.1 What is all 3-24-11 4-19-11 19 0% 19 19 0 1.2 Projekt overblik 3-24-11 4-24-11 22 60% 22 0 22 1.1 Gruppedannelse all 3-24-11 31/4/11 1 % Complete #VALUE! 1 0 1 Project fase 1: opstart og Analyse 3-24-11 4-24-11 50 15% 22 7 43 WBS Tasks Task Lead Start End Duration (Days) % Complete Working Days Days Complete Days Remaining 21 - mar - 11 [42] First Day of Week (Mon=2): 2 Project Lead: Group Project Start Date: 24-03-2011 torsdag (vertical red line) Abigail's Abigail's reborn Today's Date: 24-04-2011 søndag HELP Gantt Chart {ƒ «C 2008 Vertex42 LLC 0 28 - mar - 11 04 - apr - 11 11 - apr - 11 18 - apr - 11 25 - apr - 11 02 - maj - 11 09 - maj - 11 16 - maj - 11 23 - maj - 11 På de følgende sider findes wireframes for de sider, vi forventer vil indgå i vores projektopgave.