IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME

Størrelse: px
Starte visningen fra side:

Download "IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME"

Transkript

1 IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME

2 # 1 NAVIGATION DESIGN BRUGERENS VEJ TIL INDHOLD

3 NAVIGATION ER ALLE DESIGN ELEMENTER DER GUIDER BRUGEREN TIL INDHOLDET

4 HVOR ER JEG LAD BRUGEREN VIDE HVOR DE ER

5 HVOR VAR JEG LAD BRUGEREN VIDE HVOR DE HAR VÆRET

6 HVOR SKAL JEG HEN? LAD BRUGEREN VIDE HVOR DE SKAL HEN

7 GIV BRUGERNE EN CONTEXT Klassificer indholdet Brug landing pages til at samle relateret indhold Giv links til relateret indhold Vær konsekvente i klassifikation

8 FØLG KONVENTIONERNE (Også selvom du synes det er kedeligt) Home/forside konvention for navnet på øverste niveau på IA strukturen About/Om os beskriver organisationen historie, værdier, mål, mission etc. Kontakt/Kontakt os , tlf, adresse, location Logoet skal linke tilbage til forsiden Søgefelt på alle sider

9 Hvilket website er jeg på? Hvordan kan jeg søge? Hvor er jeg? Hvad er hovedsektionerne? (Global navigation) Hvad er mine muligheder på dette niveau (lokal navigation) og hvad er min kontekst?

10 1. Klik jer rundt på hjemmesiderne (links på næste to side) 2. Diskuter fordele og ulemper ved de forskellige typer af navigation 3. Diskuter undervejs, hvilken type navigation, der vil egne sig til jeres website 4. Opsamling og spørgsmål i plenum

11 Horisontal Vertical Tabs Omvendt L Drop down Helside Side-indhold Kontekstuel Relateret Fly-out Brødkrumme Tag-cloud

12 Footer Alfabetisk Filter Kort Alt på en side Kreativ

13 # 2 KORTSORTERING, LABELS & IA STRUKTUR

14 LABELS /...SUCCESS COMES DOWN TO WHAT YOU CALL THINGS DONNA SPENCER

15 LABELS / DE GODES KARAKTERISTIK SKAB GODE LABELS VED AT: kalde ting ved deres rette navn være konsekvent i jeres brug vide hvilke termer brugerne benytter sig af være så tydelig som mulig

16 LABELS / IDEER TIL LABELS HVOR KOMMER LABELS IDEER FRA Indhold Brugerundersøgelser Kortsortering Hvad gør andre/konvention

17 SKAB DIN IA KORTSORTERING Grupper & brugerbehov Grupper, labels, & brugerbehov Iterationer Organisering af indhold

18 NO COMPUTERS ONLY POST-ITS #2 ØVELSE KORTSORTERING, LABELS & IA STRUKTUR 1. Skriv indhold på post-it sedler (se eksempel på næste side) 2. Grupper indholdet i kategorier og underkategorier og giv dem et sigende label/overskrift. Imens I organisere indholdet finder I måske på nye label, I må gerne omdøbe de eksisterende, men brug en anden farve label til argumentation for hvorfor. 3. Diskutér I gruppen, hvilken IA struktur egner sig bedst til jeres site ift. content, people og context. 4. Tegn et første udkast til jeres IA sitemap på papir (s )

19 PAPIR TEST AF IA KAN BRUGERNE FINDE FREM TIL DET DE SKAL Brugerscenarier Kategorier Underkategorier

20 # 3 WIREFRAMING VISUALISERING AF INDHOLD OG NAVIGATION

21 HVAD ER WIREFRAMES OG HVORFOR WIREFRAME simple linier få farver fokus på lay-out brugere skal kunne finde rundt på en wireframe trods manglende visuelt design detaljegrad er varierende FORMÅL: Illustrere websitets indhold uden at forholde sig farve, typografi etc.

22 REFENCE ZONE WIREFRAME

23 DETALJERET WIREFRAME

24 KOMBINERET WIREFRAME

25 KOMBINERET WIREFRAME

26 KOMBINERET WIREFRAME

27 FINJUSTÉR MED GRÅSKALA

