Projekt 3 Website Mock up fra Klient Brief. Link to NemNet

Relaterede dokumenter
Portfolioudvikling. Line la Fontaine. Multimediedesigner

DSU Dansk Stavgang Union

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

Gruppe 9 Visuel Interface Design, 27/09/2011

CSR. 2. Semester 1. projekt Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen

Website design, projekt 4

Website design 1. semester, Projekt 3

Helosan og Kræftens Bekæmpelse

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Dokumentation. Grafisk Design

Undervisningsmateriale - Rapport

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

Senior Sundhed. Webdesign project / Mul A, 1. sem. / november 2014

GRAFISK DESIGN. Hjemmeside

GRUPPE 5 Line - Nanna - Thea - Sarah

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

Guide. Administration af FDF.dk/Nyborg. 1. Udgave Ide og layout Christoffer S. Rasmussen

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi : 3. Semester. Multimediedesigner Projektstart: 28/ Aflevering: 09/10-209

At lave dit eget spørgeskema

PROJEKT JB PLASTICS A/S

Portfolio redesign. Kia Dahlen! 1. semester eksamen! MUL-A 2013! !!!

Projekt - Valgfrit Tema

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Projekt om Københavns Musikteater

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

1-1 Usability evaluering af den simple udgave

Analyse af website: cinnobershop.dk

1. Indledning. 2. Laswell s fem spørgsmål. Hvem (afsender) Siger hvad (budskab)

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:

Computerens anatomi. Flashklip for børn

Making the world smile

Der findes mange ting på nettet, som du kan hente ned på din computer bl.a. billeder, tekstdokumenter og installationsfiler til programmer.

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

Afsluttende semesterprojekt - 1. Semester

Grafisk Design. rafisk Design

Festival KALAS. Multimediedesign B 1st semester Website from client brief Rapport

RUTruteplanlægningsvejledning. Folkekirkens Nødhjælp Sogneindsamling 2015

WORKFLOW & PRODUKTION

Automatisering Af Hverdagen

Vejledning i opbygning af Tillidszonen

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Websitet handler om websitet i sin helhed, dvs. hvor mange besøgende du har i alt osv.

Windows Vista Digital postkasse og borger.dk side 1 af8. I adresselinjen. 1) Gå ind på Du ser nu dette skærmbillede:

Faglig læsning i 6. klasse: At læse og forstå fagtekster

Kampagne Kommunikation/it Eksamens opgave Roskilde Tekniske Gymnasium Mette Møller Jensen

Udbud.dk Brugervejledning til leverandører

UGEOPGAVE UGE 45 ANIMATION GRUPPEPROJEKT. Gruppe 11 Animation4ever. 6. November Esben Sonne Engsted. Caroline Lyngaa Hansen

GRAFISK DESIGN. Webdesign til fodboldportal

Mul A, 2. semester, projekt 1: Coorporate Social Responsibility

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

OPGAVEBESKRIVELSE: Opgaven er en kundeopgave for Janne Berg, studerende til psykoterapeut.

fotografisk kommunikation

Computerspil dokumentation. Dokumentation af spillet Rescue Me

IT Support Guide. Installation af netværksprinter (direkte IP print)

Bilag 6. - Interview med Mikkel 28 år, d. 28 april 2016

Oplæg hjemmesideløsning kun for NORDLYS medlemmer i samarbejde med Attraktia

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Installation af ETF s cloudløsning for Privatpraktiserende ergoterapeuter

Indholdsfortegnelse. Side 1 af 9

GRAFISK DESIGN hjemmeside

80 % af dine kunder vil have en håndværker med Byg Garanti! Sådan får du fat i dem

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Afsluttende - Projekt

srum Fritidsaktiviteter : 1. Semester. Multimediedesigner Projektstart: 17/ Aflevering: 4/

In a dark, dark Town

Introducering af Flip MinoHD:

Hjælp til jobsøgningen

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68.

Med Jesus i båden -3

Talrækker. Aktivitet Emne Klassetrin Side

