BRUGERVENLIGT RESPONSIVT WEBDESIGN. EyeReply Guidelines !!! EyeReply! Improve your visual reach. EyeReply ApS - Oktober 2014

Størrelse: px
Starte visningen fra side:

Download "BRUGERVENLIGT RESPONSIVT WEBDESIGN. EyeReply Guidelines !!! EyeReply! Improve your visual reach. EyeReply ApS - Oktober 2014"

Transkript

1 EyeReply Guidelines BRUGERVENLIGT RESPONSIVT WEBDESIGN EyeReply ApS - Oktober 2014 Side 1

2 RESPONSIVT DESIGN - HVAD KRÆVER DET? GRUNDLÆGGENDE FUNKTIONALITET DER SKAL VÆRE PÅ PLADS Grids der tilpasser sig skærmstørrelsen. Billeder der er skaleret relativt til skærmstørrelsen. Style sheet som ændres baseret på vinduesstørrelse og browsertype. OVERVEJELSER OMKRING NYE INTERAKTIONSPARADIGMER OG HVORDAN DE INTEGRERES Interaktionspunkter skal have en størrelse, så de let kan rammes med tommeltotten eller klikkes på med musen. Ikoner har fået en ny værdi i RWD de fungerer som knapper og synliggør interaktion med menuer på tværs af platforme. Billede fra: Magentotutorial.net Infinite scroll er et oplagt interaktionsvalg, fremfor paging, for alle sidetyper. Navngivning i niveau 1 menuen er vigtigere end nogensinde - Menupunktet skal kunne stå alene uden at have niveau 2 i menuen til at danne en forståelig helhed. TILTAG DER GØR EN RESPONSIVE WEBLØSNING ENDNU MERE BRUGBAR Hastighed der er i top, så billeder, navigation og det øvrige indhold hentes hurtigt. En komplimenterende oplevelse til desktoppen, ikke bare mobil venlig. En gnidningsløs oplevelse på tværs af platforme. 67% højre tommeltot 33% venstre tommeltot kilde::http://www.uxmatters.com/mt/archives/2013/02/ how-do-users-really-hold-mobile-devices.php Billeder fra: %28graphical_user_interfaces%29 og Side 2

3 VISUELT DESIGN - FORSKELLIGE SKÆRMSTØRRELSER EFFEKTIV SKÆRMKOMMUNIKATION PÅ TVÆRS AF SKÆRMSTØRRELSER Brug gridstørrelser der gør det nemt at knytte info sammen. Definer informationen i spalter med margin og whitespace for at hjælpe hjernen til at finde struktur på siden. Minimer den kognitive belastning ved at bruge få elementer i lister og menuer, så der skabes et hurtigere overblik. Brug headlines, farver, kontraster, former og billeder der effektivt fanger opmærksomheden til at bringe brugeren rundt på skærmen. element 1 Billede fra: Anvend en gridstørrelse der hjælper brugeren med at knytte informationen sammen. element 2 element 3 element 4 element 5 Anvend et overskueligt antal listelementer. Ring eller skriv til EyeReply så hjælper vi med brugerevaluering af strukturen i jeres informationsarkitektur eller en eyetracking der afdækker om informationen ses og om jeres interface er overskueligt, og nemt at anvende og navigere i for jeres brugere , Side 3

4 VISUELT DESIGN - FRA STOR SKÆRM TIL LILLE SKÆRM NÅR INDHOLD FRA DEN STORE SKÆRM SKAL NED PÅ DEN LILLE SKÆRM Fokuser på at vise kerneindholdet; 1) Prioriter indholdet via brugerindsigter, 2) Afdæk brugen af den specifikke platform og 3) Vælg det indhold der passer til behov og brugssituation på den givne platfom. Reducer baggrundsbilleder og teksturer (mobile enheder øger opmærksomheden og fokus hos brugerne så der skal larmes mindre i interfacet for at fange opmærksomheden). Fjern unødvendigt white space, linjeskift og visuelt støj imellem budskaberne. Anvend eventuelt nemt afkodelige ikoner som genkendelige call-to-actions. VISUELT DESIGN - STOR SKÆRM VS LILLE SKÆRM - FORSKELLE vs Flerspalte layout der ikke kan overskues samtidigt. < > Enkeltspaltelayout der ikke er bredere end at det kan overskues. Mere plads mere information. < > Mindre plads mindre information. Mere plads giver ofte mere støj. < > Mindre plads giver mere fokus på specifikt indhold. Sværere at fange opmærksomheden i den, for afkodningen, rette rækkefølge. < > Det er hurtigt at afkode hvad der er på skærmen. Sværere at zoome ind for brugeren og finde detaljen. < > Sværere at zoome ud for brugeren og få overblikket. Ring eller skriv til EyeReply så hjælper vi med brugerindsigter og prioriteringsprocessen omkring indholdet. Herudover tester vi med eyetracking om jeres interface virker på en stor såvel som en lille skærm , Side 4