28 SKETCHY WIREFRAMES

29 OVERSÆTTELSE FRA WIREFRAME TIL VISUAL wireframed version af sites

30 # 3 LAV WIREFRAMES 1. Beslut jer for hvilken type information der skal være på jeres website (tekst, lyd, billeder, video, animation) 2. Tegn wireframes på papir af minimum 2 forskellige sider (forsiden + indholdsside/underside). Jeres wireframes skal illustrere både indhold og navigation (herunder også interne links som genveje og links til relateret indhold). 3. Eksperimenter. Lav flere iterationer der tester måden indholdet bliver struktureret og præsenteret for brugeren. 4. Opsamling og spørgsmål i plenum

31 INPUT TIL PROJEKTUGEN: TOOLS & TEST Test af IA Papirtest (s ) eller digital test (s ) Test af navigation Gangstertest/trunk test Tænke-højt-test på interaktiv prototype, her kan for eksempel testes efter samme scenarie som i papirtesten af IA Online wireframing tool (gratis) (30 dages free trial) Digitale wireframes i egne programmer Photoshop, illustrator, indesign (interaktiv)

program * opsamling * Hvad er informations arkitektur (IA)? * ia strukturer * metadata * Øvelse * næste gang

program * opsamling * Hvad er informations arkitektur (IA)? * ia strukturer * metadata * Øvelse * næste gang dagens program * opsamling * Hvad er informations arkitektur (IA)? * ia strukturer * metadata * Øvelse * næste gang informations arkitektur informations arkitektur er: * Strukturering og organisering af

Læs mere

BRUGERTESTEN Introduktion

BRUGERTESTEN Introduktion BRUGERTESTEN Introduktion BAGGRUND Når man udfører en eller flere brugertests gøres det ud fra en idé om brugerinddragelse. Brugerinddragelse handler om at forstå brugernes behov, motivation og adfærd.

Læs mere

program * opsamling * skype foredrag * online markedsføring

program * opsamling * skype foredrag * online markedsføring dagens program * opsamling * skype foredrag * online markedsføring opsamling visuel identitet * hvad synes I? * pitch * s/h + negativ * farver Logo Logo Logo Web Tryk #0000ff Pantone Blue 072c C 100 M

Læs mere

GRAFISK DESIGN. Webdesign til fodboldportal

GRAFISK DESIGN. Webdesign til fodboldportal Webdesign til fodboldportal REDEGØRELSE Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldporta, pl.dk. Hjemmesiden skal indeholde rigtig mange

Læs mere

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

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

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

Læs mere

Hej, jeg hedder Sune Gamst, og jeg søger nye digitale legekammerater (læs: et job)

Hej, jeg hedder Sune Gamst, og jeg søger nye digitale legekammerater (læs: et job) Hej, jeg hedder Sune Gamst, og jeg søger nye digitale legekammerater (læs: et job) Sunes top 5-kvaliteter, du kan få glæde af: God til at forstå kunders behov og omsætte til digitale koncepter Stærk digital

Læs mere

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk

Læs mere

Det Naturvidenskabelige Fakultet. Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske

Det Naturvidenskabelige Fakultet. Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske Det Naturvidenskabelige Fakultet Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske Indholdsfortegnelse Introduktion til Blackboard Content System...3 Øvelse 01 individuel:

Læs mere

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI Vision: Scenarier Et internationalt universitet med fokus på de studerende Vejviseren til dit rette valg Destination for læring & oplysning Livet & menneskene

Læs mere

fotografisk kommunikation

fotografisk kommunikation XDANMARKS MEDIE- OG JOURNALISTHØJSKOLE CAMPUS KØBENHAVN Forprøve 2016 fotografisk kommunikation 1/2 Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Fotografisk Kommunikation Del 1:

Læs mere

IT og Kommunikation. Workshop om planlægning af prototype forløb. 24.10.13 Rikke Okholm

IT og Kommunikation. Workshop om planlægning af prototype forløb. 24.10.13 Rikke Okholm IT og Kommunikation Workshop om planlægning af prototype forløb 24.10.13 Rikke Okholm Program Introduktion Tilgange og eksempler på metoder Workshop: Planlægning af prototypetest Brainstorm over jeres