Kend dine brugere. Om brugertest. 2 sem., feb Multimediedesigner, København nord

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

Trin for trin guide til Google Analytics

Grafisk design. sundfertilitet.dk

Website design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet

TIPS TIL SAMARBEJDET OM SAMTALEGUIDEN

Brugervejledning til. BBB s hjemmeside. BEMÆRK: Denne vejledning fungerer bedst til Windows. Senest opdateret: :45

Kom/IT rapport Grafisk design Anders H og Mikael

GEM. Brugervejledning DANSK OVERSÆTTELSE AF INSTRULOG A/S. Freedom Scientific, Inc Rev. A

REDESIGN AF PORTFOLIO 16. jan. 2015

AROS Å R H U S K U N S T M U S E U M

[jobsøgende] sådan gør du... [opret dit CV & jobønsker]

Pralemappen.dk Din online portfolio Brugerhåndbog til undervisere Brugerhåndbog til undervisere

Din vejledning til. Sundheds Portalen

Grafisk workflow. Se siden her:

Skilteprojekt. Gruppe opgave:

Modul 8: Clouds (Lagring af filer)

Linket viser jer frem til billedet nedenfor, her skal du blot skrive jeres brugernavn og adgangskode. Indtast din adgangskode her:

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg

Bannerprojekt: 1. semester, 2. projekt

In stal l ati on sv ejl edn i n g er ti l di gi tal e n o- tesbøger

Transkript:

Projekt 3 Website Mock up fra Klient Brief Link to NemNet antal tegn (inkl illustrationer): 31656 Navn Emil Hilbert Jensen CPH ID Cph ej78 Portfolio http://www.hilbertdesign.com/ Navn Marcus Juul Hansen CPH ID Cph mj493 Portfolio https://cphbusinessmarcusjuul.wor dpress.com Navn Armin Mesic CPH ID CPH am214 Portfolio https://amesic.wordpress.com Navn Patricia Gambula Larsen CPH ID Cph pl130 Portfolio https://patricialarsen.wordpress.co m/ 1

2

Indholdsfortegnelse Indledning 4 NemNet, Din vej til et digitalt borgerskab 5 Hjemmesiden 5 Spillet 7 Design Brief 8 Idefasen 10 At forstå et brief 10 Brainstorm 10 Projektplanlægning 11 PBS & WBS 11 Gantt 13 SWOT 14 Risikoanalyse 15 Produktdesign 16 Informationsarkitektur 16 Farvevalg 18 Logodesign 19 Brugervenlig 19 Præsentation for Klient og Feedback 20 Konklusion 21 Litteraturliste 23 Bilag A 24 Bilag B 27 3

Indledning Projektet website mock up fra klient brief er vores tredje projekt på 1.semester. Projektet er et samarbejde mellem multimediedesigner uddannelsen (MUL) og markedsføringsøkonomerne (MAK). Opgaven gik ud på at lave et website mock up på baggrund af et klient brief fra MAK gruppen. MAK har stået for den indledende research i form af brugerundersøgelser og ud fra det, har de lavet et brief. Vores opgave har været at agerer som et professionelt designbureau, som skulle lave en hjemmeside. Dette skulle laves ud fra klientens brief og i forhold til den tiltænkte brugers behov og ønsker. Derudover har der også været en anden gruppe ind over projektet fra MUL B. MUL B gruppen har været vores konkurrenter i projektet og har fået samme brief. Til sidst i forløbet skulle vores klient vælge den løsning de bedst kunne lide ud fra de to holds løsninger. Formålet med hjemmesiden, er at lave en platform der kan hjælpe ældre med at bruge nemid. 4