5 VISUELT DESIGN - TEKST & LÆSBARHED TEKST & LÆSBARHED PÅ DEN STORE SKÆRM Sikre at teksten er læsbar og ikke forsvinder ind i baggrunden (især hvis den er anbragt på billeder). Bredt centreret layout som fylder browservindue helt ud (men vær stadig opmærksom på at ikke alle har wide-screen). Brug en regulær skrift der er læsbar på en skærm, fed tekst til tekst der skal skille sig ud og tiltrække opmærksomhed. 60 tegn per linje er et godt udgangspunkt på desktop, når en tekst skal læses. TEKST & LÆSBARHED PÅ DEN LILLE SKÆRM Gør ikke overskrifterne for store. På en stor skærm er det nødvendigt at bruge meget synlige overskrifter for at fange opmærksomheden på et stort areal blandt meget andet, dette er ikke nødvendigt på en lille skærm. Gør ikke brødteksten for lille (skal kunne læses uden at zoome). Justering af linjeafstand på mobil if til desktop kan have en positiv betydning for læsbarheden. Tynd skrift kan bruges på mobil men kan give problemer på desktop hvor en federe skrift ofte er god tegn per linje er et godt udgangspunkt på mobilen, når en tekst skal læses. Ring eller skriv til EyeReply så hjælper vi med at teste brugernes forståelse af jeres redaktionelle indhold gennem brugerinterviews samt læsbarheden af jeres tekster via en eyetracking , Side 5

6 VISUELT DESIGN - VISUELLE HIERARKIER VISUELLE HIERARKIER PÅ DEN STORE SKÆRM Led opmærksomheden hen på det vigtigste (redaktionelle) indhold med tydelige overskrifter, farver, kontraster og billeder som trigger det perifere syn (gør det vigtigste mest synligt). Undgå for meget støj og mange elementer på siden. Gør hovedbudskabet visuelt tydeligt, så det fanger opmærksomheden inden for de første 2-3 sekunder. Gør call-to-action visuelt tydeligt i et klart sprog. VISUELLE HIERARKIER PÅ DEN LILLE SKÆRM Brug mindre proportioner mellem overskrift og brødtekst. Brug mindre afstand for at differentiere hierarkiet omkring overskrifter. Brug i stedet andre værktøjer som eksempelvis kontrast, farve og fed skrift til at definere hierarkiet. Brug en enkelt simpel margin for at undgå at spilde pladsen. Ring eller skriv til EyeReply så hjælper vi med at afdække om jeres informationshieraki er effektivt og om brugerne for den rette information på det rette tidspunkt , Side 6

7 VISUELT DESIGN - BILLEDER & GRAFIK BILLEDER & GRAFIK PÅ DEN STORE SKÆRM Brug billeder til at styre afkodningen af siden og til at trække blikket hen på de vigtigste budskaber først. Brug billeder i kontekst til at understrege pointer, skabe tryghed og troværdighed. Brug farver og kontraster til at styre blikket rundt på siden i den rækkefølge budskabet bør afkodes. BILLEDER & GRAFIK PÅ DEN LILLE SKÆRM Billede fra: Skaler billeder relativt ift skærmen, undgå billeder der går ud over kanten på den mobile skærm. Sørg for at detaljegraden i billedmaterialet er høj nok til at brugeren kan afkode indholdet uden at skulle zoome unødvendigt. Undgå at der er for stor afstand mellem billed og billedtekst og for massive farvefelter så siden som bryder siden op. Ring eller skriv til EyeReply så hjælper vi med at afdække brugernes oplevelse af jeres billeder og grafik, og om billederne sender det rigtige budskab og fanger opmærksomheden effektivt via interviews og/eller en eyetracking , Side 7

