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

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

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

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

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

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

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

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

- 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

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

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

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

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

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

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

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

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

Responsiv hjemmeside

Responsiv hjemmeside Kom/it niv.a 3.år Responsiv hjemmeside Hospidana Carina Aa Hansen, Mathias Larsen, Peter Lærke 2014 Forord I vores rapport vil man kunne gå ind og læse omkring hvorfor vi har valgt at opbygge vores hjemmeside

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

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

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

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

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

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

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

Silkeborg Review Mine sider

Silkeborg Review Mine sider Silkeborg Review Mine sider Med tilføjelse af lister er der nu review af denne side også. Kommentarerne for lister dækker dermed også den visning, der er på forsiden af lister og interesser, ligesom visning

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

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

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

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

Webredaktørens værktøjskasse

Webredaktørens værktøjskasse Webredaktørens værktøjskasse Indledning Hjemmesider er i dag en nødvendig kommunikationskanal for alle virksomheder, organisationer og myndigheder. Netkommunikation kræver tid og viden. En vellykket hjemmeside

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

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

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

Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside

Tilgængelighedsmanual til CMS et for Københavns 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 til CMS et for Københavns Kommunes hjemmeside Version 1.2

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

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

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

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

Brugervenlighed på internettet

Brugervenlighed på internettet Brugervenlighed på internettet TIMME BISGAARD MUNK og KRISTIAN MØRK Brugervenlighed på internettet - en introduktion Samfundslitteratur Timme Bisgaard Munk og Kristian Mørk Brugervenlighed på internettet

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

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

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

Webstatus. Brugertilfredshedsundersøgelse

Webstatus. Brugertilfredshedsundersøgelse Brugertilfredshedsundersøgelse http://www.radikale.dk Det Radikale Venstre 25. februar 4 Om undersøgelsen Undersøgelsen er foretaget som en pop-up spørgeskemaundersøgelse på http://www.radikale.dk. Der

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

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2.

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. 1 SUMOshop Backend v3 Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. Backend v3 er primært en visuel opdatering i et mere rent og moderne design. Hertil er der en række helt

Læs mere

BEHOVSAFKLARING OG ANBEFALINGER

BEHOVSAFKLARING OG ANBEFALINGER INNOVATIONSPROCES BEHOVSAFKLARING OG ANBEFALINGER TÆNKE HØJT-TEST: BRUGERREAKTIONER & ONLINE KOMMUNIKATION UDFØRT PÅ DIAGNOSTISK CENTER SILKEBORG SEPTEMBER 2014 Opsummering og anbefalinger Workshop d.

Læs mere

Poster design. Meningen med en poster

Poster design. Meningen med en poster Poster design At præsentere et naturvidenskabelig emne er ikke altid lige nemt. Derfor bruges ofte plakater, såkaldte posters, til at fremvise forskning på fx messer eller konferencer. Her kan du finde

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

Læs mere

Af Theis Hansen og Morten Hedetoft, 1.3

Af Theis Hansen og Morten Hedetoft, 1.3 Af Theis Hansen og Morten Hedetoft, 1.3 Typografier: Typografier er er punkt inden for design, som omfatter skrifttyper, linjeafstand/opsætning og linjeafstand altså en hel masse inden for skrift eller

Læs mere

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Usability dokumentation Lavet af Sarina, Maria og René MulB-13 22.11.2013 I forbindelse med ekspertvurderingstests udarbejdes som hovedregel altid

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

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

FORRETNINGSSTRATEGI SUNDHED.DK

FORRETNINGSSTRATEGI SUNDHED.DK FORRETNINGSSTRATEGI SUNDHED.DK INDHOLD 01 Om dokumentet 3 02 Sundhed.dk s forretning 4 02.1 Mission og vision 4 02.2 Sundhed.dk s position og marked 4 02.3 Sundhed.dk s fundament og leverancer 5 02.4 Målgrupper

Læs mere

Word-5: Tabeller og hængende indrykning

Word-5: Tabeller og hængende indrykning Word-5: Tabeller og hængende indrykning Tabel-funktionen i Word laver en slags skemaer. Word er jo et amerikansk program og på deres sprog hedder skema: table. Det er nok sådan udtrykket er opstået, da

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

VEJLEDNING TIL LUDUS, WORD og ONLINE ORDBØGER

VEJLEDNING TIL LUDUS, WORD og ONLINE ORDBØGER VEJLEDNING TIL LUDUS, WORD og ONLINE ORDBØGER VEJLEDNING TIL LUDUS, WORD og ONLINE ORDBØGER INDHOLDSFORTEGNELSE 1. Ludus - Log ind. side 3 2. Ludus - Skriv note til læreren, når du er syg side 4 3. Ludus

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

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

INFLUENCERS. Nemt igang på internettet. Kom hurtigt igang med det du er god til. Klar, start! w w w. i n f l u e n c e r s. d k

INFLUENCERS. Nemt igang på internettet. Kom hurtigt igang med det du er god til. Klar, start! w w w. i n f l u e n c e r s. d k INFLUENCERS Nemt igang på internettet Kom hurtigt igang med det du er god til Klar, start! w w w. i n f l u e n c e r s. d k STOR effekt - billig løsning Hej, jeg hedder Anders Søndergaard, og jeg er selvstændig

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