NemNet, Din vej til et digitalt borgerskab NemNet er en samlet løsning, der skal hjælpe ældre med at bruge nemid og føle sig sikre med internettet. NemNet er en samlet digital løsning som består af en hjemmeside og et spil. Hjemmesiden Hjemmesiden er en guide for ældre til at bruge nemid. Formålet med hjemmesiden er at give en kort og informativ vejledning i brugen af nemid og hvad nemid er. Hjemmesiden er lavet som en one page løsning, dvs. at man scroller fra top til bund. Når man scroller ned kommer man igennem punkterne, er hvad er nemid?, Hvordan får jeg nemid og Hvordan bruger jeg nemid? Hvert punkt er en kort beskrivelse med illustrationer til.når man har læst sig igennem hvert step er man nu klar til at kunne bruge nemid. 5

Før(med reklame i siderne). Efter(uden reklame i siderne) Når man når til bunden af siden og har læst sig igennem vejledningen kan man vælge at afprøve det, ved at spille spillet. Man kan tilgå spillet enten i bunden af hjemmesiden eller i menubaren. 6

7

Spillet Spillet er en form for vejledning i brugen af nemid. Spillets formål er at få den ældre til at forstå at det ikke er farligt at bruge nemid. Derudover skal spillet give brugeren et billede af hvad og hvor, man kan bruge nemid. Det skal være en øjenåbner for hvor mange hverdagsting, du kan klare hjemmefra sofaen, med bare nogle få klik. Spillet illustrerer en fiktiv by. Meningen er at spillet skal komme så tæt på et hverdagsscenarie som muligt. Her som i eksemplet at skulle skifte læge på borger.dk 8

Derefter skal man så prøve at logge ind med et fiktivt log in. Ideen at man kan træne at logge ind på en sikker måde men også kan få øjnene op for hvilke og hvor mange muligheder der er ved at lærer at bruge nemid Design Brief Når man skal udvikle et produkt er der to meget vigtige aspekter, man skal tage stilling til. Det ene er at udlede brugerens behov. Hvad er det brugeren vil have og skal brugeren have ud af at bruge produktet. Det andet er, hvad det bagvedliggende mål er. Her med henblik på klientens mål, for at udvikle det specifikke produkt.[2] Vores klients mål er, at vi skal udvikle et produkt i form af en hjemmeside som skal være en hjælp til selv hjælp. Produktet skal hjælpe ældre med at bruge nemid og overbevise dem om at det er nemt og sikkert.[a] 9

Klienten kom med forskellige vejledende krav i forhold til produkt, indhold og design. Derudover leverede de information, om deres målgruppe, dog i begrænset omfang.[a] Målgruppe Ældre 65+ 85 Krav til Produktet Produktet skal være et redskab til hjælp til selv hjælp Produktet skal hjælpe ældre med at bruge NemID. Hjemmesiden skal skabe overblik og forståelse for NemID. Hjemmesiden skal være informerende og lærerig. Derudover findes der et spil, som skal kunne downloades fra hjemmesiden Der skal være plads til reklamer Krav til Indhold Kravet til indholdet eller the scope plan, omhandler hvilke funktioner og specifikationer som produktet skal have. Vores klient kom med forskellige forslag på hvad der kunne være på siden i form af information og menupunkter. Hvad er nemid, hvad bruger man nemid til (net bank, e boks, borger.dk, sundhed.dk, skat), Info om hvad er et brugernavn, hvad er et password osv. Info om sikkerhed. Hvem vi er (MAK team), evt. spil som formidler og hvordan man bruger nemid/prøve at bruge et nemid (uden det er farligt). Spilelementet kan også være integreret som en del af websitet) Krav til Design Til selve designet, kom de også med forskellige krav, som overordnet var at produktet skulle være så brugervenligt som muligt. Vi har fået frie hænder til at designe produktet som vi vil. 1 0

