Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Transkript

1 Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer den mere moderne og designbevidste del af befolkningen. MENU har et bredt spektre af produkter, der strækker sig fra living, dining og til outdoor. MENUs produkter forhandles bl.a. i butikker som Inspiration, Imerco og Magasin i Danmark. Med andre ord er deres produkter let tilgængelige. MENUs website henvender sig primært til nuværende samarbejdspartnere og potentielle forhandlere. Det kan imidlertid være svært at gennemskue produkternes funktioner og egenskaber, da billedkvaliteten og - størrelsen er lille. Desuden mangler der specifikke produktbeskrivelser på mange af produkterne, hvilket potentielt efterlader den besøgende med ubesvarede spørgsmål. Slutforbrugerne kan formentlig heller ikke gemmeskue alle produkterne funktioner samt mængden af produkter på websitet, da der ingen søgefunktion er. Endnu et problem med websitet er, at forhandlerlisten er svær at finde. Dertil fremstår websitet på en blanding af dansk og engelsk. Dvs. Sproget er ikke strømlinet. Hvis MENU henvender sig mere direkte til slutbrugeren, fx via en webshop og bedre fremstilling af deres produkter, mener vi at der er god grobund for at kunne skabe større omsætning og kundedatabase. Problemformulering Hvordan kan en optimering af MENUs website samt evt. implementering af webshop skabe større værdi for både slutbrugeren, b2b- kunder og virksomheden? Metode Der vil blive anvendt en iterativ projektmodel, hvorved det er muligt at kunne rette eventuelle fejl eller mangler samt forbedre websitets funktioner løbende. Ved at anvende en iterativ projektmodel, som fx Scrum bliver projektet til en løbende proces. Dette er en fordel, da softwareudvikling kan være kompliceret og til tider uforudsigeligt. Ved Scrum modellen er der ingen fast rækkefølge for hvilken aktivitet der skal startes først, hvorved projektstyringen kan være meget mere fleksibel og produktiv. Vi vil forsøge at anvende vores tid optimalt og løbende rette kravene, således at outputtet vil blive det mest optimale og funktionelle. 1

2 Trin 1: Idéfasen Trin 6: Konklusion & evaluering Trin 2: ProblemidentiEikation Trin 5: Skriveproces & Redesign Trin 3: Research analyse Trin 4: Tilpasning af projekt Indledningsvis vil vi foretage et interview med ansatte hos MENU for, at besvare de problemstillinger vi finder på websitet i dag. Herefter vil bearbejde den feedback vi har fået tilbage og derefter lave målgruppeanalyse samt personas. Først herefter vil det være muligt at udarbejde et moodboard, wireframes samt mockups, som vi vil lave brugerundersøgelser på. Om muligt ift. Tidsplanen vil vi lave en brugertest igen på vores afsluttende design. Teori Ved at gøre brug af html5 og css3, vil vi designe et nyt layout til MENUs website. Vi vil fokusere på, at fremhæve MENUs produkter og deres egenskaber. Ved hjælp af personas vil vi beskrive målgruppen og bevæggrunden for, at redesigne navigationen af hjemmesiden. Vi vil desuden gøre brug af relevant teori fra undervisningen. Projektplan Alle tre gruppemedlemmer har et deltidsjob ca. 15 timer om ugen, men vi har alle sammen den samme indstilling, at produktet skal blive godt, og er derfor indstillet på at give en masse tid og hårdt arbejde i projektet. En foreløbig disposition af projektrapporten ser således ud; 1. Indledning 2. Problemfelt og problemformulering 3. Virksomheds og dens produkter præsentation (max 1/2 side) 4. Metode i. HTML & CSS ii. Wireframes, moodboard og mockups iii. Empiri iv. Brugerinddragelse (målgruppe analyse) 5. Analyse i. Målgruppe ii. Analysemodel iii. Brugertest 2