Læs mere

VEJLEDNING. Sådan får vi alle til at føle sig velkomne i Ungdommens Røde Kors

VEJLEDNING. Sådan får vi alle til at føle sig velkomne i Ungdommens Røde Kors VEJLEDNING Sådan får vi alle til at føle sig velkomne i Ungdommens Røde Kors Velkommen I denne vejledning kan du se, hvad du skal gøre for at undervise i Sådan får vi alle til at føle sig velkomne i Ungdommens

Læs mere

VEJLEDNING. Sådan fastholder vi mangfoldigheden blandt vores frivillige

VEJLEDNING. Sådan fastholder vi mangfoldigheden blandt vores frivillige VEJLEDNING Sådan fastholder vi mangfoldigheden blandt vores frivillige Velkommen I denne vejledning kan du se, hvad du skal gøre for at undervise i Sådan fastholder vi mangfoldigheden blandt vores frivillige

Læs mere

KONCEPTUDVIKLING. Find flere metoder til innovation: www.innovation.blogs.ku.dk (findes på DA og ENG)

KONCEPTUDVIKLING. Find flere metoder til innovation: www.innovation.blogs.ku.dk (findes på DA og ENG) KONCEPTUDVIKLING 1. Kategorisering af ideer (clustering)... 2 2. Idéudvælgelse vha dotvoting... 2 3. Vægtet konceptudvælgelse... 4 4. Brugerrejse... 5 5. Innovation Matrix... 6 Find flere metoder til innovation:

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin August 08 juni 09 Institution Uddannelse Fag og niveau Lærer(e) Hold Københavns Tekniske Skole, Sukkertoppen

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

Læs mere

Design fase - 1. iteration

Design fase - 1. iteration Design fase - 1. iteration sitemaps wireframes interface metaforer 1 Design deliverables sitemaps - organisering af den samlede informationsmængde. flow charts - interaktion. wireframes - strukturering

Læs mere

Design fase - 1. iteration. Design deliverables. sitemaps. wireframes. interface metaforer. sitemaps - organisering af den samlede informationsmængde.

Design fase - 1. iteration. Design deliverables. sitemaps. wireframes. interface metaforer. sitemaps - organisering af den samlede informationsmængde. Design fase - 1. iteration sitemaps wireframes interface metaforer 1 Design deliverables sitemaps - organisering af den samlede informationsmængde. flow charts - interaktion. wireframes - strukturering

Læs mere

Dannelse af PDF dokumenter

Dannelse af PDF dokumenter Dannelse af PDF dokumenter Indhold Dannelse af PDF-dokumenter i Phd Planner... 2 Valg af vedhæftninger i PDF dokumentet... 2 Valg af skabelon for PDF dokumentet... 3 Når PDF filen er dannet... 5 Gem PDF

Læs mere

KREATIV IDÉ- & KONCEPTUDVIKLING

KREATIV IDÉ- & KONCEPTUDVIKLING KREATIV IDÉ- & KONCEPTUDVIKLING AGENDA Divergent vs. Konvergent tænkning Idéudvikling Kickstart kreativiteten Kreative metoder til idé- & konceptudvikling Konceptudvikling DIVERGENT VS. KONVERGENT Divergent

Læs mere

DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016

DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016 DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 06 FARVER HOVEDFARVER SEKUNDÆRE FARVER Primary blue Secondary blue Primary teal Primary orange 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% Hex: ##033f65

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

Digital Kommuneplan. Kravsspecifikation gennem brugerinvolvering

Digital Kommuneplan. Kravsspecifikation gennem brugerinvolvering Digital Kommuneplan Kravsspecifikation gennem brugerinvolvering Indhold Introduktion Afklaring af behov: Hvad skal digitale kommuneplaner kunne? Udarbejdelse og test af løsning: Hvordan skal digitale kommuneplaner

Læs mere

Bilag 3A.7 Brugergrænseflader

Bilag 3A.7 Brugergrænseflader Version 0.8 19-12-2014 Indhold 1 VEJLEDNING TIL TILBUDSGIVER... 4 2 INDLEDNING... 5 3 USER EXPERIENCE GUIDELINES (UX-GUIDELINES)... 6 3.1 GENERELLE UX-GUIDELINES... 6 3.1.1 MODTAGERORIENTERET SPROG...