Brugervenligt, simpelt, stor tekst, enkelt, gerne logo zoom ind, zoom ud funktion. Idefasen At forstå et brief Første tanke, efter vores brief var at der var virkelig mange ting, som Klienten ville have og det var svært at forstå hvad de egentlig ville med projektet. De ville både have en hjemmeside og et spil men kunne ikke forklare så meget mere om det. Så da vi gik derfra, var vi meget overvældede og forvirret over opgaven. Derefter satte vi os ned og begyndte, at diskuterer hvad det egentlig var, de ville have og hvordan vi skulle løse opgaven. Allerede der, blev vi enige om, at der ikke skulle være nogle funktioner med download osv. Klienten havde selv sagt, at sikkerhed var en af de vigtigste ting, der skulle være til stede på hjemmesiden og hvis sikkerheden er en stor faktor for de ældre, så er download ikke vejen at gå. Brainstorm Efter gik vi igang med, at brainstorme for at finde på ideer til hjemmesiden og spillet. Derudover brugte vi brainstormen til udforske, hvad man bruger nemid til. 10

Brainstorm er en metode til at ideudvikle. Metoden kan både bruges til at finde på ideer men kan også bruges til at afgrænse og detaljere ens ideer.[5] Senere i forløbet brugte vi også negativ brainstorm. I lyset af vores brainstorm, blev vi enige om at både lave et website mock up og et spil mock up. Vi lavede også en negativ brainstorm af hjemmeside og spil.[5] Grunden til at vi lavede en negativ brainstorm var for at belyse forskellige problemstillinger vi kunne komme ud for, når man skal lave et digitalt produkt til ældre. feks at det kunne blive for teknisk krævende. Projektplanlægning Når man starter et projekt er det en god ide at gøre sig klart, hvad der skal fuldføres og hvornår hvilke ting skal fuldføres for at nå sit mål. PBS & WBS Til det kan man f.eks. bruge værktøjerne, Product Breakdown Structure (PBS) og Work Breakdown Structure (WBS). PBS kan hjælpe med, at analysere hvilke produkter man skal inkorporerer i et projekt for at nå det færdige mål. I vores tilfælde, en hjemmeside og en rapport. WBS derimod identificerer hvilke aktiviteter vi skal foretage os, for at skabe produkterne og selve målet, den afleverede rapport.[6] 11

Product Breakdown Structure (PBS) 1. Construct website 2. Use Information Architecture to manage information on the theme 3.Make a Logo that fits into the 'elder-segment' 4. Visualize a game themed NemID, using Photoshop and Illustrator. 5. Report/analysis on the website 6.Presentation for the Client. Work Breakdown Structure (WBS) 12

Gantt For at få et overblik, over ens projekt, kan det være en god ide at lave en overordnet tidsplan. Efter vi lavede vores PBS og WBS prøvede vi at sætte det ind i et Gantt skema. Ideen var, at få et overblik over hele projektets gang og hvor og hvornår vi skulle være færdige, med de forskellige milestones. Vores intention var at lave Gantt skemaet så tidligt så muligt. Men det blev først lavet i midten af projektets forløb. Dette fungerede ikke helt som tiltænkt da ideen med Gantt er, at man sætter hele projektet ind med start og slut dato og estimerer, hvor lang tid man skal bruge på hver ting for at fuldfører ens projekt. [7] 13

SWOT SWOT skemaet viser interne ulemper/svagheder eller fordele/styrker i en projekt eller en organisation. Vores skema illustrerer evt. svagheder i kommunikationen imellem Multimediedesign gruppen og Markedsførings økonomerne, som beskrevet i Weaknesses. SWOT bruges til at identificere styrker og svagheder og derved kan man prøve, at udligne svaghederne og opgraderer styrkerne, for at gennemføre et projekt som NemNet. Ved at lave et SWOT, blev vi opmærksomme på at skabe en bedre dialog med klienten for at skabe et godt produkt.[7] 14

