Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu.



Relaterede dokumenter
Delaflevering, 8. november

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Eksamenscase: Cevea delaflevering

kollegiekokkenet.tmpdesign.dk Side 1

Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

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

Komunikation/It C Helena, Katrine og Rikke

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

Delaflevering. De Digitale Hippier. Indhold. Frank Holdt og Linh Tran

Introducering af Flip MinoHD:

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

Charlotte Plenge. Kom/IT Projekt HTX Roskilde. Joachim K. Bodholdt

Media Identity. Creative brand solutions. torsdag den 15. december 11

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

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305.

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

Proces for udvikling af sociale medier. Morten Gade, Bysted A/S Tlf

ROSKILDE TEKNISKE GYMNASIUM. Læringsprogram. Lommeregner

HTX. Afsluttende projekt. E-learning Komunikation/It C Helena, Katrine og Rikke

eksamensprojekt 2. sem

Skab et site der tiltaler den eksisterende målgruppe samt den potentielle målgruppe og efterlev samtidigt ejers formkrav.

Digital Kommuneplan. Kravsspecifikation gennem brugerinvolvering

GRAFISK DESIGN. Kenneth Friis Petersen

G R A T I S T J E K L I S T E F R A O N L I N E A K A D E M I E T W W W. O N L I N E A K A D E M I E T. D K

Grafisk produktion & workflow

RÅD TIL BEDRE MARKEDSFØRING. Overblik - Tryghed - Sikkerhed

Generelle ideer til Messecenter Vesthimmerland

Re-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2)

Multimediedesigner. Vedvarende. energi

Konkurrencer NONSTOP. Motivation & problemfelt

RETNINGSLINJER FOR GULDBORGSUND.DK - DET BLIVER RIGTIG GODT VERSION 1.0

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

Sundhedsapp.dk. - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet?

WORKFLOW & PRODUKTION

Quick Guide til bedre online markedsføring MERSALG. med b2b webshop. Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing

Giv mig 5 minutter til at forklare...

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

App-strategi for Randers Kommune December Bilag 2: Procesvejledning for app-udvikling i Randers Kommune

Google Plus for Virksomheder Hvordan laver man en Google plus side?

Den fælleskommunale digitaliseringsstrategi består af projekter på følgende fire fagområder:

Projekt oplæg 1. Plakatopgave Reklame og segmentering

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

Personlig branding i webdesign

HJEMMESIDER OG avancerede WEBLØSNINGER

Grafisk Design. fra idé til visuelt udtryk Benett

nticonnect nticonnect er en web-platform, der gør det muligt at samle al data. NTI CADcenter A/S

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

Strategirapport for Bloggen alletidersslankekur.dk

Involver dine kunder, leverandører og medarbejdere via sjove og spændende SMS-tjenester

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

Information om gruppen og delafleveringen Indledning Problemfelt Problemformulering Metode Interview...

AMU. Efteruddannelseskurser. Efteruddannelseskurser. Medie og Kommunikation Efterår Medie og Kommunikation Roskilde Tekniske Skole

prisestimat ROSKILDE KOMMUNE Att.: Kristian Karstoft Rådhusbuen Roskilde Dato: 19/10/15

Opgavebeskrivelse. Opgaveløsningen

Sociale Medier & SEO-pakker: Karakteristikker

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

Rapport: Kredshjemmesider i Danske Baptisters Spejderkorps. Jan 2012

Øvelse 7 - delaflevering

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

OBH NORDICA Tilbud på redesign og implementering af webløsning

Prækvalifikation vedrørende leverance af ny informationsarkitektur, ny søgefunktion samt nyt design og layout til Ballerup.dk

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

Vi glæder os til at arbejde sammen med jer! De bedste hilsner. Sebastian Hansen og Bjarke Nielsen HeltSimpelt.dk

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier

CPH Queerfestival Line Thaarup, Henrik Holm Olsen, Kim Louis Køhrsen, Jane Hedegaard Laren

Indholdsfortegnelse: Indledning side 2 Usability side 3 Swot side 3, 4 Tows side 4, 5, 6 Konklusion side 6 Bilag side 7.

WORKFLOW & GRAFISK PRODUKTION

Vejen til en troværdig virksomhedsprofil. Kontakt Bettina Skindstad Tlf: web:

Grafisk workflow. bl.udbudsnet.dk

Mediegruppen bevæger mennesker

Skriftlig opgave vedr. brugervenlighed og grafisk design

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

PRODUKTER + SERVICE + INNOVATION + INSPIRATION = HAEFELE.DK

udviklingsfasen! Brugervenlighedskonsulent Elisabeth Landbo Nyborg Strand 5. november 2009

Undervisningsbeskrivelse

Udkast til. Politik og strategi for de sociale medier i Struer Kommune

Sådan laver du gode. opdateringer på Facebook

1. SCREENING OG BAGGRUND

Online. kommunikation MEDIEGRUPPEN BEVÆGER MENNESKER

GRAFISK PRODUKTIONSFORSTÅELSE

Creativity Design Undersøgelse Case 1: Auction Travels INDEX 1 WORK BREAKDOWN STRUCTURE (WBS) 2 RISIKOANALYSE 3 INTERESSENTANALYSE 4 BRUGERPROFILER 4

Metoder og produktion af data

Folkekirken.dk. Koncept for folkekirken.dk

BibDok. Guide til BibDok. En metode til at dokumentere effekt af bibliotekets indsatser

17 METODER TIL SUCCESFULD ONLINE OG OFFLINE MARKEDFØRING MED GAVEARTIKLER

Sociale medier. Seks trin til bedre indhold

Kommunikationsstrategi

det færdige resultat

Her vil jeg gerne være Det er sådan dine kunder skal tænke

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

Brugerskabte data en national service (BSD) - produktbeskrivelse

Strategisk brug af Sociale Medier. 9. maj 2011 Trine-Maria Kristensen

Resultater af prototypetesten

RAPPORT Projekt 4: Website design Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf

Transkript:

Delaflevering Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk Kenneth Hansen, kenhan@itu.dk 1

Indholdsfortegnelse Problemfelt - Problemformulering... 3 Målgruppe... 4 Metodisk tilgang... 4 Projektorganisering... 5 Tidsplan... 5 Motiverende design... 5 Litteratur... 7 Bilag... 7 2

Problemfelt - Problemformulering Den økonomiske krise har ændret danskernes indkøbsvaner. Et stort udbud og lav efterspørgsel gør det svært at tjene penge på at sælge vin i Danmark. Generelt er det danske marked stabilt målt på volumen, men faldende i værdi. Danskerne køber generelt billigere vin, og denne tendens ser ikke ud til at stoppe. Det er svært at tjene penge på vin i Danmark. De store varehuse som Føtex, Bilka, Kvickly osv. stjæle kunder fra konkurrenterne ved at lave slagtilbud. Vi har derfor besluttet at lave et website for vinforhandlere, som ønsker at kunne reklamere for deres vin på nettet, men som typisk ikke selv har et websitet. Konceptet bag websitet er at formidle information omkring aktuelle vintilbud, typisk fra mindre vinforhandlere, som giver en fælles platform for aktuelle vintilbud, som kan tage kampen op mod de store varehuse, som i stigende grad sælger mere og mere rødvin. Websitet henvender sig til to gruppe, vinforhandlere og til folk som er vininteresserede, og som ønsker at modtage tilbud omkring vin. Det skal være mulig at oprette en vinforhandlerprofil med oplysninger omkring beliggenhed, vintyper, forhandlerens eget website samt de aktueller tilbud osv. Derudover skal man som forbruger kunne søge i de forskellige tilbud samt tilmelde sig nyhedsbreve, som henvender sig til specielle vinønsker, som den enkelte måtte have. Derudover skal forbrugerne også have mulighed for at kunne kommentere de forskellige forhandlere og tilbud. Vi ønsker, at det skal være brugerne som former websitet og inddrages mere direkte. Derfor vil opdatering af tilbud og kommentarer ske af brugerne selv. Siden skal derfor mere fremstå som en reklamesøjle for de mindre forhandlere. På kort sigt er det hensigten, at sitet skal være gratis. På længere sigt er det meningen at der skal tilbydes yderligere services, som de enkelte forhandlere skal betale for at benytte. Det kan f.eks. være ekstra funktionalitet såsom reklame på forsiden. Vi har valgt, at den primære dataindsamling skal foregå via crowdsourcing. En af de største fordele vi kan se ved at anvende crowdsourcing er, at vi lader brugerne forme websitet. Dvs. det er vininteresserede/forhandlere, som anmelder og videreformidler de forskellige tilbud. En anden fordel ved crowdsourcing er, at websitet ikke kræver en stor bagvedliggende administration. Det er begrænset, hvor meget systemet selv skal opdatere. Et af hovedmålene med vores website er, at det skal være enkelt og nemt at bruge. Dvs. det skal være nemt at oprette og vedligeholde en forhandlerprofil. Derudover skal søgningen blandt de mange tilbud og forhandlere gøres let, overskuelig og enkel at forstå. Fremadrettet vil der være to store udfordringer forbundet med at gøre websitet til en succes med mange brugere. For det første skal vi udbrede kendskabet til websitet blandt forhandlerne. De skal tro på, at det giver mening at bruge tid på at oprette en profil, samt at vedligeholde deres tilbud og profil. Dernæst skal vininteresserede/forbrugere have kendskab til websitet. Vi skal få dem til at benytte sitet til at søge tilbud og få tilmeldt sig et nyhedsbrev. Derudover vil vi også gerne have, at de leverer indhold gennem anmeldelser og kommentarer, og det er nok her den største udfordring ligger. Her er det vigtigt, at vi sætter os ind i brugerens sted, og ser på, hvad der kan motivere og få dem til at levere de ønskede anmeldelser. Dette kunne enten være i form af præmier eller lignende. 3