Læs mere

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012 WEBSITE Projekt 3 Dato: 23.11.2012 Indholdsfortegnelse Indledning... 2 Designbrief... 2 Kommunikationsanalyse... 3 Flowchart... 4 Eksempel på HTML... 5 Argumentation for design... 7 Evaluering... 9 Gant-diagram...

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

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

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

1. Indledning. 2. Laswell s fem spørgsmål. Hvem (afsender) Siger hvad (budskab) Indholdsfortegnelse 1. Indledning... 2 2. Laswell s fem spørgsmål... 2 Hvem (afsender)... 2 Siger hvad (budskab)... 2 I Hvilken Kanal (Mediet)... 3 Til Hvem (Modtageren)... 3 Og Med Hvilken Effekt (Virkningen)...

Læs 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

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

VEJLEDNING. Sådan kan vi rekruttere mangfoldigt til Ungdommens Røde Kors

VEJLEDNING. Sådan kan vi rekruttere mangfoldigt til Ungdommens Røde Kors VEJLEDNING Sådan kan vi rekruttere mangfoldigt til Ungdommens Røde Kors Velkommen I denne vejledning kan du se, hvad du skal gøre for at undervise i Sådan kan vi rekruttere mangfoldigt til Ungdommens Røde

Læs mere

Prototyper & interaktionsdesign. SAS Forum 2012

Prototyper & interaktionsdesign. SAS Forum 2012 Prototyper & interaktionsdesign SAS Forum 2012 Klaus Silberbauer Partner, Creative Director Think! Digital Tidl. UX Director / VP, Creuna Cand. IT. Strategy Tactics Operations Strategy Tactics Operations

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

Det erhvervsrelaterede projekt 7. semester. Projekt plan

Det erhvervsrelaterede projekt 7. semester. Projekt plan Det erhvervsrelaterede projekt 7. semester Projekt plan Titel på projekt: TAKSONOM: PETER KRISTIANSENS ARKIV (SKRIVES MED BLOKBOGSTAVER) Projektsted: LARM AUDIO RESEARCH ARCHIVE (SKRIVES MED BLOKBOGSTAVER)

Læs mere

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige

Læs mere

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

Hvordan kan vi designe et website til studenterorganisationen Analog café? Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk IT Borger E-boks.dk side 1 af11 Indholdsfortegnelse Login... Side 2 Navigation... Side 3 Din postkasse... Side 3 Opret ny mappe... Side 4 Upload (gem) dine egne filer... Side 5 Adressebog... Side 7 Regler...

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

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

Ovi: Sådan kommer du i gang

Ovi: Sådan kommer du i gang Ovi - Introduktion Din guide til Ovi: Sådan kommer du i gang 1) Gå ind på www.ovi.com og klik på Register. 2) Udfyld formularen - husk at skrive dit mobilnummer, så du kan bruge Ovi på mobilen. 3) Så er

Læs mere

Informatons Arkitektur (IA)

Informatons Arkitektur (IA) Informatons Arkitektur (IA) IA STRUKTURER IA PATTERNS A pattern is an emergent answer to a common problem Donna Spencer IA STUKTURER (IA PATTERNS) HIERARKI DATABASE LINEÆRE KOMBINATIONER HIERARKI http://www.whitehouse.gov/

Læs mere

LINK TIL WEBSITE LINK TIL POPAPP GRUPPEMEDLEMMER:

LINK TIL WEBSITE LINK TIL POPAPP GRUPPEMEDLEMMER: LINK TIL WEBSITE http://jsmedia.dk/goboat-1/ LINK TIL POPAPP https://popapp.in/w/projects/574c1a70b0cc3c3d603da4a6/preview/574c1ad10598db7f1f0bb8bf GRUPPEMEDLEMMER: Marcus Asbæk Geil Jeppe Hedegaard Sørensen