8 VISUELT DESIGN - DEN LILLE FORSKEL VED EN LILLE SKÆRM TILTAG DER KAN GØRE OPLEVELSEN PÅ EN LILLE SKÆRM MEGET MERE TILGÆNGELIG Yderligere info eller hjælp der indgår i kontekst, så det er tilgængeligt hvor der er brug for det. Undgå pop-up. Sørg for at det vigtigste redaktionelle indhold vises helt i toppen af siden. Udnyt at løsningen er på en mobil platform og gør det nemt at anvende f.eks. telefonen. Led brugeren videre ved at have tilbage til top, eller navigation videre i bunden af siden. Kollaps kolonner i tabeller som ikke kan være på skærmen pga skærmbredden, undgå scroll og at det bliver nødvendigt at zoome ind eller ud. HERUDOVER Forstå brugen af den specifikke platform. Forstå brugssituation som løsningen indgår i. Forstå brugernes motiver og behov. Ring eller skriv til EyeReply så hjælper vi med viden omkring den specifikke platform, med at analysere brugssituationen, motiver og behov hos jeres brugere , Side 8

9 COOKIE ART INGEN KONVENTIONER ENDNU Billede fra: switchboard.org.uk/cookie-policy-2/ Side 9

10 DIGITAL KOMMUNIKATION MÅL DIN WEBINDSATS Kontakt EyeReply og hør hvordan I kan evaluere jeres digitale løsning. Side 10

11 EYEREPLY BRUGERTESTER VIA TRADITIONELLE METODER KOMBINERET MED EYETRACKING Eyetracking udstyr: Tobii X skærm, Mobile eyetracking til tablet og smartphone UX-Lab i det centrale København Typisk proces for hver respondent 1. (5 min) Brief og forinterview. 2. (25 min) Respondenten udfører opgaver på desktop, tablet og mobil og interviewes efterfølgende. Tid og sted En almindelig undersøgelse tager fra et par dage og op til et par uger, alt efter kompleksiteten. Vi laver undersøgelsen hvor målgruppen er og har gode partnere og felt-erfaring i mange verdensdele. 3. (10 min) Udfyldelse af spørgeskema. Interviewvarighed for hver respondent ca. 40 minutter. EyeReply HQ Rekruttering Respondenterne er rekrutteres gennem vores eget brugerpanel og delvist gennem eksterne rekrutteringspartnere, alt efter målgruppedefinitionen. Alle respondenterne benytter som udgangspunkt smartphone og/eller tablet udover desktop til at gå på internettet. US Lokal eyetracking partner med lokationer i supermalls i 14 stater. Globale INDIEN & KINA Lokalt velafprøvet eyetracking netværk og stor erfaring med feltarbejde. eyetracking, UX og market research erfaringer med et netværk i 21 lande. Side 11

12 OM EYEREPLY KOMMUNIKATION ER INTET UDEN OPMÆRKSOMHED EyeReply er passionerede omkring optimering af visuel opmærksomhed, motivation og brugeroplevelse. Vi er dedikerede til at sikre dit brand, budskab og produkt bliver set og brugt. Gode købs- og brugeroplevelser kræver at kundskaben at kommunikere effektivt visuelt og kombineres optimalt med æstetikken og kvalitetsoplevelsen i designet. Giv brugerne en helhedsoplevelse, der brænder sig fast og som er effektiv, intuitiv og enkel. Vi kan godt lide traditionelle undersøgelsesmetoder, men også nye teknologier og innovative tilgange til at måle visuel effektivitet og brugeroplevelse. Vi tror på, at vi gennem innovativ tænkning er i stand til at flytte grænserne for vores indsigt, og dermed ikke kun svare på hvad, der fungerer i en given situation, men også hvorfor, det fungerer. Vi finder vores inspiration i blandt andet eyetracking, neurovidenskab, computer-videnskab, psykologi, psykometri, biometri, socialøkonomi, brugeroplevelse, usability, menneske-maskine interaktion, ergonomi, fysiologi, kognition og mange andre steder. BAG EYEREPLY Sofie Bech mob: Sofie har mere end 10 års erfaring i analysebranchen inden for brugervenlighed og brugercentreret design. Kvalitativ analyse er Sofies fokusområde. Eyetracking er en del af metodeapparatet og kombineres sammen med de kvalitative interviews for at skabe solid viden. Sofie har rådgivet og leveret analyser til bl.a. TDC, DR, Udenrigsministeriet, Codan, Virk.dk, ATP og Berlingske Media. Jakob de Lemos mob: Jakob er ekspert i evaluering af opmærksomhed, visuel perception og kommunikation via traditionelle metoder samt biometriske mål. Jakob har mere end 10 års erfaring med eyetracking, forbrugerindsigt og softwareudvikling og har modtaget et patent for sit arbejde inden for området. Jakob har med succes har kombineret traditionelle kvalitative og kvantitative analysemetoder med de seneste modeller indenfor evaluering og kvantificering af visuel opmærksomhed, motiv- og behovsanalyse. Teknikker som bliver anvendt af mange virksomheder i dag. Jakob har leveret know-how og rådgivet virksomheder som P&G, Nestlé, Givaudan, Arla, McDonald s, Telenor, Nordea, Carlsberg, ATP og Kraft Foods blandt mange andre. Kontakt info: EyeReply aps Læderstræde 15, 1. sal 1201 København H Mail: Tlf: Kunder som vi blandt andre har løst opgaver for det seneste år (referencer ved forespørgsel): Side 12