Risikoanalyse af NemNet Til Sidst har vi valgt, at lave en risikoanalyse af NemNet. Analysen skal undersøge om NemNet, kan blive en levedygtigt løsning, hvis hjemmesiden skulle virkeliggøres. Skemaet er delt op i 3 farver, hvor det røde felt er det mest konsekvens fyldte. Mangel på briefing og dårlig kommunikation i mellem kunden og klienten kan være årsag til at et projekt som vores droppes med det samme, som illustreret med (4x) i skemaet. Risiko analysen vurderer, hvilke risici der er ved at opstarte et nyt projekt. Hvilke udfordringer støder man på, når man laver en webside for ældre. Vi har nedenunder fundet 6 udfordringer, som vi mener kan relateres til den virkelige verden. Stakeholderne/sponsorerne er markeret med (1x), hvor probability er markeret med (2) og impact er (4). Hermed understreger vi, at der er en forholdsvis lille mulighed for at sponsorerne/ Stakeholders kan springe fra i sidste øjeblik med en økonomisk støtte til et nemid projektet. Det ville selvfølgelig have store konsekvenser, hvis dette blev tilfældet og er derfor markeret med et højt tal, nemlig (4 ) i impact*. På baggrund af Risikoanalysen kan vi konkludere at Nemnet er et fint projekt at føre ud i livet på trods af diverse risici. Det er altid vigtigt at projektet finansieres først og en kontrakt er lavet i mellem klienten og Stakeholders/sponsorer inden det realiseres. * Risk value, udregnes ved at sige probability*impact*detect = Risk Value. [8] 15

Produktdesign Hjemmesiden og spillet er en del af fælles løsning, for at hjælpe ældre med brugen af nemid. Hjemmesiden og spillet har hver sit visuelle udtryk, da de har forskellige formål og helt basalt vil et spil være mere legende og farverig, for at skabe underholdning og blikfang. Informationsarkitektur Fra ide til færdigt produkt kan være en kringlet vej. Klientens ønsker og vores kompetencer indenfor webdesign stemte ikke overens, derfor lavede vi flere udkast til hvordan hjemmesiden skulle se ud f.eks var det et stort ønske fra klientens side, at der skulle indgå bannerreklamer, da det var den del af deres projekt i form finansiering af produktet. Men for os som designere føltes det som et meget forvirrende element i forhold til målgruppen, da det ville forstyrre selve formålet med produktet. Men vi måtte i sidste ende tage klientens ønske om bannerreklamer til efterretning. 16

Det nye udkast ramte bedre forespørgslen om bannerreklamer, dog reviderede vi navigationsmenuen til en dropdown menu, hvilket vi blev enige om ikke ramte målgruppens behov, da det ikke er en genkendelighed for dem.[9] Vi diskuterede sammen, om det var muligt at omstrukturere informationsarkitekturen fuldstændig, så brugeren kun mødte ét billede med én brødtekst for hver gang brugeren rullede ned på siden. Den nye struktur af hjemmesiden er meget simpel og er udført i en one page løsning. For ikke at begrænse brugeren har vi lavet en menu der giver mulighed for, at få mere information. Derudover har det været vigtigt for os, at begrænse 17

forstyrrende elementer så vidt så muligt, både for at kunne formidle et klart budskab men også fordi det var klientens ønske. I spillet er der brugt et lineært mønster, som den overordnede struktur. Lineære mønstre bliver ofte brugt, når noget skal være instruktionelt, hvor man går igennem et step, før man kan komme videre til næste.[4] Spillet prøver så vidt muligt at følge det virkelige forløb, hvor man skal logge ind på en given side med sit nemid. Man kan ikke komme ind på en nemid side uden at logge ind først, så derfor giver det mening at spillet er lavet, som en step by step løsning. Altså for at vinde skal du igennem de foregående steps for at komme igennem. Farvevalg Hjemmesiden er holdt i enkelt design med få farver. Hvid, sort og afdæmpet/lys blå/grøn. Hvid er brugt som baggrundsfarve og sort som tekst. De to farver er kontraster og derfor fremhæver de hinanden, hvilket gør teksten let læselig. Den blå/grønne farve er brugt som blikfang i overskrifterne. Den blå farve bliver ofte brugt når noget skal virke troværdigt og roligt.[1] 18