Løsningen er en meget grafisk, da et website af denne type helst skal virke tiltrækkende overfor de to hovedgrupper af brugere. Disse typer af brugere vil højest sandsynligt lægge stor vægt på den grafiske og designmæssige del. Vi har valgt at kalde websitet: vintilbud.nu Målgruppe Den primær målgruppe er vin forhandlerne. Denne målgruppes hovedaktivitet er at oprette en vinforhandlerprofil med oplysninger omkring beliggenhed, vin typer, forhandlerens eget website samt de aktuelle vin tilbud Den sekundære målgruppe er, selv om det nok er den største gruppe, vin køberne. Denne målgruppes hovedaktivitet er at søge efter gode vin tilbud, ud fra vin type, producent land, mængder etc., samt søge efter anmeldelser af en bestemt vin, producent eller forhandler. Af delopgaver findes sådan set kun en enkelt, ud over at købe vin via sitet, nemlig at anmelde et eller flere af områderne, vin, producent eller forhandler. Metodisk tilgang I det indledende arbejde med afklaring af formålet med sitet, vil vi søge information på nettet om sociale medier. Vi er fuldt ud klar over, at dette sitet ikke som sådan er et socialt medie i begrebets bredeste forstand. Vi mener dog alligevel, at vi kan trække på de erfaringer og undersøgelser der er af sociale medier, da sitet som udgangspunkt bygger på data indsamlet fra brugerne, bedre kendt som crowdsourcing. Vi vil derfor drage nytte af allerede eksisterende materiale og statistiske data på området. Derudover vil vi i nødvendigt omfang tage kontakt til danske vinklubber, vinavisen.dk og lignende organisationer, hvor vi finder det nødvendigt i arbejdet med at klarlægge målgruppens behov. Vi vil med udgangspunkt i Ole Gregersen: Usability Testmetoder til mere brugervenlige websites på internettet, gøre brug af de metoder bogen anviser, til at udforme et ekstremt brugervenligt design. Da det er af stor strategisk vigtighed for sitet, at designet er så enkelt og intuitivt at alle i både den primære og den sekundære målgruppe kan bruge sitet, uden brug af hjælpemidler (læs brugervejledning), har vi valgt at lægge en stor del af projektets fokus omkring brugbarhed og brugervenlighed. Vi vil derfor gennem hele designprocessen sætte brugeren i centrum, samt gøre os strategiske overvejelser omkring brugerbehov, informationsarkitektur, informationsdesign og navigationsdesign, samt brugergrænsefladen, hvor det især er det visuelle design lægges fokus på. 4