13 OPHAVSRET Alle rettigheder til guidelines, brugertestmateriale, know-how, teknikker, metoder, tabellayout, skemaer, billeder, datamateriale og tekster i EyeReply Guidelines - Brugervenligt Responsivt Webdesign tilhører EyeReply ApS, med mindre andet er angivet - og må ikke anvendes uden forudgående tilladelse fra EyeReply ApS. Repræsenterer du et nyhedsmedie, er du velkommen til at citere og gengive indhold fra Guidelines #2 - Brugervenligt responsivt design så længe det sker på en loyal måde og med tydelig kildeangivelse (Kilde: EyeReply ApS). Uden en forudgående tilladelse fra EyeReply må tekst, tabeller eller billeder fra guidelines ikke "embeddes" på andre hjemmesider. Alle er velkomne til at sende guidelines rundt i komplet uredigeret form, men du må ikke klippe i guidelines og vise dele heraf i egne præsentationer eller på internettet. Ønsker du at anvende dele af guidelines herunder tabeller og tekst i en anden kontekst så kontakt os på Side 13

14 Tak for opmærksomheden Telefon: Side 14

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

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å

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å 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 mere

Ugeopgave uge 40 Hold A

Ugeopgave uge 40 Hold A Ugeopgave uge 40 Hold A Gruppe: Don Pablos Emil Vollandt, Mathias Smidt, Jacok Kremmer & Alek Modin http://www.fuliktiv.dk/kea/cinnober/landingpage.html Navn: Password: keammd kode2015 Analyse Kommunikation

Læs mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

Læs mere

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt. Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil

Læs mere

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk

Website 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 mere

Release notes Januar 2014

Release notes Januar 2014 Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅ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 mere

Silkeborg Review Mine sider

Silkeborg Review Mine sider Silkeborg Review Mine sider Datagrundlag Det er vigtigt, at de informationer man viser kan hentes let (hurtigt) fra bibliotekssystemet eller Brønden. Det vil betyde rigtig meget for hastighed i præsentationen

Læs mere

ActiveBuilder Brugermanual

ActiveBuilder Brugermanual ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Case: http://www.julius-nielsen.dk/

Case: http://www.julius-nielsen.dk/ Case: http://www.julius-nielsen.dk/ Hjemmesidens formål og målgruppe Formålet med hjemmesiden må være at informere potentielle kunder om firmaet, da hjemmesiden indeholder informationer om firmaets historie,

Læs mere

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664 SENIOR LAND Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096 Iben Michalik ibenmic@hotmail.com +45 2877 0664 Michael Himmelstrup eycoco@gmail.com +45 2720 7222 Peter Stillinge Dong peterstillinge.dong@gmail.com

Læs mere

Sensus. Grafisk design og tilgængelighed

Sensus. Grafisk design og tilgængelighed Grafisk design og tilgængelighed Mange tilgængelighedsproblemer bliver skabt allerede i forbindelse med udviklingen af netstedets grafiske udtryk. Tilgængelige netsteder er ikke nødvendigvis ensbetydende

Læs mere

AAU WEBDESIGN FORBEDRINGER TIL AAU WEBDESIGN PÅ BAGGRUND AF FEEDBACK FRA ORGANISATIONEN SEPTEMBER 2015

AAU WEBDESIGN FORBEDRINGER TIL AAU WEBDESIGN PÅ BAGGRUND AF FEEDBACK FRA ORGANISATIONEN SEPTEMBER 2015 AAU WEBDESIGN FORBEDRINGER TIL AAU WEBDESIGN PÅ BAGGRUND AF FEEDBACK FRA ORGANISATIONEN SEPTEMBER 2015 BAGGRUND FOR FORBEDRINGERNE FORLØB Feedback fra hele AAU indmeldt via fakulteter, institutter, skoler,

Læs mere

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016

Grafisk 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 mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering 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 mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