Logodesign Det første udkast til et logo kan ses forneden. Denne idé blev fravalgt, da vi hurtigt fik diskuteret os frem til, at målgruppen spillede den største rolle, og da målgruppen primært er ældre segmentet, fungerer logoet ikke da det ser lidt for high tech ud. Alle bogstaverne er lavet udfra nøglekortets tema. Det andet udkast til logoet kan ses forneden. Dette logo er enormt enkelt, da der blot er lavet små tilføjelser til en standardskrifttype. Men det rammer enormt godt målgruppen, da det ikke er for smart til en person, der er ny på nettet og ny til teknologi. Dog er der lagt langt mere arbejdstid i det første udkast, men denne type logo rammer klientens ønsker bedre. Brugervenlighed Designet af interfacet er bundet i flere forskellige designprincipper, for at gøre websitet så brugervenligt som muligt i forhold til den tiltænkte målgruppe. Designprincipper der er tilgået på forskellig vis er enkelhed, fleksibilitet & brugbarhed, farver, æstetik og brugbarhed.[9] Hjemmesiden er en one page løsning, hvor den information brugeren har brug for er på forsiden. Det vil sige, at den info der er på siden, er den eneste information du har brug for at lære, for at logge ind med nemid. Derfor vejer hjemmesiden til det mere 19

brugbare, frem for det fleksible, da det passer til det tiltænkte formål for brugbarheden. Balancen mellem fleksibilitet og brugbarhed, kan være svær, da et fleksibelt design giver mange muligheder men kan være svært at bruge og omvendt. Et brugbart design, kan begrænse mulighederne for brugeren.[9] For at skabe en god balance mellem disse, har vi givet mulighed for at få mere information ved at trykke på menuen. For at afprøve brugervenligheden af vores design lavede vi en gangstertest.[3] Gangstertest er en måde til at teste brugervenligheden på en hjemmeside. Den består af 6 spørgsmål, spørgsmålene omhandler navigation og orientering ved ens umiddelbare første indtryk. Man kan give score mellem 0 3 point (I forhold til hvor tydeligt eller utydeligt tingene fremgår på hjemmesiden.) for hvert spørgsmål, altså 18 max point. Hjemmesiden scorede 14 ud af 18 point, hvor spørgsmålet om søgefelt gjorde at siden ikke fik max point, men umiddelbart heller ikke var nødvendigt i test brugerens øjne[b]. Pga tidsmangel blev det kun til én gangstertest, så vi kan ikke generaliserer på resultatet men det kan ihvertfald give et praj om at man er på rette vej eller ej [3]. For at have effektiviseret gangster testen kunne vi have haft flere testpersoner, som også ramte målgruppen bedre. Ydermere kunne vi have lavet en brugertest og en ekspertvurdering for at have optimeret hjemmesiden. Præsentation for Klienten og Feedback Vi valgte at mødes med klienten allerede d.30/10, tre dage før deadline d.2/11 Vi valgte at gøre dette, så klienten havde mulighed for at udforske siden og mere tid til at komme med feedback 1. møde efter brief d. 30/10 Ved første møde fik klienten en kort præsentation af hjemmesiden og mulighed for at bruge weekenden, på udforske hjemmesiden inden vores endelige aflevering. 20