QUICKQUEST KOM GODT I GANG

QUICKQUEST KOM GODT I GANG QUICKQUEST KOM GODT I GANG SURVEYXACT 2014 Copyrightoplysninger Copyright 2014 Rambøll Management Consulting. Alle rettigheder forbeholdes. Dette dokument må kun gengives (helt eller delvis), kopieres,

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

søgaard co ipaper online katalog - nyt liv til dine pdf filer

søgaard co ipaper online katalog - nyt liv til dine pdf filer ipaper online katalog - nyt liv til dine pdf filer Brochurer, kataloger, blade mm. online ipaper giver brugeren mulighed for - på hjemmesiden - at bladre i dine kataloger, tryksager og brochurer på samme

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

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7 Peter Kragh Hansen Microsoft PowerPoint 2013 DK ISBN nr.: 978-87-93212-07-7 I n d h o l d s f o r t e g n e l s e PowerPoint 2013... 3 Præsentation... 4 Oprettelsen af præsentationer... 5 Skabeloner og

Læs mere

Sundhedsguiden. Børn og unges sundhed. Jozef Indruszewski & Marc Ringsing. Kommunikation/IT C Afsluttende opgave 2010

Sundhedsguiden. Børn og unges sundhed. Jozef Indruszewski & Marc Ringsing. Kommunikation/IT C Afsluttende opgave 2010 Sundhedsguiden Børn og unges sundhed Kommunikation/IT C Afsluttende opgave 2010 Jozef Indruszewski & Marc Ringsing Problemformulering Vi vil lave en hjemmeside, der oplyser børn og unge om sundhed. Vi

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

Multimediedesigner. Vedvarende. energi

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

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

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

komulus i digital udvikling DANIEL WIKLUND MOBILE LØSNINGER UDFORDRINGER OG MULIGHEDER komulus komulus kommuner i digital udvikling

komulus i digital udvikling DANIEL WIKLUND MOBILE LØSNINGER UDFORDRINGER OG MULIGHEDER komulus komulus kommuner i digital udvikling DANIEL WIKLUND MOBILE LØSNINGER UDFORDRINGER OG MULIGHEDER kommuner i digital udvikling ko mu lu s APP ELLER HJEMMESIDE Hvilken løsning passer bedst til vores behov? APP ELLER HJEMMESIDE MOBIL HJEMMSIDE

Læs mere

Rapport Studiemad Fase 2

Rapport Studiemad Fase 2 Rapport Studiemad Fase 2 Gruppe 6 Morten Møller Nielsen Mikael Lund Kristensen Ian Mika Sahlertz Indholdsfortegnelse........ Problemformulering.... s. 1 Afgrænsning... s. 1 Indledning.... s. 1 Projektplan....

Læs mere

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling Orddeling Automatisk orddeling Vælg [Orddeling] Markér Automatisk orddeling Manuel orddeling Vælg [Orddeling] Klik [Manuelt] For hvert ord, som vises, kan der gøres følgende: Accepter det foreslåede orddelingssted

Læs mere

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

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

TIDLIG BRANDING - Et redskab til evaluering af konceptudvikling

TIDLIG BRANDING - Et redskab til evaluering af konceptudvikling TIDLIG BRANDING - Et redskab til evaluering af konceptudvikling TIDLIG BRANDING Brugerdrevet design med et branding perspektiv standarder Motivation Funktionalitet Æstetik Oplevelsesdesign Værdier Usability

Læs mere

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er 38 Grafik design Opgave beskrivelse Overordnet kommunikation Opgaven er en hjemmesiden, lavet for en kunde Ulla Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven

Læs mere

Best practice for kommunale landingssider for affald

Best practice for kommunale landingssider for affald Best practice for kommunale landingssider for affald København den 1. april 2015 Indholdsfortegnelse 1 Baggrund og formål... 3 1.1 Formål og proces... 3 2 Generelle anbefalinger... 4 2.1 Navigation og

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

Projektet Udvikling af transportvirksomheden gennem øget viden og kompetence

Projektet Udvikling af transportvirksomheden gennem øget viden og kompetence Projektet Udvikling af transportvirksomheden gennem øget viden og kompetence www.tinv.dk www.oresund.org/femernlogistics http://regionsjaelland.dk/politik/vaekstforumsjaelland www.ibiz-center.dk PROGRAM

Læs mere

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING 2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et

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

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

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

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1 3 usability-tests Gangstertest Ekspertvurdering Kortsortering med udgangspunkt i Køge Boldklubs web site Side 1 Køge Boldklubs web site Side 2 Gangstertest I gangstertesten har testpersonen fået stillet

Læs mere

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

www.webstatus.dk Danmarks Meteorologiske Institut

www.webstatus.dk Danmarks Meteorologiske Institut Brugertilfredshedsundersøgelse www.webstatus.dk Danmarks Meteorologiske Institut www.dmi.dk Om undersøgelsen Undersøgelsen er foretaget som en pop-up spørgeskemaundersøgelse på www.dmi.dk. Der er ialt