Læs mere

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist. Ekspertvurdering Antal af eksperter: 1 Tid brugt til evaluere website: 2 timer. Konklusion: Da jeg gennemgik sitet for fejl, mangler og problemer fandt jeg hurtigt ud af, at det største issue var tekst,

Læs mere

8. 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 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 mere

Redesign af website. Gruppe 27: Fanøfærgen. Website: Feelgood Bakery. Link til redesign: http://madsklarlund.dk/feelgoodbakery/

Redesign af website. Gruppe 27: Fanøfærgen. Website: Feelgood Bakery. Link til redesign: http://madsklarlund.dk/feelgoodbakery/ Redesign af website Gruppe 27: Fanøfærgen Website: Feelgood Bakery Link til redesign: http://madsklarlund.dk/feelgoodbakery/ Dagmar Büchert Julie Otzen Mads Klarlund Mathias Duhn Larsen 2. Koncept & idé

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK 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 mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

Læs mere

Bedre brugeroplevelser! Hvad gør Erhvervsstyrelsen i Danmark? Altinndagen 1.december 2014

Bedre brugeroplevelser! Hvad gør Erhvervsstyrelsen i Danmark? Altinndagen 1.december 2014 Bedre brugeroplevelser! Hvad gør Erhvervsstyrelsen i Danmark? Altinndagen 1.december 2014 Hvad vil vi gerne dele med jer i dag? Kort om os Erhvervsstyrelsen, brugervenlighed og VIRK v. Hanne Vestergaard

Læs mere

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

VISUELLE GUIDELINES FOR LOG-IN OG SIGNERING MED NEMID. Guide til udseende, sprog og struktur for tjenester, der bruger NemID.

VISUELLE GUIDELINES FOR LOG-IN OG SIGNERING MED NEMID. Guide til udseende, sprog og struktur for tjenester, der bruger NemID. VISUELLE GUIDELINES FOR LOG-IN OG SIGNERING MED NEMID Guide til udseende, sprog og struktur for tjenester, der bruger NemID. November 2015 Indhold Dokumentet indeholder anbefalinger og råd til integration

Læs mere

Kreativt brief. Line Hasse Kirkegård - HOLD B. Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio

Kreativt brief. Line Hasse Kirkegård - HOLD B. Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio Webdesign processen Line Hasse Kirkegård - HOLD B Kreativt brief Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio Jeg har taget udgangspunkt i casen:

Læs mere

4 TRIN TIL EN LINKEDIN-PROFIL, DER SÆLGER

4 TRIN TIL EN LINKEDIN-PROFIL, DER SÆLGER 4 TRIN TIL EN LINKEDIN-PROFIL, DER SÆLGER AT ARBEJDE MED SALG PÅ LINKEDIN FRA EN MIDDELMÅDIG PROFIL, SVARER TIL AT PRØVE AT KØRE STÆRKT I EN BIL UDEN DÆK Din salgssucces på LinkedIn er dybt afhængig af

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Projekt redesign af Kyoto.dk Hold A - gruppe 20

Projekt redesign af Kyoto.dk Hold A - gruppe 20 Projekt redesign af Kyoto.dk Hold A - gruppe 20 INDHOLD I RAPPORTEN Analyse, persona og idégenerering Wireframes og styletiles Layoutdiagrammer Uddrag af kode Evaluering s feedback Reflektion og reslutat

Læs mere

Hvad bør du vide om layout og typografi

Hvad bør du vide om layout og typografi Hvad bør du vide om layout og typografi Når man vil lave en tekst, som andre skal læse, er det vigtigt at vælge en skrifttype, der er motiverende og inspirerende at læse for målgruppen. Derfor bør man

Læs mere

Visuelle guidelines for log-in og signering med NemID. Guide til udseende, sprog og struktur for tjenester der bruger NemID.

Visuelle guidelines for log-in og signering med NemID. Guide til udseende, sprog og struktur for tjenester der bruger NemID. Visuelle guidelines for log-in og signering med NemID Guide til udseende, sprog og struktur for tjenester der bruger NemID. Om dette dokument Indhold I dette dokument kan du finde anbefalinger og råd til

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

I DAG SKAL VI TALE. Gode design råd: Sådan gør du i praksis

I DAG SKAL VI TALE. Gode design råd: Sådan gør du i praksis THE POWER OF DESIGN I DAG SKAL VI TALE - Hvordan du skiller dig ud med en gennemtænkt identitet - - Hvordan du skaber gode oplevelser med User Experience Design (UX Design) - + Gode design råd: Sådan gør