Læs mere

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

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS JB PLASTICS Gruppe D: Rie, Rasmus, Benjamin, Andreas,, 1 P a g e Contents Analyse af firmaet og dets behov... 3 Brainstorming proces... 3 WBS... 4 Start WBS en:... 4 Slut WBS en:... 6 Designproces... 7

Læs mere

Microsoft Pinpoint Guide

Microsoft Pinpoint Guide Microsoft Pinpoint Guide Indhold: 01 Kom på Pinpoint Opret en ny profil Rediger din profil 02 Opret en annonce 03 Brug dit dashboard 04 Optimer din Pinpoint profil Kundevurderinger 05 Søgning på Pinpoint

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

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

Brugerundersøgelse på nyidanmark.dk 2009

Brugerundersøgelse på nyidanmark.dk 2009 Brugerundersøgelse på nyidanmark.dk 2009 I perioden fra 3. april til 9. juni 2009 har webanalyse-firmaet Netminers gennemført en kvantitativ brugerundersøgelse på nyidanmark.dk. Undersøgelsen viser først

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

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

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

Kom i gang med E-handel

Kom i gang med E-handel Vertica 2015 DI Handels e-handelsworkshop Kom i gang med E-handel Indledning Et e-handelsprojekt er for mange virksomheder et stort skridt, som kan medføre store positive ændringer i kundeadfærd, oplevelsen

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

Projekt 5 - Porfolio Redesign

Projekt 5 - Porfolio Redesign Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown

Læs mere

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafik og billedbehandling Grafik og billedbehandling l 17 Grafik og billedbehandling l 18 Annonce for Euroman 255x298 mm + 5 mm

Læs mere

WikiMedia Commons. Gratis lyd, billeder og video. Version: August 2012

WikiMedia Commons. Gratis lyd, billeder og video. Version: August 2012 WikiMedia Commons Gratis lyd, billeder og video Version: August 2012 Indholdsfortegnelse Hvad er Wikimedia Commons?...4 Hvad med?...4 Hvorfor bruge Wikimedia Commons?...4 Problemstillinger?...4 Overblik...5

Læs mere

Multimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris

Multimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris Multimediedesign på CPH-Business URL: www.gracet.dk Eksamensopgave Redesign af Portefølje Grace Grigoria Tsatsaris 14 1 Brainstorm og ideudvikling: Jeg startede med at danne mig et overblik over projektet

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

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

VÆLG KLASSIFIKATION S. 3 UDFYLD BASIS INFORMATION S. 4. Om sektionen S. 4 Upload profilbillede S. 5 Tilføj til favoritter S. 5 Facebook reklamer S.

VÆLG KLASSIFIKATION S. 3 UDFYLD BASIS INFORMATION S. 4. Om sektionen S. 4 Upload profilbillede S. 5 Tilføj til favoritter S. 5 Facebook reklamer S. FACEBOOOK SIDER 1 2 INDHOLDSFORTEGNELSE VÆLG KLASSIFIKATION S. 3 UDFYLD BASIS INFORMATION S. 4 Om sektionen S. 4 Upload profilbillede S. 5 Tilføj til favoritter S. 5 Facebook reklamer S. 6 FORSTÅ ADMINISTRATIONSDELEN

Læs mere

Drejebog for Pop Up Eksperimentariet

Drejebog for Pop Up Eksperimentariet Drejebog for Pop Up ariet - opgaveskrivning og litteratursøgning Aktivitetens mål: Søgning, indskrænke emne og kildekritik Dette Pop Up arium LIGHT sætter fokus på at lære de unge at søge, indskrænke deres

Læs mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

portal.microsoftonline.com

portal.microsoftonline.com Office Online Office Online er et supplement til Officepakken, som du har liggende på computeren. Office Online ligger i skyen og åbnes i din webbrowser på adressen: portal.microsoftonline.com Du skal

Læs mere

METODE HVORFOR OM KORTENE: INNOBA

METODE HVORFOR OM KORTENE: INNOBA METODE HVORFOR KORT HVORFOR OM KORTENE: Dette er en lille samling af udvalgte metoder til brugerorienterede innovationsprocesser. Hvert kort indeholder en metode med angivelse af, hvor i innovationsprocessen,

Læs mere