Projektorganisering Gruppen mødes hver onsdag kl. 19.00 hos Kim for at diskutere projektet, projektforløbet, problemafklaringen, samt hvilke teori- og metoder der skal anvendes i det videre forløb. Fra gang til gang vil vi afklare, hvem der tager sig af de opgaver vi får identificeret. Som udgangspunkt vil det være Kim der har ansvaret for designet, medens Kenneth har ansvaret for projekt organiseringen og målgruppe definitionen. Det betyder, at man som udgangspunkt skal være den drivende kraft inden for egne kompetenceområder, men med udgangspunkt i, at den anden projektdeltager skal lære og blive bedre inden for de områder, han ikke er så stærk i. Tidsplan Grov tidsplan bliver mere deltaljeret jo længere hen vi kommer i forløbet. Uge Aflevering Udfører Deadline 44 Gruppe dannes - arbejde fordeles Kim og Kenneth Søndag 6 november 45 Delaflevering Kim og Kenneth Søndag 13 november 46 Design skabelon (mockups/wireframe) Kim og Kenneth Søndag 20 november 47 Implementering / unit test Kim og Kenneth 48 Implementering / unit test Kim og Kenneth Søndag 27 november 49 Usability test Kim og Kenneth 50 Opgaven afsluttes Kim og Kenneth Søndag 18 december 51 Cd er laves / Opgaven printes Kim og Kenneth Mandag 19 december Motiverende design Vores design bygger på det enkle og funktionelle. Derfor har vi i vores design lagt vægt på, at det skal være brugervenligt, tilgængeligt for alle, samt enkelt og intuitivt at anvende. Ved at holde designet i få farvenuancer, ikke anvende bevægelige objekter på websitet, have en ensartethed på samtlige sider (ensartet layout), samt tydeliggøre over for brugeren, hvor på websitet han/hun befinder sig, mener vi, at vi opfylder vores krav om at website skal være brugbart for såvel øvede som ikke øvede brugere. 5

Det har for os været vigtigt, at ingen bruger bliver skræmt væk fra vores website, fordi de enten ikke kan finde ud af at navigere i websitet, eller de finder det for besværligt at anvende. Da hele konceptet bygger på, at det er brugerne der føder websitet med data og gør det levende, har vi lagt særligt vægt på, at det skal være så enkelt som muligt at tilføje data. Dvs. vi har gjort meget for at brugerne ikke skal igennem flere og krævende processer for at tilføje data. Ligeledes har vi holdt antallet af indtastningsfelter på et minimum. Alt sammen for at gøre det så brugervenligt som overhovedet muligt og ad den vej motivere brugerne til løbende at føde websitet med nye informationer (tilbud og anmeldelser). Det kræves derfor heller ikke, at man er oprettet som bruger for at kunne anmelde et tilbud. Igen, det skal være lige til at gå til, ellers flygter brugerne fra websitet, hvis det viser sig, at det er for besværligt og tidskrævende at benytte websitets funktionalitet (kræver vi for meget, gider brugerne ikke benytte det). Som udgangspunkt er det brugerne der genererer data til systemet, men vi har dog valgt at tilføje alle kendte lande, områder, vintyper, årstal, byer, postnumre. Styrker og svagheder I valg af design har vi lagt vægt på flere ting. Blandt andet har vi gjort meget for, at det for udviklerne skal være enkelt at vedligeholde, ligesom det skal være let for brugerne at anvende systemet. Det betyder, at designet besidder en lang række styrker, men desværre også en del svagheder. Nedenfor er listet de styrker og svagheder, som vi mener designet har. Styrker ved designet: Brugergenereret indhold Enkle og ligetil skærmbilleder Få indtastninger ifm. oprettelse Skal ikke være oprettet som bruger for at kunne anmelde tilbud og forhandlere Let og overskuelig navigering Nyhedsbreve som er brugerspecifikke Stærk søgefunktion Kræver næsten ingen administration Svagheder ved designet: Websitet vil ikke være brugbart, før tilstrækkelig mange forhandlere og forbrugere benytter sitet. Meget simpel funktionalitet, uden anvendelse af smarte features 6

Litteratur Lloyd: Build Your Own Website the Right Way Using HTML & CSS Donald Normans: Design of Everyday Things Ramussen & Fischer: Målgruppeanalyse lær din målgruppe at kende Jens. H. Hansen: Motiverende design Ole Gregersen: Usability Testmetoder til mere brugervenlige websites på internettet Bilag 7