Læs mere

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating GRAFISK WORKFLOW Hjemmeside design til Chem-Tec Plating REDEGØRELSE Hvad går opgaven ud på Virksomheden Chem-Tec Plating, som specialisere sig i metallisk overfladebehandling, havde været igennem et generationsskiftet

Læs mere

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

Bilag 4. Beskrivelse af test og målinger af kvalitet (front end)

Bilag 4. Beskrivelse af test og målinger af kvalitet (front end) Bilag 4 Beskrivelse af test og målinger af kvalitet (front end) 1. Kvalitetsmålene Kunden ønsker, at websitet skal opfylde følgende kvaliteter, som vi kort uddyber vores tilgang til. Sjovt og originalt

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & 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 mere

Lav din egen forside i webtrees

Lav din egen forside i webtrees Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

8 tips og tricks der sender din webshop i superligaen

8 tips og tricks der sender din webshop i superligaen 8 tips og tricks der sender din webshop i superligaen Indhold Intro Kend dine besøgende Gør valget simpelt og vind kunder Sådan får du en optimeret kategoriside Eksempler på to gode kategorisider Brug

Læs mere

Pixlr - vejledning Udarbejdet februar 2014

Pixlr - vejledning Udarbejdet februar 2014 Pixlr - vejledning Udarbejdet februar 2014 www.skive.dk 2.1 Billedbehandlingsprogrammet Pixlr.com Til redigering af et billede kan du med fordel benytte webtjenesten Pixlr, som du kan tilgå fra hvilken

Læs mere

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk

- 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 mere

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

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

Læs mere

Afsnitstyper Susanne V. Andersen

Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj 2005 Programdatateket 1. oplag, november 2005 ISBN 87-984429-5-3 Forfatter: Susanne V. Andersen

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

InfoGalleri i detaljer

InfoGalleri i detaljer InfoGalleri i detaljer InfoGalleri er et digitalt formidlingsværktøj, der hjælper dig til at kommunikere bedre med dine brugere ved brug af storskærme. Ved hjælp af vores brugervenlige redaktionsværktøj,

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // 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 mere

Grafisk Design 70% Skitser

Grafisk 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 mere

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.

Læs mere

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende 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 mere

ATP s digitaliseringsstrategi 2014-2018

ATP s digitaliseringsstrategi 2014-2018 ATP s digitaliseringsstrategi 2014-2018 ATP s digitaliseringsstrategi samler hele ATP Koncernen om en række initiativer og pejlemærker for digitalisering i ATP. Den støtter op om ATP Koncernens målsætning

Læs mere

WBS. Inledning. Afsluttende projekt 1. sem

WBS. 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 mere

Løsningsbeskrivelse og visuelle guidelines Dokumentet er en del af NemID tjenesteudbyderpakken.

Løsningsbeskrivelse og visuelle guidelines Dokumentet er en del af NemID tjenesteudbyderpakken. Løsningsbeskrivelse og visuelle guidelines Dokumentet er en del af NemID tjenesteudbyderpakken. p. 1-16 Løsningsbeskrivelse og visuelle guidelines Indhold Hvad er NemID?... 3 NemID på din hjemmeside...

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

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

Den fælleskommunale digitaliseringsstrategi består af projekter på følgende fire fagområder: Webstrategi Rammen Dette er Faaborg-Midtfyn Kommunes første udgave af en webstrategi, version 1.0, der gælder for 2013 og har fokus på den umiddelbare opgave at understøtte kerneydelser på nettet. Webstrategien

Læs mere

Analyse af websiden FeelgoodBakery.dk

Analyse af websiden FeelgoodBakery.dk 1.semester Multimediedesign Gruppe:Alba,Jacqueline,NadiaogAnneMai Uge40 Gruppeopgave Analyse af websiden FeelgoodBakery.dk Link til redesign af webside: http://nadiacah.com/uge40/landingpage.html Hvem

Læs mere

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

Et 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 mere

Sådan bruger du ibog. Styrk dine digitale kompetencer og læring

Sådan bruger du ibog. Styrk dine digitale kompetencer og læring Sådan bruger du ibog Styrk dine digitale kompetencer og læring Hvad kan en ibog? Udnytter internettets dynamiske kvaliteter og gør undervisningen mere levende Gør det muligt at løse interaktive opgaver

Læs mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

Læs mere

Dokumentation. Grafisk Design

Dokumentation. Grafisk Design Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide

Læs mere

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

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL: MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël Unique Landscapes URL: http://sillenoel.com/uniquelandscapes/index.html 1 7. Ekspertvurdering Kvalitetsvurdering af Unique Landscapes nuværende website.