8997,- 9997,- HJEMMESIDE TILBUD. 4997,- Eller måndelig betaling på 425,- I en bindings periode på 12 månder, 14997,- spar 1000,-

8997,- 9997,- HJEMMESIDE TILBUD. 4997,- Eller måndelig betaling på 425,- I en bindings periode på 12 månder, 14997,- spar 1000,- HJEMMESIDE TILBUD Giv mig bare lige en Prof hjemmeside Jeg vil have en simpel & professionel hjemmeside, til at starte rigtig godt op på. (Billeder, tekster, Video, links) Finder eller fotograferer dine

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

Når du holder møder i Connect

Når du holder møder i Connect Når du holder møder i Connect Det er vigtigt at den/de der er host og presenter på mødet sidder ved en forholdsvis kraftig computer, og har en god bredbåndsforbindelse. Hvis man skal vise præsentationer,

Læs mere

Konceptbeskrivelse. Indledning. Konceptudvikling. Ide til zwoop. Problemstillinger i konceptet - med henblik på løsninger

Konceptbeskrivelse. Indledning. Konceptudvikling. Ide til zwoop. Problemstillinger i konceptet - med henblik på løsninger Konceptbeskrivelse Indledning Gruppen fik til opgave, at udvikle et e-commerce digitalt koncept, hvilket indledte en ide brainstorm. Der blev lagt vægt på at udvikle et koncept, som opfyldte opgavekravene,

Læs mere

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Projektplan Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Opstart Konceptudvikling

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Fredag d. 20. februar 2015 2. semester MUL-B CSR CAMPAIGN

Fredag d. 20. februar 2015 2. semester MUL-B CSR CAMPAIGN CSR CAMPAIGN 1 Corporate Social Responsibility http://b-design.nu/2sem-projekt1/csr.html Kathrine Harder kathrineharder@gmail.com Simone Blachman blachman94@hotmail.com Pernille Sjøgreen - pernille.sjoegreen@gmail.com

Læs mere

Komunikation/It C Helena, Katrine og Rikke

Komunikation/It C Helena, Katrine og Rikke HTX Afsluttende projekt E-learning Komunikation/It C Helena, Katrine og Rikke 1.1 01-05-2013 Systemudvikling Indledende aktiviteter Kommunikationsplanlægning for projektet, Laswells fem spørgsmål. o Hvem

Læs mere

KUNDEGUIDE PRODUKTOPTIMERING I WORDPRESS KUNDEGUIDE PRODUKTOPTIMERING I WORDPRESS

KUNDEGUIDE PRODUKTOPTIMERING I WORDPRESS KUNDEGUIDE PRODUKTOPTIMERING I WORDPRESS KUNDEGUIDE VERSION 1 - OPDATERET AUGUST 2015 SIDE 2/8 KUNDEGUIDE Denne miniguide viser dig, hvordan du produktoptimerer i WordPress. For at opfylde søgemaskinernes retningslinjer for optimering skal man

Læs mere

Kort brugervejledning - Global Issues in Context

Kort brugervejledning - Global Issues in Context Kort brugervejledning - Global Issues in Context Indholdsfortegnelse: 1. Global Issues in Context... 2 2. Dine søgemuligheder i Global Issues in Context.... 3 2.1 Basic Search... 3 2.2 Advanced Search...

Læs mere

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ HUSK ingen www i adressen, skriv blot

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

TING DIN WEBSIDE BØR INDEHOLDE BRAND OCTOPUS CREATIVE STRATEGIES

TING DIN WEBSIDE BØR INDEHOLDE BRAND OCTOPUS CREATIVE STRATEGIES TING DIN WEBSIDE BØR INDEHOLDE BRAND OCTOPUS CREATIVE STRATEGIES Hvad får kunden til at blive? Når jeg taler med en kunde, en samarbejdspartner eller en potentiel leverandør, tjekker jeg deres webside

Læs mere

Indholdsfortegnelse. Refleksion

Indholdsfortegnelse. Refleksion Læring 1. semester Indholdsfortegnelse Refleksion Portfolio-projekt... s. 1 Formål... s. 1 Portfolio & Wordpress... s. 1 Design... s. 1 HTML & CSS... s. 1 Typografi... s. 1 Photoshop... s. 1 Banner-projekt...

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs 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

