Mobilt website for Købehavns Fødevarefællesskab
|
|
- Caroline Mørk
- 8 år siden
- Visninger:
Transkript
1 Exercise 7 Gruppe: De Fleksitive Casper Nøhr Marie Dansgaard Henrik Roloff Mobilt website for Købehavns Fødevarefællesskab
2 Indholdsfortegnelse Indledning Problemformulering DEL1 Dataindsamling og -behandling Metode Afgrænsning Dataindsamling og -behandling Målgruppeanalyse Personas DEL2 Designproces Skitsering Design til mobile enheder - usability Designovervejelser Motiverende strategi Sitemap - nuværende hjemmeside Konklusion Litteratur Bilag
3 Indledning Københavns Fødevarefællesskab (kbhff) blev stiftet i 2008 som en indkøbsforening, der har til formål at tilbyde medlemmerne lokalt producerede økologiske fødevarer til en pris, der kan konkurrere med konventionelt producerede og/eller importerede fødevarer. Den konkurrencedygtige pris sikres ved en høj grad af medlemsinddragelse, idet man med sit medlemskab forpligter sig til en månedlig arbejdsindsats på tre timer, og et eventuelt overskud fra salget anvendes til at sænke priserne, udvikle foreningen eller som bidrag til godtgørende formål. Som medlem i foreningen er man således både kunde, medarbejder og medejer. kbhff s websted, kbhff.dk, spiller en vigtig rolle i organiseringen af foreningen, både som informationskanal for eksisterende og potentielle medlemmer og som planlægningsværktøj. Her kan medlemmerne finde information om ugens grøntsagspose, søge inspirerende opskrifter, debattere og ikke mindst bemande vagtplanen, så det sikres, at alle opgaver løses. kbhff.dk bygger på WordPress bloggingplatform kombineret med wikis, et bbpress forumsoftware og Googles kalenderfunktion. På nær kalenderen er alle værktøjerne dårligt integrerete i webstedet, hvilket bevirker, at webstedet i realiteten har tre forskellige brugergrænseflader og følgelig tre forskellige grafiske udtryk. Samtidig er indholdet generelt dårligt struktureret. Det gør det besværligt at bruge webstedet og bevirker, at foreningen fremstår fragmenteret og ringe organiseret. Der er således gode muligheder for at forbedre webstedet. I 97% af alle danske hjem findes en mobiltelefon. 33% heraf er en smartphone (Danmarks Statistik 2011, s. 1). Da en stadig voksende andel af danske internetbrugere anvender mobiltelefonen til at komme på internettet (Danmarks Statistik 2010, s. 21), og der er mange fordele ved at vælge en Mobile first-tilgang (Wroblewski 2011, s. 6-7) til webdesign, har vi valgt at fokusere på en mobil løsning, som efterfølgende vil kunne danne grundlag for et redesign af desktop-webstedet. Sidstnævnte ligger dog uden for opgavens område (se Afgrænsning). Problemformulering Vi ønsker at udarbejde en mobil løsning for kbhff.dk, der sikrer medlemmerne mulighed for hurtig opdatering og smidig planlægning når som helst og hvor som helst, uden at de skal være afhængige af adgang til computere. Udover den forbedrede brugeroplevelse skal den mobile løsning bidrage til at brande kbhff som en professionelt drevet forening, der tager sine medlemmer alvorligt, og hvor spildtid minimeres så der holdes fokus på det overordnede formål: at fremme økologi for menneskets og naturens skyld. På denne baggrund har vi fundet det relevant at arbejde ud fra følgende problemformulering: Hvordan kan vi tilskære, strukturere og præsentere indholdet fra kbhff s eksisterende websted på et mobilt websted, så brugerne sikres en let og hurtig kilde til information og planlægning?
4 Eller noget lignende: Hvordan skal der tages højde for designet i forbindelse med brugervenlighed for mobile enheder? For at nå et fyldestgørende svar herpå har vi opstillet en række kriterier for, hvornår et mobilt websted for kbhff kan anses for vellykket: Let organisering af arbejdet gennem simpel og intuitiv opdatering af vagtplanen Hurtig adgang til den vigtigste information som eksempelvis ugens grøntsagspose og akut behov for afløsere Skabe et grønt design, der taler til målgruppen Mere overskuelig opskriftssamling Bedre oversigt over blogindlæg via kategorisering
5 DEL1 Dataindsamling og -behandling Metode Fremgangsmåden for vores projekt vil have bund i en iterativ proces, der er således ikke fastlagt et på forhånd start- og slutpunkt, med det vil ske som en flydende proces, hvori der kan arbejdes frem og tilbage imellem design og nye idéer. Med Fallmans (2003) termonologi hører vores designtyper ind under den Pragmatiske account som kan siges at være en mellemting blandt de mere yderliggående romantiske- og konservative accounts. Måden hvorpå en pragmatiker arbejder giver et godt billedet af måden hvorpå struktureringen af projektet forløber. Det skal dog ikke være direkte ensbetydende med at arbejdet ikke kan være flydende iblandt disse accounts, idet vi naturligvis også låner argumentationer og metoder fra videnskaber (derved det konservative), som beskriver processor i mennesket der skal tages højde for i sine design. (Eventuel grafisk fremstilling af nedenstående proces) 1. Identificering af målgrupper udarbejdelse af personas 2. Kortlægning af indhold på eksisterende kbhff 3. Definering af væsentligste indhold til mobilt websted 4. Udarbejdelse af roughboards og wireframes for mobilt websted 5. Mock-up af mobilt websted 6. HTML og CSS for væsentligste sider på mobilt websted
6 7. Usabilityundersøgelse 8. Tilpasning baseret på usabilityundersøgelse Afgrænsning Selvom opgaven tager afsæt i kbhff s eksisterende websted, der er udviklet for visning på stationære og bærbare computere, er sigtet med opgaven at designe et websted for mobile enheder (primært smartphones, og vi kommer derfor ikke ind på, hvordan de erfaringer vi har gjort os i løbet af designprocessen vil kunne finde anvendelse på et redesign af det eksisterende websted. Selvom størstedelen af mobiltelefonerne i danske hjem fortsat er af den konventionelle slags, vil vi i designet af det mobile website udelukkende fokusere smartphones, ud fra den begrundelse, at et hovedsageligt er personer med smartphones, der går på internettet via deres mobiltelefon. Mangler kilder Dataindsamling og -behandling Offline markedsanalyse (personlige interviews, spørgeskemaer) Online data (analytics, webmaster) Målgruppeanalyse Brugerne af kbhff spænder vidt, det er studerende, den almindeligt arbejde familiemor/far, pensionisterne og de idealistiske hippie typer. Der er dog karakteristika som kendetegner brugerne, hvorfor målgruppen ikke afgrænses demografisk, men mere ved politisk overbevisning, ikke at dette derved betyder at alle stemmer på Enhedslisten. Ud fra samtaler og interviews med brugerne opstilles der to personas som i større eller mindre grad kendetegner brugergrupperne af kbhff. Personas Ud fra værdierne for kbhff som er bestemt af medlemmerne samt uddrag fra interviews og opslag, kan der udarbejdes de personaer som benytter sig af fødevarefællesskabet. Hippien Går ind for bæredygtighed Meget opmærksom på miljøet og de indvirkninger man har som privat person igennem sine dagligdags valg. Ønsker at mindske sit CO2-fodspor. Går ind for fair og direkte handel. Er ikke glad for supermarkeder og fordyrende mellemled, ser hellere at pengene skal gå direkte til producenten, hvorved det også bliver billigere for forbrugeren. Tror på det bedste i mennesker. Vil kun dele sit fællesskab med andre som yder sit hertil. Ser økologi som den eneste rigtige måde at producere på.
7 Den semi-miljøbevidste Ønsker at fremstå som den miljøbevidste type, men fører ikke altid dette helt ud i livet. Støtter gerne gode formål, men er ikke den der går forrest med initiativet. Har ofte en travl hverdag, hvilket derfor også influerer den miljørigtige tankegang, det er ikke noget der altid er tid til. Er kendetegnet ved studerende og karrierepersonen som gerne vil have et andet image end kapitalsøgeren.
8 DEL2 Designproces Skitsering For at udvikle designet på forhånd og imødekomme eventuelle problemer med de valgte elementer, er en vigtig del af processen at skitsere på papir før der påbegyndes programmering og billeddesign. De skitserede mockups kan ligeledes bruges som testversioner overfor en eventuel bruger, for at få forhåndsvurderet brugergrænsefladen, hvorvidt disse fungerer intuitivt og har de ønskede funktionaliteter. Design til mobile enheder - usability I forhold til skrivelser i Mobile First: Begrænsning i selve størrelsen på skærmen, begrænsninger i form af at der navigeres ved brug af klodsede fingre, derfor skal knapper have en vis størrelse, som sikrer at brugeren ikke bliver irriteret under navigation på siden. Designovervejelser Hvor placeres knapperne i forhold til vigtighed, muliggørelse af navigation med en hånd, dvs. brug af tommelfinger. I overvejelserne omkring design skal der ligeldes inddrages aspekter omkring hvorledes budskaberne kommunikeres på den korekte måde, hertil kan bla. Laswells kommunikationsmodel bruges, denne kan opstilles således: Modellen kan bruges som grundlag for måden som det nye design skal udformes, hver kasse repræsenterer et område, hvori der skal tages højde for emner som kan have en betydning for de valg der skal tages i forhold til designet. Motiverende strategi
9 Ved at udvikle en særlig webside til smartphones, forenkler vi brugerens passage til sit mål. Den generelle webside bude også være let at gå til, så hvorfor det særlige behov? - Når en bruger får adgang til siden gennem sin smartphone, kan vi antage to ting: vedkommende er højst sandsynligt ikke hjemme og vedkommende har et ærinde hos os, som får ham til at trodse besværet ved at surfe på mobilen. Ud af disse antagelser, kan vi gå ud fra at brugerens nuværende miljø er travlt, og dermed ikke egner sig til fordybelse. Som designere af siden kan vi ved at anlægge en motiverende strategi, give brugeren lettere adgang til de elementer, som der er størst sandsynlighed for er hans mål (Fogg, 2003, s.33). For at finde de mest brugte elementer på hjemmesiden kunne vi f. eks. Bruge Google Analytics til at undersøge brugeres adfærd på siden. Herefter kunne vi koge siden ned til det mest essentielle og give et egnet design til mobilen. Denne strategi dækker dog ikke over at brugerens ærinde via smartphone er et andet end via pc. Derfor må vi som designere tænke med i processen: hvad vil VI gerne have at brugeren lægger mærke til når han vælger at bruge tid på os gennem smartphone? På den meget sparsomme plads vi har til rådighed på en smartphoneskærm kan vi foreslå de valg vi gerne vil have han tager, og som vi må antage han er åben over for (ibid, s.41). Vores hovedmål vil være at erhverve ham som kunde, men det er i vores interesse, at fremstå uegennyttige og derved vinde sympati. Særligt med en målgruppe som er særlig kritiske. Derfor skal det første tilbud på siden heller ikke være her bliver du medlem, men her har du nogle gratis opskrifter. Ved at forære noget til vores bruger, i form af hjælp og opskrifter, vil vores selskab fremstå uegennyttigt og give brugeren en fornemmelse af taknemmelighedsgæld (ibid, s.50). Den åbenhed kan vi bruge senere, når vi forslår et medlemskab. At åbne en webside via sin smartphone, og opdage en særlig udviklet side til individet som smartphonebruger er stadig mere undtagelsen end reglen. Det er dermed en behagelig overraskelse, som får brugeren til at føle sig vel mødt. Han kan mærke at der bliver taget særlig hensyn til hans behov og komfort (ibid, s.38). Dette vil forhåbentlig bidrage til hans åbenhed over for vores forretning.
10 Sitemap - nuværende hjemmeside
11 Wireframe skitser Logo Tagline (Er det Økologi til alle?) Opskrifter (link til ny side): links til undersider ved videre specifikation eller genbrug af råvaresky. Om KBHFF (link til ny side): Kort beskrivelse af guddommelige etiske principper, 3 gode grunde til at blive medlem + hvordan. Citat (Der må kunne siges noget om, hvorfor vi reagerer positivt på hvad andre godt kan lide? Marketingstrick anyway..) Afdelinger (dropdown fane med links): links til alle afdelinger Medlemmer (dropdown fane med links): vagtplan, forum Hjemmeside (link)
12 Roughboard - Stemningen som vi ønsker at brugeren skal opleve. Den skal have et øko-look, fremme den miljøbevidste tankegang. Simplistisk men effektfuld, da et overdrevet design muligvis vil have den modsatte effekt i forhold til modtageren: Hvis noget skal afspejle noget grønt og billigt skal der ikke kastes en masse Pang og flash ind.
13 Konklusion
14 Litteratur Wroblewski, Luke (2011): Mobile first. A Book Apart. Fogg, B. J. (2003): Computers as Persuasive Tools -Persuasive Technologi - Using Computers to Change What We Think and Do, s Morgan Kaufmann Publishers. Turner, P., Turner, S. (2011): Is stereotyping inevitable when designing with personas?. Design Studies, 32, Buxton, B. (2007): Sketching user experiences: getting the design right and the right design. Danmarks Statistik (2011): Befolkningens brug af internet 2010, Danmarks Statistik Danmarks Statitisk (2011): Elektronik i hjemmet 2011, Danmarks Statitstik Mobile Design and development: hl=da&lr=&id=lymeulbtkh0c&oi=fnd&pg=pr5&dq=smartphone+web+design&ots=ftvpd0noc6 &sig=smmhaax-njz2fufzqusiqh2sdii#v=onepage&q=smartphone%20web%20design&f=false Links til mobil website design: Bilag
Hvordan kan vi designe et website til studenterorganisationen Analog café?
Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online
Læs mereDelaflevering. De Digitale Hippier. Indhold. Frank Holdt og Linh Tran
Delaflevering De Digitale Hippier Frank Holdt og Linh Tran Indhold 1. Indledning... 2 2. Generelt i forhold til projektet... 2 2.1 Beskrivelse af problemfeltet og en problemformulering... 2 2.2 Beskrivelse
Læs mereCindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S
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
Læs mereSundhedsapp.dk. - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet?
Oplæg til vejledning Sundhedsapp.dk - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet? - Kan man overhovedet forestille sig at udarbejde en prototype uden nogle former for feedback?
Læs mereCPH Queerfestival Line Thaarup, Henrik Holm Olsen, Kim Louis Køhrsen, Jane Hedegaard Laren
Beskrivelse af problemformulering og en foreløbig problemformulering Queerfestivalen er en fast tilbagevendende begivenhed. Gennem årene har der udviklet sig et miljø omkring festivalen, hvor mange af
Læs mereDelaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu.
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...
Læs mereEksamenscase: Cevea delaflevering
Eksamenscase: Cevea delaflevering 1. Generelt Casen Cevea Cevea er en centrum-venstretænketank, som blev oprettet i 2008 blandt andet som modspil til den højreorienterede tænketank Cepos. Organisationen
Læs mereHassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN
Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med
Læs mereDelaflevering gruppe 11 Happyweb
Delaflevering gruppe 11 Happyweb Af Lene Engholst, Betina Mærsk, Barbara Elbæk, Elin Skjefstad og Henriette Balslev Oplæg til vejledning Vi har valgt at anvende persuasive design i vores opgave med at
Læs mereFRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine
FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet
Læs mereEt krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.
Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden
Læs mereVi glæder os til at arbejde sammen med jer! De bedste hilsner. Sebastian Hansen og Bjarke Nielsen HeltSimpelt.dk
Vi glæder os allerede! Nu går det spændende arbejde i gang og vi skal om lidt levere jeres nye hjemmeside, blog, webshop eller alle tre dele samlet i et. Derfor skal vi bruge en kravsspecifikation, så
Læs mereDelaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back
Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back 1 Indhold 1.1 Generelt i forhold til projektet 1.1.1 Problemformulering Kalundborg kommune har gennem de senere år
Læs mereAfsluttende Projekt - Kom/IT
1 Afsluttende Projekt - Kom/IT Rasmus H. Plaep 1 Billedkilde: http://blog.snelling.com/files/2015/01/business-107.jpg Indhold... 0 Indledning... 2 Problemafgrænsning... 2 Problemformulering... 2 Teori...
Læs mereGRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet
GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt
Læs mereKøbenhavns Fødevarefælleskab
Københavns Fødevarefælleskab Medlemshåndbog Kafax, Korsgade 19, kld. 2200 Kbh. N. Onsdage kl. 9.00-20.00 1 Velkommen i Københavns Fødevarefællesskab Hvad betyder det at være medlem af Københavns Fødevarefællesskab?
Læs mereMads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility
Corporate Social Responsibility 1st project 2nd sem. February 2016 Mads Bruun Simonsen Daniel Engelhardt Alexander Klug Rasmussen Philip Nielsen LINK Cphbusiness Side 1 af 10 Indholdsfortegnelse Projektbeskrivelse.3
Læs mereGRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
Læs mereAfsluttende opgave - Kommunikation/IT C Klasse 1.1
11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...
Læs merePROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas
PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6
Læs mereGRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11
GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.
Læs mereKARINA KONRAD USER EXPERIENCE PORTFOLIO. Jeg interesserer mig for user experience, digital kommunikation, online marketing og humancomputer
KARINA KONRAD USER EXPERIENCE PORTFOLIO Jeg interesserer mig for user experience, digital kommunikation, online marketing og humancomputer interaction. Jeg kan: - finpudse det, du ønsker at sige til dine
Læs mereELEMENTER 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å
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
Læs mereLIGHT BASIC PRO NY HJEMMESIDE?
LIGHT BASIC PRO NY HJEMMESIDE? her er et godt sted at starte! LIGHT Light er vores mindste løsning. Den er udviklet i Wordpress, som er det mest brugte open source CMS. En Light hjemmeside er baseret på
Læs mereEksamensprojekt i Web design og web kommunikation - E2011 hold 2
Eksamensprojekt i Web design og web kommunikation - E2011 hold 2 Janus Åhlander Olsen Web design og web kommunikation E2011 - hold 2 Underviser: Brian Everitt Problemfelt og problemformulering Hjemløse
Læs mereRe-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2)
Introduktion Vores eksamensprojekt er et re-design af Bøssehusets hjemmeside. Bøssehusets er et kulturhus for bøsser, lesbiske og transseksuelle personer beliggende på Christiania. Huset skaber rammerne
Læs mereGRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
Læs merekollegiekokkenet.tmpdesign.dk Side 1
kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase
Læs mereLIGHT BASIC PRO NY HJEMMESIDE?
LIGHT BASIC PRO NY HJEMMESIDE? her er et godt sted at starte! LIGHT Light er vores mindste løsning. Den er udviklet i Wordpress, som er det mest brugte open source CMS. En Light hjemmeside er baseret på
Læs mere- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk
Responsive Design Mul-a 2013 RAPPORT - opgave 3, Semester 2 Gruppe xx - The Cook Club Project/2 Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Ole Jørgen Hansen ohan@post.tele.dk www.gribskovweb.dk
Læs mereGrafisk design. sundfertilitet.dk
Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.
Læs mereGRAFISK DESIGN 1. HOVEDFORLØB
GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,
Læs mereGRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med
Læs mereOpstart. I gang med Dreamweaver. Læs mere om...
Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,
Læs mereOpgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.
Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende
Læs mereWORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Læs mereIndhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...
Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... 4 Fase 5: Test... 5 Fase 6: Offentliggørelse... 5 Kanyle-modellen:...
Læs mereWebsite projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk
Website projekt 3, 2. semester. Lasse M. Bruun Overgaard www.lbodesign.dk Mark Halding www.markhalding.dk Peter Konrad http://cph54.webkn.dk/ Anders Rein www.andersrein.dk Responsive design Projekt: www.andersrein.dk/projekter/hjemmesider/responsiv
Læs mereKALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.
KALAS FESTIVAL Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.com Casper Ragn http://www.casperragn.wordpress.com Niels Otto Andersen
Læs mereIntroducering af Flip MinoHD: http://celikshadow.dk/flip/
Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram
Læs mere24 tips til din markedsføring
24 tips til din markedsføring som tager max 5 minutter at udføre WebsitterService 2018 1. december Så blev det endelig 1. december og jeg har glædet mig til i dag, hvor vi åbner første låge i julekalenderen
Læs mere8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april
8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s. 36-39 K: Smukkere grafisk design,
Læs mereVend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring
Vend billedet... med de 10 bud for B2B-webdesign Quick Guide til bedre markedsføring 1 Lign en forretning Produktet kommer først Præsentér dine B2B-produkter og -serviceydelser allerede på forsiden af
Læs mereGrafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Læs mereDelaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen
Delaflevering: Webdesign og webkommunikation Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen Vi har valgt at lave et redesign af KEA s online videnscenter/bibliotek. Organisation: Københavns
Læs mereVelkommen i Københavns Fødevarefællesskab
Medlemshåndbog Velkommen i Københavns Fødevarefællesskab KBHFF er et fødevarefællesskab et kooperativt alternativ til almindelige profit-orienterede supermarkedskæder. I fødevarefællesskabet er kunderne
Læs mereProjekt 1 Re-design af Odense Bunkermuseum
Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne
Læs mereØvelse 7 - delaflevering
Øvelse 7 - delaflevering Contents Oplæg til vejledning... 1 Generelt i forhold til projektet... 1 Problemfelt... 1 Baggrund... 1 Udfordringen:... 2 Forslag til foreløbig problemformulering... 2 En beskrivelse
Læs mereGrafisk Design 70% Skitser
Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner
Læs mereJEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
Læs mereDelaflevering, 8. november
Delaflevering, 8. november Problemfelt Mikrobryggerier er en del af en nichelignende branche, som er sælger et specialiseret produkt og henvender sig til en specifik målgruppe, der ved, hvad de vil have
Læs mereMÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
Læs mereGRAFISK DESIGN DOTHOST HJEMMESIDE
DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem
Læs mereTjekliste til en professionel hjemmeside
Tjekliste til en professionel hjemmeside Hej med dig. Tak fordi du har downloadet vores tjekliste! Hvis du har en del af ansvaret for, at jeres virksomhed får det optimale ud af jeres hjemmeside så er
Læs mereBESLUTNINGSBARRIEREN ER HØJERE
At lave innovation og tænke nye forretningsområder kræver et velfunderet grundlag, der sikre kendskab til målgruppens behov og forretningens strategiske mål. Det er vigtigt at være sin position bevidst
Læs mereE M P I R E B I O 2 E2011
EMPIRE BIO Forberedt til: Brian Everitt, Webdesign og webkommunikation, hold 2 E2011 Udarbejdet af: Anders Schaumann, Jens Sigsgaard, Stefan K. Mathiesen, Thomas Gjedde- Nielsen Dato: 8/11 2011 Introduktion:
Læs mere5.1 HVEM ER DE POTENTIELLE FRIVILLIGE?
Mange organisationer tror, at de skal tage imod alle de frivillige, der kommer til dem. Vi mener, at når du har brugt tid på at finde ud af, hvilke frivilligroller der er behov for, så er det også vigtigt,
Læs mereGRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med
Læs mereGrafisk Workflow. Website til European Blues Challenge
Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde
Læs mereHESTBJERG WEB GRAFISK WORKFLOW
HESTBJERG WEB GRAFISK WORKFLOW OPGAVE BESKRIVELSE Dette er en hjemmeside jeg har udviklet til Hestbjerg Økologi. Siden skal bruges til at sprede deres budskab. Opgaven Hestbjerg økologi søgte en hjemmeside
Læs mereUU længere forløb. Planlægning af tema Fag: UU Klasse: 4.b
UU længere forløb Planlægning af tema Fag: UU Klasse: 4.b Mål: Eleverne skal opleve, mærke og indse, at de har medansvar for og medindflydelse på at udarbejde en værdifuld løsning til en problemstilling
Læs mereProduktion og workflow STINE D. LAURSEN
Produktion og workflow STINE D. LAURSEN Website til terapeut Stine D. Laursen Stine er nystatet som terapeut og behøvede en hjemmeside for at markedsføre sig selv til omverdenen. Hjemmesiden skulle ikke
Læs mereTjek-liste. Har du styr på dine digitale vaner og værktøjer? Tjeklisten er udarbejdet af Karin Høgh og Lisbeth Scharling
Tjek-liste Har du styr på dine digitale vaner og værktøjer? Det har jeg styr på Kan vente Haster Tjeklisten er udarbejdet af Karin Høgh og Lisbeth Scharling Sådan bruger du tjeklisten: Bruge en times tid
Læs mereFacebook Annoncering. 4 timers kursus. Bliv skarp på Annoncering med de nye regler på Facebook
Facebook Annoncering 4 timers kursus Bliv skarp på Annoncering med de nye regler på Facebook Sociale Medier Sociale medier er en fællesbetegnelse for digitale tjenester, hvor brugere selv kan skabe og
Læs mereGruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt
Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk
Læs mereABCD- E-Learning UDVIKLING
ABCD- E-Learning 2018 Prolearning ApS ABCD- E-Learning Når du skal udvikle e-læring bliver dine evner for alvor udfordret: Redigering af billeder, tegning af interaktive figurer, lyd- og videoredigering
Læs mereGRAFISK WORKFLOW WEBSITE - CHOCOADDICT
GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der
Læs mereFå optimeret dit firmas website til mobilen og styrk dit image ud af til.
Få optimeret dit firmas website til mobilen og styrk dit image ud af til. Hvorfor? Vi danskere vil være på nettet overalt. Og det kan ses på mængden af datatrafik, vi henter og sender til og fra vores
Læs mere1. Indledning. 2. Laswell s fem spørgsmål. Hvem (afsender) Siger hvad (budskab)
Indholdsfortegnelse 1. Indledning... 2 2. Laswell s fem spørgsmål... 2 Hvem (afsender)... 2 Siger hvad (budskab)... 2 I Hvilken Kanal (Mediet)... 3 Til Hvem (Modtageren)... 3 Og Med Hvilken Effekt (Virkningen)...
Læs mereBRUGERCENTRERET DESIGN.
BRUGERCENTRERET DESIGN. AGENDA. Velkomst og introduktion Brugercentreret design Kaffepause og netværk Implementering af brugercentreret design i en virksomhed Afslutning BRUGERVENLIGHED. BRUGERVENLIGHED.
Læs mere14-2-2013 ROSKILDE TEKNISKE GYMNASIUM KLIMAFORANDRINGER. Roskilde Tekniske Gymnasium Teknologi Christian, Sarah og Emma
14-2-2013 ROSKILDE TEKNISKE GYMNASIUM KLIMAFORANDRINGER Roskilde Tekniske Gymnasium Teknologi Christian, Sarah og Emma Indhold: Indledning Problemformulering Projekt beskrivelse Produktbeskrivelse Produktvurdering
Læs mereBrugertilfredshedsundersøgelse. www.webstatus.dk. DMI www.dmi.dk
Brugertilfredshedsundersøgelse www.webstatus.dk DMI www.dmi.dk Januar 2009 Om undersøgelsen Undersøgelsen er foretaget som en pop-up spørgeskemaundersøgelse på www.dmi.dk. Undersøgelsen er gennemført med
Læs mereKevin Matin Teis Nielsen
Kevin Matin Teis Nielsen 11-05-2015 Hvem Afsenderen i dette projekt er Kevin Matin og Teis Nielsen som begge er 1 års elever i klasse 1.1 på Roskilde Tekniske Gymnasium. Hvad Det budskab som vi prøver
Læs mereGRAFISK WORKFLOW. Kasper Staal - Portfolio - H2
GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer
Læs mereWBS. Inledning. Afsluttende projekt 1. sem
MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.
Læs mereTrin for trin guide til Google Analytics
Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent
Læs mereTema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe
Tema 1 Gruppe 6 Mads Balslev & Kristian Gasberg Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe Link http://des-iis.ucn.dk/mmda0914/1034387/ Database Mmda0914/1034387 Indledning Til dette projekt
Læs mereGrafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier
Læs mereBrugertilfredshedsundersøgelse. www.webstatus.dk
Brugertilfredshedsundersøgelse www.webstatus.dk www.dmi.dk DMI 12. september 2008 Om undersøgelsen Undersøgelsen er foretaget som en pop-up spørgeskemaundersøgelse på www.dmi.dk. Undersøgelsen har kørt
Læs mereProjekt - Valgfrit Tema
Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde
Læs mereDATA INDSAMLING KAP. 7 DATA ANALYSE KAP. 8
INTERAKTIONSDESIGN KURSUS Q3 2013 DATA INDSAMLING KAP. 7 DATA ANALYSE KAP. 8 MARIANNE GRAVES PETERSEN ASSOCIATE PROFESSOR AARHUS UNIVERSITY mgraves@cs.au.dk Tavs viden er Det brugerne ikke kan fortælle
Læs mereeksamensprojekt 2. sem
Multimediedesigner Klima 2009 Virksomheder i en klimakontekst eksamensprojekt 2. sem maj - juni 2009 www.cphnorth.dk Trongårdsvej 44 DK 2800 Kgs. Lyngby 1. Opgaven Indledning: I december 2009 skal Danmark
Læs mereBrugertilfredshedsundersøgelse. www.webstatus.dk DMI
Brugertilfredshedsundersøgelse www.webstatus.dk DMI http://www.dmi.dk 11. marts 2010 Om undersøgelsen Undersøgelsen er foretaget som en pop-up spørgeskemaundersøgelse på http://www.dmi.dk. Undersøgelsen
Læs mereINTERAKTIONSDESIGN Q3 2014 DATA ANALYSE KAP. 8. MARIANNE GRAVES PETERSEN ASSOCIATE PROFESSOR AARHUS UNIVERSITY mgraves@cs.au.dk
INTERAKTIONSDESIGN Q3 2014 DATA ANALYSE KAP. 8 MARIANNE GRAVES PETERSEN ASSOCIATE PROFESSOR AARHUS UNIVERSITY mgraves@cs.au.dk Interaktionsdesign processen Identificer brugernes behov og etabler krav til
Læs mereMultimediedesigner. Vedvarende. energi
Multimediedesigner Vedvarende energi Eksamensprojekt 2. sem. maj. 2014 - jun. 2014 Problemstilling Vedvarende energi er en samlebetegnelse for bioenergi, vindenergi, solenergi og andre teknologier, der
Læs mereResultater af prototypetesten
Resultater af prototypetesten Vi har prototypetestet use casene 1, 2, 4 og 5 1. For at undersøge, om vores prototypetest var forståelig for brugerne afholdt vi først en pilottest med en testperson for
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt
Læs mereForstå brugbarheden af Google Analytics på 10 minutter
Forstå brugbarheden af Google Analytics på 10 minutter Hvad er Google Analytics? Hvem kan bruge det? Hvad kan Google Analytics bruges til? Google Analytics viser dig hvor dine kunder har fundet frem til
Læs mereReflekstions artikel
Reflekstions artikel Kommunikation/IT er et fag hvor vi lærer at kommunikere med brugeren på, og hvorledes mit produkt skal forstås af brugeren. Når man laver en opgave i faget, er det brugeren der lægges
Læs mereFacebook for kr.
Facebook for 5.000 kr. Middelfart Sparekasse 28. nov. 2018 Middelfart Sparekasse Lokal og digital Lokal forankring og nærhed til kunderne er (måske) en styrke i en digitaliseret verden Vores agenda o Kort
Læs mereDesignGuide. Gruppe B13. Olga Batrakova Nadezda Christersen Svetlana Koshman.
DesignGuide Gruppe B13 Olga Batrakova Nadezda Christersen Svetlana Koshman http://www.deleklub.dk/html_customized/web/sneakerscoffee014/index.html DesignGuide / Sneakers & Caffee / Gruppe B13 1 KONCEPTET
Læs mereFå det fulde udbytte af din kommunikation. En quick guide til en travl hverdag
Få det fulde udbytte af din kommunikation En quick guide til en travl hverdag Det er ingen hemmelighed, at det tager rigtig lang tid at skrive et nyhedsbrev, en blog, en opdatering på diverse medier;
Læs mereWebside score pre-r.com
Webside score pre-r.com Genereret Januar 08 2016 17:33 PM Scoren er 67/100 SEO Indhold Titel Pre-R Mobile Urgent Care in San Luis Obispo, CA Længde : 49 Perfekt, din titel indeholder mellem 10 og 70 bogstaver.
Læs mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereWebside score klearvue.com
Webside score klearvue.com Genereret Juli 17 2017 06:24 AM Scoren er 51/100 SEO Indhold Titel KlearVue Længde : 8 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)
Læs mereDAGSORDEN. 1. Mobil prototype. 2. Service i forhold til OOOJA. 3. Slut.
DAGSORDEN 1. Mobil prototype. Den mobile prototype Heuristisk inspektion af prototypen Tænke højt test af prototypen 2. Service i forhold til OOOJA 3. Slut. Service Gap-servicemodellen Fokus interview
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mereJosephine Ahm Til id på de sociale medier for B2B virksomheder 1 Inspirationsaften v/ Lasse Ahm Consult 16/03/2017
1 Overvej, hvad tillid betyder for dig. Det kan både være i personligt regi og i professionelt regi. Måske er det faktisk ikke så forskelligt fra hinanden. Skriv det ned på en seddel, så du bliver tvunget
Læs mereHvem behøver en Fan side?
Facebook Fan sider er en fantastisk måde at promovere en virksomhed på, og en vigtig del af enhver social media marketing plan. Oprettelse af en grundlæggende side er ikke så kompliceret, men at skabe
Læs mereBilag 3A.7 Brugergrænseflader
Bilag 3A.7 Brugergrænseflader Version 0.8 26-06-2015 Indhold 1 VEJLEDNING TIL TILBUDSGIVER... 3 2 INDLEDNING... 4 3 USER EXPERIENCE GUIDELINES (UX-GUIDELINES)... 5 3.1 GENERELLE UX-GUIDELINES... 5 3.1.1
Læs mere