Læs mere

Skærmlayout på websiden

Skærmlayout på websiden Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis

Læs mere

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

Læs mere

INTUITIV KOMMUNIKATION MELLEM MENNESKE OG MASKINE

INTUITIV KOMMUNIKATION MELLEM MENNESKE OG MASKINE Menneske og maskine: INTUITIV KOMMUNIKATION MELLEM MENNESKE OG MASKINE V/PSYKOLOG THOMAS KOESTER, AFDELINGEN FOR ANVENDT PSYKOLOGI Overskrifter Ny teknologi og intuitive betjeningspaneler Kommunikation

Læs mere

grafisk design Se webappen på din mobil

grafisk design Se webappen på din mobil ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil

Læs mere

Tilgængelighedsmanual Århus kommunes hjemmeside

Tilgængelighedsmanual Århus kommunes hjemmeside Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk sensus@sensus.dk Tilgængelighedsmanual Århus kommunes hjemmeside Version 1.4 Indhold 1 GRUNDLÆGGENDE...

Læs mere

Kommunikation og design Ugeopgave 38 Website. Sarah Winther, Hold B

Kommunikation og design Ugeopgave 38 Website. Sarah Winther, Hold B Kommunikation og design Ugeopgave 38 Website Sarah Winther, Hold B Dato: 18 sep. 2015 Kunde: Subsero Projekt: Ugeopgave 38 Kreativ Brief Case: Digitalt bureau: www.subsero Hvem er afsenderen? Sarah Winther

Læs mere

Skriftlig opgave vedr. brugervenlighed og grafisk design

Skriftlig opgave vedr. brugervenlighed og grafisk design Skriftlig opgave vedr. brugervenlighed og grafisk design Udleveret: Tirsdag den 19.05.2015 Afleveres: Torsdag den 11.06.2015. Skriftlig opgave på maksimum 6 normalsider, der mailes til henholdsvis kahu@ucn.dk

Læs mere

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik Dette dokument indeholder yderligere informationer, tips og råd angående: Tabelfunktionen SmartArtfunktionen Billedfunktionen Samt en ekstra

Læs mere

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

Læs mere

Din genvej til Danmarks mest populære bloggere. Mediekit 2015

Din genvej til Danmarks mest populære bloggere. Mediekit 2015 Din genvej til Danmarks mest populære bloggere Mediekit 2015 Det kan være lidt af en jungle at finde ud af, hvem der vil være den rette ambassadør for dine produkter eller ydelser. Blogly gør det nemt

Læs mere

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden

Læs mere

Hjemmesidens layout. Sitecore Foundry maj Version 1.2

Hjemmesidens layout. Sitecore Foundry maj Version 1.2 Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

EVALUERING AF SPEJDERHYTTER

EVALUERING AF SPEJDERHYTTER EVALUERING AF SPEJDERHYTTER Opstartsmøde, mandag d. 5. juli 2010 DAGSORDEN Præsentation af deltagere Baggrund for evalueringen, v. Jakob Færch, LOA Evalueringens formål Overblik over evalueringsaktiviteter

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Gruppe 16 / redesign af website: Cinnober / 11.03.2016. Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline

Gruppe 16 / redesign af website: Cinnober / 11.03.2016. Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline Redesign af website Gruppe 16: Anja Line Kira Emma Ditte Karoline Indhold Analyse 2-5 Koncept og idé 6 Wireframes 6-7 Styleguide 7 Layout diagrammer 8 Kodning 9 Beskrivelse af test og testresultater 9-10

Læs mere

spild af og få 1000 kroner i lommepenge Aviaja, Martin, Peter og Sofie

spild af og få 1000 kroner i lommepenge Aviaja, Martin, Peter og Sofie Stop mad spild af og få 1000 kroner i lommepenge Design og kreativitet, Maj 2012 Aviaja, Martin, Peter og Sofie OVERORDNEDE TANKER: Ingen løftede pegefingre Brugervenligt og simpelt De unge er ikke nødvendigvis

Læs mere

Analyse af websiden FeelgoodBakery.dk

Analyse af websiden FeelgoodBakery.dk Analyse af websiden FeelgoodBakery.dk Link til redesign af webside: http://nadiacah.com/uge40/landingpage.html Hvem er afsenderen? - Feelgoodbackery Hvem er målgruppen? - Den moderne familiemor - Det moderne-fællesskabsorienterede

Læs mere

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

Hjælp til BoD easyeditor