2. møde deadline d. 2/11 Her viste vi igen hjemmesiden og spillet og forklarede dem designet. Vi havde mulighed for, at spørge dem ind om forskellige ting i forhold til produktet, fordi de havde haft tid til at kigge på det. Derudover brugte vi en del tid på at evaluerer forløbet sammen. De spurgte ind til hvilke udfordringer vi havde haft i forhold til projektet og om de kunne have gjort noget anderledes. Vi spurgte dem om de havde nogle kritikpunkter. I forhold til samarbejde havde de ikke noget at tilføje til, det eneste de påpegede var nogle få ting på hjemmesiden såsom stavefejl og at vi skulle sætte reklamer ind derudover havde de også noget til sprogbrug. f.eks havde vi skrevet scroll som vi valgte at ændre til rul ned. Klienten var især glad for at de havde haft mulighed for at se produktet før deadline, så de kunne følge med i hvad vi lavede og komme med konstruktiv feed. De følte vi havde forstået og udarbejdet en god løsning i forhold til det brief de havde givet os. Derfor valgte de i sidste ende vores løsning. Konklusion Vores projekt planlægning kunne godt have været bedre med diverse milepæle og uddelegering af specifikke opgaver i opstartsfasen. Lærestoffet som skulle indgå i rapporten, er blevet integreret henholdsvis i takt med undervisningen som er foregået simultant med opgaveskrivning. Da målgruppen er et ældre segment, ville det have været ideelt at lave brugertest på en potentiel ældre bruger, for at finde ud af om målgruppen overhovedet ville kunne bruge siden og om den overhovedet appellerer til målgruppen. Hvis vi havde mere tid og ressourcer ville vi have lavet brugertests på NemNet hjemmesiden. Vores gruppearbejde har fungeret delvist individuelt og delvist sammen i gruppen. Vi har alle forskellige kompetencer og nogle i gruppen, har bidraget med det visuelle, hvor andre har bidraget med diagrammer, dataer, skemaer mv. Processen har været god med lidt udfordring i starten, hvor markedsførings økonomerne havde store forventninger til design og udvikling af både spil og webside. Men vi har sidenhen 21

haft en god dialog med MAK gruppen under hele forløbet. NemNet websiden fik en god respons fra MAK gruppen og levede heldigvis op til deres krav om enkelthed og brugervenligt design til ældre. Da vi har levet op til klientens ønsker og forventninger kan man sige vi har klaret opgaven, da de ydermere valgte vores produkt frem for konkurrentens. 22

Litteraturliste 1. Chapman, C. Color Theory for Designers, Part 1: The Meaning of Color, 2010, http://www.smashingmagazine.com/2010/01/color theory for designers part 1 the meaning of color/, Besøgt: 30 11 2015 2. Garrett, J.J. The elements of user experience: User centred design for the web and beyond. 2nd Edition, New Riders Publishing Thousand Oaks, CA, USA 2010 3. Gregersen, O. & Wisler Poulsen, I. Usability: Testmetoder til mere brugervenlige websites på internettet. 1. Udgave, 2. Oplag. Grafisk Litteratur, 2011 4. Skanderby, D. A Practical Guide to Information Architecture PDF. 18th June 2010. Five Simple Steps 5. T, Frederik. Slide: Brainstorm Mindmapping(Brainstorm, Negativ Brianstorm og Mindmapping) 6. T, Frederik. Slide: Product Breakdown Structure (PBS) 7. T, Frederik. Slide: Project Management SWOT and Stakeholders(SWOT) 8. T, Frederik. Slide: Project Management Risk Management(Risiko analyse) 9. Wisler Poulsen, I. 20 Designprincipper. Grafisk Litteratur, 2012 23

Bilag A. Brief B. Gangstertest BILAG A Brief sendt fra MAK gruppen NemNet Kort beskrivelse af opgaven Vores formål er at skabe en ny trend for ældre mennesker. Vi har til sinde, at hjælpe dem med internettet og dets mange udfordringer. Dette skal gøres igennem simple og nemme opgaver, guides og vejledning. Derfor vil vi som organisation fremstille et computerspil til gamle mennesker, som lærer dem på en sjov måde, hvordan man bruger NemID og hvordan man udnytter google bedst muligt. Vores produkt baserer sig derfor på nogle opgaver, hvor man fiktivt skal logge ind på sin Netbank, læse sine E boks beskeder eller hvordan man bruger Google. Et stort fokuspunkt er også, at der skal være et afsnit med sikkerhed, da vi erfarer at mange ældres problem også er, at de ikke stoler på hvor god sikkerheden, er omkring internettet. Dette program kunne eventuelt laves via. en download knap på hjemmesiden. Vores målgruppe baserer sig på et stort område Ældre mennesker som er 65 år eller ældre. Primært er det ældre som er interesseret i at lære det og som har en computer og internet. 24