Sådan laver du en film (VIDEO)

Sådan laver du en film (VIDEO) QUICK GUIDE Sådan laver du en film (VIDEO) En trinvis guide til nogle af de værktøjer, der er nødvendige for at lave en digital fortælling 1. Sådan skaber du en digital fortælling For at skabe en digital

Læs mere

GRØNLANDS KOMMUNER OG SELVSTYRE STRATEGI OG SCENARIER FOR IMPLEMENTERING AF BORGERRETTEDE DIGITALE SERVICES

GRØNLANDS KOMMUNER OG SELVSTYRE STRATEGI OG SCENARIER FOR IMPLEMENTERING AF BORGERRETTEDE DIGITALE SERVICES GRØNLANDS KOMMUNER OG SELVSTYRE STRATEGI OG SCENARIER FOR IMPLEMENTERING AF BORGERRETTEDE DIGITALE SERVICES STRATEGI OG SCENARIER FOR IMPLEMENTERING AF BORGERRETTEDE DIGITALE SERVICES 16. MAJ 2010 SLIDE

Læs mere

Bilag 3A.7 Brugergrænseflader

Bilag 3A.7 Brugergrænseflader Bilag 3A.7 Brugergrænseflader Version 0.8 26-06-2015 Indhold 1 VEJLEDNING TIL TILBUDSGIVER... 3 2 INDLEDNING... 4 3 USER EXPERIENCE GUIDELINES (UX-GUIDELINES)... 5 3.1 GENERELLE UX-GUIDELINES... 5 3.1.1

Læs mere

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

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

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

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

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester Portfolio Andreas Stjerneklar Kristensen Multimedia Designer Eksamen 1. Semester Indledning Design Skitser ASK logoet Teknologivalg No database Javascript Eksempel Udviklingsmuligheder Mere relation mellem

Læs mere

Logo! Info til læreren

Logo! Info til læreren Logo! Info til læreren 1 Om Logo!...3 Lydfiler...3 Supplerende oplysninger...3 Interaktive opgaver...3 Ordforrådsopgaver...3 Lytteopgaver...4 Billedopgaver...4 Wörterbank...5 Trin-for-trin-vejledning:

Læs mere

SKAB IDÉER. Et spil om lokalt iværksætteri

SKAB IDÉER. Et spil om lokalt iværksætteri SKAB IDÉER Et spil om lokalt iværksætteri SPILMANUAL FOR DIG, DER SÆTTER SPILLET I GANG GENERELT Spillet består af en spilmanual, en spilleplade og 13 øvelseskort. Derudover har du denne spilmanual, som

Læs mere

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail. CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com

Læs mere

Vend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring

Vend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring Vend billedet... med de 10 bud for B2B-webdesign Quick Guide til bedre markedsføring 1 Lign en forretning Produktet kommer først Præsentér dine B2B-produkter og -serviceydelser allerede på forsiden af

Læs mere

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

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

Skolens digitale univers

Skolens digitale univers For it- og webansvarlige på friskolerne, bestyrelsesmedlemmer, forældre og andre interesserede Skolens digitale univers September-oktober 2015 Friskolernes Hus Kursusrække: Sådan udvikler du digitale univers

Læs mere

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

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:

Læs mere

Hvordan laver jeg en poster/plakat og handout

Hvordan laver jeg en poster/plakat og handout Hvordan laver jeg en poster/plakat og handout Poster Indhold Keep it simple! Undlad hellere noget forklarende tekst eller nogle resultater idet en overfyldt poster let bliver kedelig og triviel at kigge

Læs mere

SKETCHING MED VIDEO. Hvorfor sketching? Video sketching som metode. Quick start med Premiere Pro. Peter Vistisen

SKETCHING MED VIDEO. Hvorfor sketching? Video sketching som metode. Quick start med Premiere Pro. Peter Vistisen SKETCHING MED VIDEO Hvorfor sketching? Video sketching som metode Quick start med Premiere Pro Peter Vistisen Fra viden mod indsigt Nu skal der ideer på bordet...hvordan når vi fra data om hvad der er,

Læs mere