Læs mere

Typografi. aidbykahl

Typografi. aidbykahl Typografi. AidByKahl hvordan? Hvad hvorfor Hvad går opgaven ud på? Opgaven går ud på at lave et redesign AidByKahls informations og kursus brochure. Det er vigtigt for kunden at brochuren bliver mere sælgende

Læs mere

MANUAL TIL FS PÅ NETTET

MANUAL TIL FS PÅ NETTET MANUAL TIL FS PÅ NETTET Sådan opretter du nyheder og artikler (side 4) Sådan laver du links (side 14) Om tjek ind/ud og publicer (side 20) Sådan uploader du billeder og dokumenter (side 25) Sådan redigerer

Læs mere

Brugervejledning til chauffører. webtour.mobi. Version 2013-06-12. Opdateret og seneste version kan altid hentes på http://webtour.

Brugervejledning til chauffører. webtour.mobi. Version 2013-06-12. Opdateret og seneste version kan altid hentes på http://webtour. Brugervejledning til chauffører webtour.mobi Version 2013-06-12 Opdateret og seneste version kan altid hentes på http://webtour.dk/manual Der arbejdes til stadighed på at forbedre vores brugervejledning

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere

WWW Evaluation. Ressourcens troværdighed, indhold funktionalitet. Elektronisk. Let at publicere. Svært at publicere. Du har hjælp til kontrollen

WWW Evaluation. Ressourcens troværdighed, indhold funktionalitet. Elektronisk. Let at publicere. Svært at publicere. Du har hjælp til kontrollen WWW Evaluation Kvalitetsvurdering af Information på hjemmesider Inspireret af http://www.aub.auc.dk/mileinternet/ 1 Mangfoldighed Nettets styrke og svaghed Ressourcens troværdighed, indhold funktionalitet

Læs mere

Billeder på bibliotek.kk.dk. Hent et billede og gem det på din PC:

Billeder på bibliotek.kk.dk. Hent et billede og gem det på din PC: Billeder på bibliotek.kk.dk Hent et billede og gem det på din PC: I dette eksempel henter vi et billede fra Google. Du kan også hente billeder i Flickr, Picasa etc. (NB! Husk at der er rettigheder knyttet

Læs mere

Opsætte f.eks. en rejsebeskrivelse med tekst og billede i Draw side 1

Opsætte f.eks. en rejsebeskrivelse med tekst og billede i Draw side 1 side 1 Hvis man vil lave en opsætning af rejsebeskrivelse og billeder, kan man også gøre det i DRAW. Denne vejledning vil vise hvordan man indsætter hjælpelinjer så man laver en pæn opstilling med billede

Læs mere

Bring lys over driften af belysningen

Bring lys over driften af belysningen Bring lys over driften af belysningen CityTouch LightPoint Asset Management system for belysning CityTouch LightPoint / Asset Management 3 Velkommen til den nye intelligens inden for belysning. Professionel

Læs mere

Grafisk Design. Trine Dichmann Knudsen

Grafisk Design. Trine Dichmann Knudsen Trine Dichmann Knudsen Opgaven Designe et layout til en hjemmeside for Højen & Magic Fyrværkeri ApS. Designkrav & ønsker Baggrundsbilleder Tiltalende Moderne Anderledes Mere liv Der udover havde jeg frie

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

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

UX ekspertværktøjer. ux campus

UX ekspertværktøjer. ux campus Få forankret UX hos den enkelte medarbjeder og et delt ux sprog på tværs af organisationen med korrekt og opdateret viden om hvordan mennesker fungerer omsat til operationelle praktiske designredskaber

Læs mere

Brugerundersøgelse på nyidanmark.dk 2008

Brugerundersøgelse på nyidanmark.dk 2008 Brugerundersøgelse på nyidanmark.dk 2008 I perioden fra 7. januar til 3. marts 2008 har webanalyse-firmaet Netminers gennemført en kvantitativ brugerundersøgelse på nyidanmark.dk. Undersøgelsens resultater

Læs mere

Succes online Træning #3

Succes online Træning #3 Succes online Træning #3 #3 Skab mere trafik Agenda Siden sidst Sådan skaber I mere trafik Gør som i plejer Gør det nye Afslutning Salgskanaler Hvad virker? Online markedsføring Webshop/ -site Søge AdWords

Læs mere

Spiseliv redesign 2013 Endelig kravspecifikation

Spiseliv redesign 2013 Endelig kravspecifikation Spiseliv redesign 2013 Endelig kravspecifikation Layout Designet skal opgraderes, så det udnytter skærme på 1366 px bredde. Mobil-layout Layoutet skal desuden forberedes på automatisk tilpasning til mobile

Læs mere

Typografi og layout i Word 2010

Typografi og layout i Word 2010 Ret&Rigtigt F12 Niels Erik Wille Typografi og layout i Word 2010 Papirformat og papirets orientering (højformat / bredformat) Vælges i menuen Sidelayout: Man kan vælge Retning (højformat / bredformat)

Læs mere