3 iv. Strukturen (wireframe) 6. Designkoncept i. Formål ii. Layout (grafik, font, gestalt- principper etc.) iii. Struktur og navigation 7. Konklusion 8. Perspektivering i. Webshop 9. Bilag i. Moodboard ii. Wireframes iii. Mockup iv. Screen dumps af siderne v. HMTL koden vi. CSS koden MÅLGRUPPE MENU henvender sig primært til kvinder i alderen Men da deres design er enkelt og strømlinet henvender de sig ikke udelukkende til kvinder. Vi vil derfor tage udgangspunkt i 2-3 personas. Persona eksempel 1 Anne Mølgaard er ansat i Illum som indkøber og har en baggrund fra Copenhagen Business School, hvor hun har studeret cand.merc.(kom.). Anne er 41 år og bor med sin mand og sin 14 årige datter, Clara, i Hillerød. Anne går meget op i morgnerne og værdsætter utroligt højt, at hende og Clara spiser sammen. Hendes mand, Peter, er pilot og er ikke meget hjemme. Anne og Clara bruger meget tid på løb og specielt Anne har gennemført to marathoner. Når Peter er hjemme elsker de, at dele en flaske god vin i weekenderne. Anne sætter stor pris på minimalisme og funktionalitet samt lækkert design og nyder, at tage en tur på Louisiana med familien. Persona 2 Denne persona er endnu ikke udarbejdet, men vi forestiller os en yngre mand i alderen

4 DESIGNKONCEPTET Visuelt udtryk Nedenfor har vi lavet et moodboard i en stil, som vi godt kunne tænke os at fremstille. Moodboardet visualiserer MENUs produkter, designer og overordnede udtryk. Vi regner med at bibeholde et enkelt design, ligesom MENUs egne produkter. Vi stiler efter at designe et mere brugervenligt website, hvor det er let at finde frem til det produkt, som brugeren ønsker. Font MENU bruger font- familien Verdana, Arial, Helvetica, sans- serif, som vi vil overveje at genbruge, men den endelige beslutning er endnu ikke taget. Persuasive design Dette afsnit skal tage udgangspunkt i B.J Fogg og Jens Hoffmann Hansen. Afsnittet er stadig under udarbejdelse. Redesignets fornemmeste opgave er visuelt at udtrykke MENU A/S koncept i endnu højere grad end det nuværende website formår. Dvs. fokus med et redesign af er, at sætte deres mange produkter i centrum. Dette bliver suppleret op med call- to- actions, der skal bringe den besøgende et skridt tættere på at foretage en 4

5 konvertering. I dette tilfælde, at placere en ordre på webshoppen. De nævnte call- to- actions skal naturligvis også hjælpe den besøgende med at nå sit ønskede mål - fx opdage nye produkter eller at placere en ordre. Konteksten har stor betydning for de besøgendes oplevelse af websitet. Derfor er sidestrukturen holdt i et minimalistisk udseende, hvilket går hånd i hånd med MENUs mange enkle designprodukter. Dette efterlader den besøgende med en kvalitetsopfattelse af MENU, som tidligere har været savnet på deres website. Formålet med et redesign er endvidere, at ændre på den adfærd de nuværende besøgende har på websitet. Websitet er svært at navigere rundt på og virker uoverskuelig. Dvs. Formålet og ønsket med redesignet er, at motivere de besøgende til at foretage et køb. Dette gøres ved visuelt at supplere produkterne på websitet med lignende produkter samt andre har også købt. Vi forholder os derfor til motivationsstrategien funktionelle behov, hvor fokus er på usability som motivationsfaktor. For at opfylde dette skal bl.a. webshoppen være let tilgængelig, fx via Adwords eller Google. Hertil skal websitet/webshoppen have en simpel og basal struktur med information de rette steder. Sprogligt skal teksten være kort og relevant. Slutteligt er de visuelle elementer i centrum. Oplæg til vejledning Vi har booket tre vejledningsmøder sidst i perioden, hvor det første møde er den 26 april. Vi har endnu ikke nogle konkrete punkter til vejledningen, da vi stadig er meget tidlig i processen. Vi er tre piger i gruppen, som ikke har den store erfaring med programmering eller design på et højere plan, men har dog fået viden og know- how igennem undervisningen og deltidsjobbet. Desuden vil vi trække på andre design studerende, som kan være behjælpelig med eventuelle kode problemer el. lign. 5