Produkt Vores idé er, at programmet indeholder en fiktiv side (Netbank, E Boks, Tastselv el. andre tjenester med NemID), på denne side har du et NemID ude i siden som du kan bruge til øvelsen. Når du holder markøren over diverse steder(brugernavn, kodeord, din NemID nøgle el. andet) er det meningen, at der skal komme en informations boks frem, som forklarer om feltet og hvad det er du skal udføre. Denne fiktive hjemmeside skal have store brugerflader med mulighed for at zoome nemt (et plus og minus i toppen) men ellers skal den så hvidt muligt ligne de originale sider(netbank, E Boks, Tastselv el. andre tjenester med NemID). Målsætning Vores målsætning er, at alle i målgruppen skal kunne bruge internettet på en nem og simpel måde og derved lære at tjekke deres email, NemID eller kunne finde svar på Google. Vi vil skabe en forståelse for brugen af NemID, give et overblik for brugerfladen på nettet og skabe en forståelse af IT sikkerheden. Budskab En verden hvor IT fungerer for alle Selv de ældre / Nemt net til ældre / Hjælp til selvhjælp for ældre på nettet Produkt fordele Vores fordele er, at vi tager fat i en samfundsproblem blandt gamle mennesker. Derudover er der meget omtale om ældre plejen og derved tager vi også fat i et problem, som er meget populært (effektivisering og hjælp til ældre plejen). De ældre kunne også få noget socialt ud af det i det de lærer mere omkring internettet og dets mange muligheder. 25

Deadlines Deadlinen er den 4. November, hvor hjememsiden, idéen og alle vores dataer skal præsenteres. Vores idé var at hjemmesiden skulle indholde en download funktion til programmet og eventuelle guides / informationer omkring programmet. Til og med den 30.10 er det muligt at vi vil komme med diverse inputs til målgruppe, budskab, målsætning mm. Deadlinen for hjemmesiden er derfor at den skal være færdig den 2. November 23.59 Evaluering Vi søger et produkt i form af en hjemmeside. Dette skal appellere til ældre segmentet (Nemt at bruge, store knapper osv.). Denne hjemmeside skal være hjemmet for programmet. Der vil løbende kommer inputs og deadlinen for disse inputs ligger den 30. Oktober. Den 4. November er datoen for fremlæggelsen og derfor skal hjemmesiden være færdig før. Hvis i har nogle spørgsmål så kan i besvare denne mail og vil vi vende tilbage til jer. 26

BILAG B Gangstertest af en tilfældig bruger Gangstertest 1. websitets identifiktation: Hvilket website befinder du dig på?: testperson nævner logo som indikator, og giver websitet 3 point. 2. Sektioner: Hvilke overordnede sektioner findes på websitet? Testperson nævner de 5 sektioner enormt hurtigt og nævner derudover at det er rart menuen stadig er synlig når man ruller ned på siden. 3 point i gangstertesten 3. Underside: Hvilken underside befinder du dig på?: Testpersonen svarer Sikkerhed og nævner det kan ses ved at undersiden man befinder sig på er fremhævet, mens de irrelevante undersider bliver grå. 3 point. 4. Lokal navigation: Hvilke muligheder har du på dette niveau/ hvilke undersider findes på samme niveau? Testpersonen ser en knap som omdirigere brugeren til en skjult siden på hjemmesiden der beskriver teknikken bag nøglekortet, derudover opremser testpersonen linkene omhandlende sikkerheden bag nemid. 3 point. 5. Placerings indikatorer: Hvor er du i den samlede struktur/ Hvordan er du kommet hertil? testperson nævner den lokale navigation som før, og siger det kun krævede et klik at komme derhen, dog kan det være en smule svært for den svagtsynede at se undermenuen man befinder sig på bliver fremhævet. 2 point. 6. Søgefunktion: Kan du søge, og hvor kan du det? testpersonen svarer hurtigt nej, og nævner det ikke er nødvendigt på dette website. Websitet får 0 point 27