Hjælp til BoD easyeditor Hjælp til BoD easyeditor 1 TEKST 1.1 Indholdsfortegnelse og kapitler 1.2 Opret og foretag ændringer i nyt kapitel 1.3 Skriv/tilføj 1.4 Formatering/udformning 1.5 Yderligere funktioner 2 BILLEDER 2.1 Upload

Læs mere

IT-UNIVERSITETET I KØBENHAVN

IT-UNIVERSITETET I KØBENHAVN IT-UNIVERSITETET I KØBENHAVN BACHELOR I DIGITALE MEDIER OG DESIGN ITU.dk/uddannelser BLIV BACHELOR I DIGITALE MEDIER OG DESIGN Interesserer du dig for digitale medier og kommunikation? Kunne du forestille

Læs mere

IT-UNIVERSITETET I KØBENHAVN

IT-UNIVERSITETET I KØBENHAVN IT-UNIVERSITETET I KØBENHAVN BACHELOR I DIGITALE MEDIER OG DESIGN ITU.dk/uddannelser BLIV BACHELOR I DIGITALE MEDIER OG DESIGN Interesserer du dig for digitale medier og kommunikation? Kunne du forestille

Læs mere

TESTPLAN: SENIORLANDS WEBSHOP

TESTPLAN: SENIORLANDS WEBSHOP TESTPLAN: SENIORLANDS WEBSHOP Indledning Vi vil i vores brugervenlighedsundersøgelse teste Seniorlands webshop 1. Vi vil teste hvor at webshoppen fungerer set ud fra en bruger af Internet. Vi vil blandt

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK 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 mere

Galleri modul. Side 1 af 18

Galleri modul. Side 1 af 18 Galleri modul Side 1 af 18 Indholdsfortegnelse Indholdsfortegnelse... 2 Installation... 3 Oprette menupunkt... 5 Kategoriseret menupunkt (Avanceret)... 6 Opsætning... 9 Generel opsætning... 10 Opsætning

Læs mere

Afrapportering af HvidovreBibliotekernes markedsføringsprojekt

Afrapportering af HvidovreBibliotekernes markedsføringsprojekt 1 Afrapportering af HvidovreBibliotekernes markedsføringsprojekt Indholdsfortegnelse Indledende research... 2 Projektforslagets mål... 3 Målgruppe... 3 Målgruppebeskrivelse... 3 Kendskabsgrad hos målgruppen...

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

Hassansalem.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 mere

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site. 1 Opstart af et site Opret hovedmappen Opret grafikmappen Opret dit site Mappen skal indeholde alle elementer til dit site. Opret en mappe indeni den første og kald den grafik. Heri lægges alle dine grafikfiler.

Læs mere

Umbraco. Brugerdokumentation

Umbraco. Brugerdokumentation 2 Umbraco Brugerdokumentation Indholdsfortegnelse Generel dokumentation... 3 Hvordan logger jeg ind i CMS et?... 3 Sidertyper... 3 Content... 3 Forside... 3 Sektionsforside... 3 Artikel... 3 Servicemappe...

Læs mere

ØGET FOKUS PÅ SIKKERHED

ØGET FOKUS PÅ SIKKERHED white paper ØGET FOKUS PÅ SIKKERHED er et varslings- og krisehåndteringssystem udviklet af Magenta. Der er et stigende behov for at have systemer, der kan give øget tryghed og sikkerhed på arbejdspladser,

Læs mere

SÅDAN TEGNER DU DIT BUDSKAB - Skil dig ud og få flere kunder WORKBOOK TIL MIT TEGNETRÆNING VIDEO KURSUS

SÅDAN TEGNER DU DIT BUDSKAB - Skil dig ud og få flere kunder WORKBOOK TIL MIT TEGNETRÆNING VIDEO KURSUS WORKBOOK TIL MIT TEGNETRÆNING VIDEO KURSUS VELKOMMEN ER DU KLAR TIL AT LÆRE AT TEGNE DIT BUDSKAB? HUSK mine 5 gode råd START I DET SMÅ SNYD NU LIDT TRO PÅ DINE EVNER SÆT EKSTRA TID AF FIND 3 FAVORITTER

Læs mere

XProtect-klienter Tilgå din overvågning

XProtect-klienter Tilgå din overvågning XProtect-klienter Tilgå din overvågning Tre måder at se videoovervågning på For at skabe nem adgang til videoovervågning tilbyder Milestone tre fleksible brugergrænseflader: XProtect Smart Client, XProtect

Læs mere

Grafisk. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

Læs mere

DSU Dansk Stavgang Union

DSU Dansk Stavgang Union DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier

Læs mere