Projekttitel Website for Kreativ Metapol Kursus Webdesign og Webkommunikation
|
|
- Kristian Brandt
- 8 år siden
- Visninger:
Transkript
1 Projekttitel Website for Kreativ Metapol Kursus Webdesign og Webkommunikation Underviser Sigurd Trolle Gronemann Rapporten har et omfang på anslag
2 1. Præsentation af case Problemstilling Præsentation af prototype Kommunikationsplan Hvem er websitets afsender? Hvilken effekt skal websitet have hos afsenderen? Hvad er formålet med effekten hos afsenderen? Hvem er websitets målgruppe? Hvilken effekt skal websitet have hos målgruppen? Hvad er formålet med effekten hos målgruppen? Hvad er websitets budskab? Informationsarkitektur Sidetyper Niveauinddeling Navigation Usability-kriterier Funktioner til kernebrugerne Vægtning af usability-kriterier Skriftlig formidling Tekst til nettet Sproglig tone Grafisk design Visuel Identitet Farvevalg og funktionalitet Test og evaluering Usability-test Vores overvejelser omkring usability-test af prototypen Konklusion Referencer Bilag #1: Wireframes Bilag #2: Guide til brugertest Bilag #3: Opgaveskabeloner
3 1. Præsentation af case Kreativ Metapol er et projekt, der skal fremme udviklingen i Øresundsregionen. Dette ved at fungerer som netværk og projektbase for kommuner, erhvervsliv og kreative kræfter i regionen. Projektets mål er at bidrage til at realisere Øresundsregionen som Kreativ Metapol gennem at udvikle, synliggøre og drage nytte af kompetencer, erfaringer og muligheder på tværs af sundet. Projektet skal være en aktiv del i Øresundsregionens proces om at blive en region med høj kreativ innovation og kulturel livskvalitet. Ifølge projektets leder Søren Buhl Hornskov, er det et omfattende projekt at administrere Kreativ Metapols hjemmeside og det kan ses. Det er tydeligt, at der ikke har været midler til at iværksætte en ordentlig webstrategi, der matcher Kreativ Metapols ambitioner. Det umiddelbare indtryk af sitet lider alvorligt under, at der ikke har været en mere professionel ekspertise til at varetage designet af websitet. Dertil har vi fundet flere ting, der ikke er hensigtsmæssige i den nuværende opbygning af sitet. Vi finder det blandt andet problematisk, at der ikke skelnes mellem eksterne og interne brugere på websitet. Derudover er strukturen rodet, og det er generelt meget svært at finde 3 rundt eller se, hvor man befinder sig. Sidst men ikke mindst mangler Kreativ Metapol at få et mere tidssvarende og professionelt visuelt udtryk, der kan styrke deres image indad såvel som udadtil. 1.1 Problemstilling Vi ønsker at redesigne Kreativ Metapols website, med henblik på at gøre det lettere for både interne og eksterne brugere at orientere sig på sitet. Det skal give brugerne et klart billede af, hvad Kreativ Metapol og projektets formål er. Det skal leve op til de brugssituationer brugerne har og samtidig give nye besøgende et indtryk af, at Kreativ Metapol er et professionelt foretagende.
4 1.2 Præsentation af prototype I vores prototype har vi kodet følgende 9 sider: index.html about.html kontakt.html projekter.html vilkaar.html born_unge.html scene.html sundhed.html erhverv.htm I vores arbejde med prototypen har vi primært lagt vægt på at kode de sider, der ligger i den globale og ikke i den tertiære menu. Dels fordi dette er de vigtigste sider på sitet, da de ligger i topmenuen og dels fordi, vi i vores projekt har fokuseret på de kommunikative aspekter. Af denne grund har vi lagt en del arbejde i indholdssider på sitet. I denne forbindelse har vi lavet en idealtekst, der illustrerer, hvordan vi gerne vil have, alt indholdet på sitet skal se ud. Idealteksten findes på indholdssiden; born_unge.html. 4 Forsiden har en tjek-boks i højrespalten, som vi desværre ikke har haft resurser til at kode rigtigt. Derfor har vi lagt et billede ind i toppen, der skal forestille knapper. Det er hensigten med boksen, at man kan trykke på Kalender for at få sig et overblik over kommende arrangementer og møder. Ved at det er boksen Nyheder, vi har valgt som aktiv, er det interne stof fra kalenderen gemt for nye besøgende på sitet, men stadig kun et klik væk, for dem, der skal bruge det. Prototypen overholder XHTML strict standarden. CSS-koden validerer dog ikke, men det er fordi sitet er optimeret til Firefox. Vi havde af uforklarlige årsager en margin-fejl i menuen, hvorfor vi er blevet nødt til at lave en minus-margin. Med lidt mere tid, ville dette være en fejl, man kunne udbedre ved at optimere sitet til så mange forskellige browsere som muligt.
5 2. Kommunikationsplan Der findes et væld af forskellige kommunikationsmodeller. De har alle til formål at anskueliggøre, hvilke roller aktørerne i en kommunikationssituation spiller i forhold til hinanden, og hvilke andre faktorer der kan have betydning for kommunikationen. Senere og mere udbyggede modeller beskriver kommunikation som en langt mere kompleks proces, end de tidlige modeller var i stand til. De nyere modeller inddrager den kontekst, budskabet skal indgå i, og giver modtageren en aktiv og fremtrædende rolle i forhold til, hvordan budskabet bliver forstået (p. 27). Nogle af de tidlige kommunikationsmodeller fra 1940 erne har fokus på afsenderen og det budskab, han ønsker at formidle til modtageren. Harold Lasswells formel for kommunikation fra 1948 er et eksempel på sådan en model: Who says what in which channel, to whom, with which effect? (Jacobsen, 2007: 16) Lars Qvortrups kommunikationsmodel fra 1998 er et eksempel på sådan en model. Ifølge Qvortrup består kommunikation af en række selektioner foretaget af både afsender og modtager (Ibid.: 28). Han beskriver sin models fokus med det tredelte spørgsmål: (1) Hvilken selektion af information og meddelelsesform fremprovokerer (2) hvilken forståelse, og (3) hvad er kommunikationsparternes personlige og institutionelle kriterier for at foretage disse selektioner? (p. 30) Modtageren bliver her betragtet som den passivt modtagende deltager i en overtalelsesproces. Den måde at betragte kommunikationsprocessen på har derfor fået tilnavnet kanyleteorien, fordi budskabet ifølge den bliver skudt direkte ind i modtageren, der efterfølgende vil ændre holdninger og adfærd (Rasmussen & Fischer, 2008: 25). Det er relevant at tænke på forståelse som et resultat af en udvælgelsesproces, der er baseret på de deltagende parters særlige forudsætninger og interesser, fordi det anskueliggør, at et budskab uanset intentionen ikke er en samlet pakke, der kun kan forstås på en måde. 5
6 Vi har i arbejdet med at udvikle websitet for projektet Øresundsregionen som Kreativ Metapol netop taget udgangspunkt i kommunikationssituationen forstået som en kompleks helhed, hvor modtager og kontekst spiller en lige så afgørende rolle som afsender og budskab. I den forbindelse har vi forsøgt at tænke parternes mulige udvælgelseskriterier ind på baggrund af deres interesse i Kreativ Metapol. Kreativ Metapols nuværende site bærer præg af, at der ikke intenderet er størst fokus på afsenderen, og at der ikke er taget nok hensyn til modtagerens behov og den kommunikationssituation, sitet skal indgå i. Måske til dels fordi målgruppen ikke er helt klart defineret for afsenderen selv, og sitets funktion og formål ikke er tænkt helt igennem. Vi har derfor haft fokus på at udvikle et site, der både tager hensyn til afsenderens og modtagerens behov for at give og modtage information og til den kontekst, det skal indgå i. Under arbejdet med at definere websitets afsender, målgruppe, funktion og formål gennemgik vi Jan Krag Jacobsens 25 Spørgsmål Til Planlægning Af Kommunikation (2007), der er en udbygget version af Harold Lasswells kommunikationsformel. I de følgende afsnit vil vi i første omgang koncentrere os spørgsmålene, der vedrører afsenderen: 6 Hvem er afsender? Hvilken effekt skal produktet (websitet) have hos afsenderen? Hvad er formålet med effekten hos afsenderen? Dernæst vil vi arbejde med spørgsmålene, der angår målgruppen: Hvem er målgruppen? Hvilken effekt skal produktet (det vil sige websitet) have hos målgruppen? Hvad er formålet med effekten hos målgruppen? Til sidst ridser vi sitets budskab op. 2.1 Hvem er websitets afsender? Det er sjældent, der kun er en afsender af et medieprodukt (Jacobsen, 2007: 58). Projektet Øresundsregionen som Kreativ Metapol er selvfølgelig websitets afsender, og det er den afsender, vi primært har arbejdet med. Men også EU og EU-programmet Interreg IV A, som projektet er finansieret gennem, er websitets afsendere. Øresundsregionen som Kreativ Metapol er et treårigt EU-finansieret
7 projekt, der har som mål at styrke kulturens rolle som drivkraft i en bæredygtig samfundsudvikling (præsentationsmateriale for Kreativ Metapol, 2009). Projektet skal skabe en samlende platform for de kreative kompetencer i hele Øresundsregionen. Kreativ Metapols website har hidtil haft lav prioritet, men det skal der laves om på nu ifølge projektets leder, Søren Buhl Hornskov. Han anser websitet for at være et vigtigt led i at kunne opbygge relationer og netværk på kryds og tværs af øresundsregionen til trods for geografisk afstand. I første omgang skal websitet samle de allerede eksisterende kontakter, partnere og deltagere i en fællespulje. Der er ingen private firmaer med i projektet på nuværende tidspunkt, men der er et ønske fra Kreativ Metapols side om også at bygge netværk med dem på sigt Hvilken effekt skal websitet have hos afsenderen? Hvad angår Kreativ Metapol skal websitet tiltrække nye og samle eksisterende projektdeltagere. Websitet skal styrke og profilere Kreativ Metapol-projektet. For EU s vedkommende gælder det om at vise, at den er engageret i kreative udviklingsprojekter Hvad er formålet med effekten hos afsenderen? Jan Krag Jacobsen (2007) understreger, at det er svært at besvare spørgsmålet om, hvad formålet med effekten hos afsenderen er, og at svaret kan skifte karakter i løbet af processen. Det vigtigste er overhovedet at stille spørgsmålet, fordi det kan fremkalde synspunkter og argumenter i løbet af arbejdet for at dreje produktudviklingen i en ny retning (p.61). Når de kreative kompetencer kommer til at fremstå som en stor samlet gruppe frem for små enkeltstående grupper og projekter, står de stærkere til at blive hørt på politisk plan. Ved at samle og tiltrække projektdeltagere øger Kreativ Metapol-projektet sine chancer for at blive en succes. Og en succes er grundlaget for at tiltrække positiv opmærksomhed fra politisk side og dermed få opbakning og økonomisk støtte. Hvad angår EU kan det at dokumentere opbakningen til kreative udviklingsprojekter øge EU-borgernes tilslutning. 2.2 Hvem er websitets målgruppe? Den første vigtige gruppediskussion havde til formål at fastslå Kreativ Metapols primære målgruppe, så vi kunne tilrettelægge websitets indhold og form efter dens behov. Det var alt andet end let: 7
8 Det må da være de kommuner, der er med i projektet, der er den primære målgruppe, ellers ville der da ikke være timesedler på sitet. Det virker meget internt nu. Jamen, sagde Søren ikke, de også gerne ville tiltrække erhvervslivet? virksomhed kan få som deltagere i et af Kreativ Metapols projekter. Desuden er der en gruppe af udøvende kreative, der måske kan have en interesse i at søge oplysninger på sitet om deres muligheder for at få kommunal opbakning til et projekt. Hvad nu hvis man gerne vil lave et eller andet kreativt projekt, er det så meningen, man skal gå ind på det her site? Og hvad med dem, der bevilger penge til projekterne? Forvirringen var stor, og Kreativ Metapols målgruppe svær at definere. Hvem skulle sitet henvende sig til? Det nuværende site har på flere måder karakter af intranet med timesedler og kalender for de deltagende parter. Projektets leder, Søren Buhl Hornskov, havde under sin case-præsentation lagt vægt på, at alle oplysninger skal være tilgængelige for alle, der har interesse for dem. Det skal sende et signal om åbenhed og tilgængelighed. Samtidig skal sitet kunne fungere som en præsentation for folk eksempelvis fra erhvervslivet, der ikke har kendskab til Kreativ Metapol i forvejen. På sitet skal denne målgruppe kunne få oplysninger om, hvilken rolle og hvilket udbytte deres 8 Sidst men ikke mindst skal websitet også imødekomme informationsbehovet hos dem, der bevilger støttekroner til Kreativ Metapol: politikere, regering og EU. En af sitets afsendere optræder altså også som modtager. Websitet skal kunne fungere som en form for statusrapport for, hvordan projektet skrider frem, hvorvidt det er en succes, om støttekronerne er godt givet ud, og om der er grund til yderligere støtte. Websitet skal så at sige tale Kreativ Metapols sag over for politikerne ved at fremvise aktiviteter, deltagere og resultater.
9 Vi nåede altså i løbet af vores diskussion frem til at definere fire målgrupper: Kommuner, kultur- og fritidsforvaltninger Erhvervsliv Politikere og regering Projekt-kandidater Vi valgte at fokusere på kommuner og på erhvervsliv som de to primære målgrupper, da projektkandidaterne typisk ville skulle igennem et af disse led i forbindelse med et projekt under Kreativ Metapol. Politikergruppen så vi som en mere perifer målgruppe, som websitet kun indirekte skulle henvende sig til, og som derfor ikke skulle være styrende for indholdet. Vi illustrerede vores målgrupper med en model (figur 1). Figur 1: Vores målgruppemodel. Figuren beskriver de overordnede målgrupper og relationen mellem dem. Kreativ Metapol står som bindeleddet mellem kommuner, erhvervsliv og kreative udviklingsprojekter. Det ene ben viser kommunerne, der har en interesse i, hvordan de bedst tilgodeser borgerne, og i at tiltrække opmærksomhed fra politikernes side og dermed få tildelt støttekroner. Det andet ben viser erhvervslivet, der er 9
10 interesseret i at udvikle og styrke virksomheder og deres produkter via kreative input. Erhvervslivet repræsenterer en målgruppe, der ikke på nuværende tidspunkt deltager i projektet, men som Kreativ Metapol gerne vil have fat i. Som en perifer målgruppe ligger politikere og regering. De tildeler støttekronerne og skal kunne se, hvorfor projekterne skal støttes. De to primære målgrupper, vi havde defineret, havde både nogle sammenfaldende og nogle divergerende interesser og behov, hvad angik Kreativ Metapol. For at skabe overblik over, hvor vi skulle tage hensyn til forskellige behov, og hvor de to grupper kunne mødes om et fælles behov, stillede vi dem op over for hinanden i en tabel (Figur 2). Kommunerne Erhvervsliv Social og samfundsmæssig Økonomisk interesse i projektet interesse i projektet Vidensdeling erfaring med Vidensdeling erfaring med projekter projekter Nuværende deltagere i projektet Potentielle deltagere i projektet Kreativ Metapol Tiltrække opmærksomhed fra Tiltrække sig kommerciel politisk side opmærksomhed Tiltrække og skabe et kreativt Tiltrække og skabe et kreativt netværk netværk Figur 2: Sammenfaldende og divergerende interesser hos målgrupperne. Tabellen beskriver de to gruppers incitament for at deltage i projektet Øresundsregioenen som Kreativ Metapol; deres deltagerstatus; hvilken type viden og hvilke kontakter de har interesse i at få del i; og hvem de med deres deltagelse ønsker at sende et signal til. Websitet skal favne en meget bred målgruppe eller måske snarere flere forskellige målgrupper med forskellige og på nogle områder modsatrettede behov. Den store udfordring består derfor i at udvikle et website, der med sine funktioner kan tage hensyn til de forskellige brugertypers behov, uden det går ud over klarhed og overskuelighed. 10
11 2.2.1 Hvilken effekt skal websitet have hos målgruppen? Før man kan lægge sig fast på budskabet for ens produkt der i dette tilfælde er Kreativ Metapols website, skal man gøre sig klart, hvilken effekt man ønsker, budskabet skal afstedkomme (Jacobsen, 2007: 49). Det virker indlysende, at man skal vide, hvad man vil opnå, før man kan gøre noget for at opnå det. Men alligevel kommer man ofte til at fokusere mere på produktet end på effekten af det. Eller man synes måske som afsender, at budskabet er så indlysende og banalt, at der ikke kan være nogen tvivl om effekten, som Jan Krag Jacobsen udtrykker det (p. 51). Kreativ Metapols website skal få målgruppen til at synes, projektet er spændende og vigtigt. Det skal få projektdeltagerne til at dele erfaringer og kreative kompetencer med hinanden og få endnu ikke deltagende aktører fra eksempelvis erhvervslivet til at blive en del af projektet Hvad er formålet med effekten hos målgruppen? Formålet med effekten hos målgruppen er afgørende for, hvordan produktet skal udformes, for der kan være flere potentielle formål med 11 den samme effekt (Jacobsen, 2007: 55). Websitets udformning skal være med til at understøtte det formål med effekten, som afsenderen har for øje. Formålet med at få websitets målgruppe til at erfaringsudveksle, vidensdele og etablere kontakter via websitet er, at den skal skabe et kreativt øresundsregionalt netværk og dermed være med til at skabe udvikling i regionen. Men der kan være andre formål, der måske kan virke som et større incitament for deltagelse i projektet for målgruppen: Som en lille gruppe kreativt udøvende kunne formålet med at blive en del af netværket være, at man ville få lettere ved at få økonomisk støtte ved at være del af en større gruppe. For en virksomhed kunne formålet være, den ville få del i nogle kreative kompetencer, der almindeligvis ikke var inden for dens rækkevidde. Dermed ville den både kunne få kreative input, der kunne sætte skub i en udvikling, appellere til nye kundesegmenter og få ry for at være en kreativ og nytænkende virksomhed alt sammen noget, der i sidste ende kunne føre til et økonomisk afkast. For en kommune kunne formålet være, at den ville få nemmere ved at tilgodese nogle borgere, der ellers var svære at passe ind i forskellige støttepuljer.
12 2.3 Hvad er websitets budskab? Et godt budskab er en påstand, der kan rummes i en enkelt sætning. Budskabet bliver let forvekslet med formålet med budskabet (Jacobsen, 2007: 34) Websitets flere forskellige målgrupper gjorde det svært at definere et bestemt informationsbehov - og dermed også svært for os at lægge os fast på et bestemt budskab. informationsarkitektur er usynlig for brugerne (Morville & Rosenfeld, 2007: 41). Informationsarkitekturens vigtigste opgave er med andre ord at understøtte brugernes behov, for når det, brugerne leder efter, er nemt at finde, bliver de hverken irriterede eller utålmodige. Derfor bemærker man kun, når informationsarkitekturen ikke fungerer. Helt overordnet er websitets budskab, at projektet Øresundsregionen som Kreativ Metapol igennem netværk, vidensdeling og kreative projekter skaber udvikling i øresundsregionen. Men sitets forskellige målgrupper skal, som ovenstående afsnit om formålet med effekten viser, påvirkes ad forskellige veje for at blive overbevist om, at de har interesse i at bruge sitet og deltage i projektet. 3. Informationsarkitektur I dette afsnit vil vi redegøre for opbygningen af vores prototype, og hvilke tanker vi har gjort os omkring navigation, strukturering og brugervenlighed i denne proces. Når vi snakker om webdesign, dækker begrebet informationsarkitektur over, hvordan en hjemmeside strukturerer sit indhold (Lynch & Horton, 2008). En velstruktureret Sidetyper Der ligger dog meget arbejde til grund for en god struktur, og det er i dette arbejde vigtigt at visualisere informationsarkitekturen for at gøre den mindre abstrakt og dermed nemmere at tilgå (Morville & Rosenfeld, ). Første trin i visualiseringen af informationsarkitekturen er at sortere det indhold, man allerede har, og holde det op mod det indhold, man mangler (Lynch & Horton, 2008). I arbejdet med informationsarkitekturen i vores prototype begyndte vi derfor med at sortere og kategorisere indholdet på Kreativ Metapols eksisterende site. Resultatet af denne inddeling er vist i figur 3.
13 Hermed havde vi begyndelsen til et diagram, der beskrev vores prototypes struktur også kaldet et sitemap. Figur 3: Tabellen viser, hvilke indholdstyper der er brugt i diverse sektioner på Kreativ-metapol.net. Næste trin i struktureringen af et website er at gruppere og adskille indhold, således at man får nogle kategorier, hvor delene af indhold passer logisk sammen, samtidig med at man giver disse kategorier nogle navne, der gør det nemt at regne ud, hvad de indeholder (Lynch & Horton, 2008). Vi skrev derfor alle typerne af indhold ned på små stykker papir, som vi derefter begyndte at gruppere og flytte rundt på Niveauinddeling Endnu et trin, vi manglede, inden vi kunne gå i gang med at tegne et sitemap, var at inddele de forskellige sidetyper i niveauer for at finde ud af, hvor dyb strukturen på vores site skulle være. I denne niveauinddeling tog vi udgangspunkt i Jared Spools teorier om The 8 Types of Navigation Pages. Den amerikanske tænketank User Interface Engineering, med Spool i spidsen, har lavet en række brugerundersøgelser, der viser, hvad brugerne forventer på forskellige niveauer på et website. De er nået frem til, at der findes fem slags sider på et website samt tre typer af søgesider. De fem niveauer i Spools terminologi (hvoraf de fire første er navigationssider) er: 1. Homepage 2. Store page 3. Department 4. Gallery 5. Content
14 Man kan sammenligne Spools navngivning af de forskellige niveauer med et stormagasin, hvor niveau 1 er stormagasinet (forside), niveau 2 er dame-etagen (supersektion), niveau 3 er skoafdelingen (sektion), niveau 4 er udstillingen af sandaler (kategori), mens niveau 5 er en konkret sandal (indhold). Hvert niveau har til formål at gøre det muligt for brugerne at vælge næste niveau på en kvalificeret måde. Hvis de ikke kan vælge det rigtige indhold ud fra kategorisiden, så begynder brugerne at "pogostick'e", dvs. hoppe frem og tilbage mellem oversigt og indhold, hvilket ifølge Spool får succesraten til at falde drastisk (Spool, 2005). Som det også fremgår af figur 4, valgte vi, at vores prototype skulle bestå af tre niveauer; forsiden, kategorisider og indholdssider. Vi har valgt denne flade struktur, da vi ikke mente, der var behov for også at inddele sitet i en sektion eller supersektion, eftersom kreativmetapol.net i forvejen ikke er et særligt indholdstungt site. Figur 4: Vores sitemap, der viser hvordan vi har valgt at inddele og strukturere sitet i tre niveauer. 14
15 3.1.2 Navigation Navigationen på vores site foregår via en global menu, hvor der kun er tre menupunkter. Vi valgte at fremhæve Projekter og Om Kreativ Metapol, da vi mente, det var vigtigt at lægge vægt på Kreativ Metapols kernekompetencer og ikke alt det interne indhold, såsom kalenderen og timesedlerne. Vi ønskede på den anden side heller ikke at lave en decideret opdeling af sitet i en ekstern og intern indgang, både fordi sitet som nævnt tidligere ikke er særligt indholdstungt, og fordi Kreativ Metapol selv havde lagt vægt på, at sitets informationer skulle virke tilgængelige for alle interesserede. Det interne indhold har vi i stedet placeret i den tertiære menu sammen med Kontakt, Nyheder og Nyhedsbrev. Ved at holde det interne indhold væk fra den globale menu, sikrer vi os, at de eksterne brugere, der ikke kender Kreativ Metapols hjemmeside i forvejen, ikke bliver skræmt væk af noget, der henvender sig til en anden målgruppe. De interne brugere, der formodes at kende sitet, ved derimod godt, hvor de skal finde det, de kommer for, da det ofte er i den tertiære menu, de mere interne ting, som for eksempel log-in, plejer at ligge. På forsiden har vi valgt ikke at give nyheder en alt for prominent plads (i modsætning til på Kreativ Metapols nuværende site). Det er som regel ikke nyheder, brugeren kommer for at få, hvorfor vi i stedet har valgt at bruge pladsen til at vise indhold, der understøtter brugerens vigtigste ærinder på sitet (Lindgren, 2008). Disse eksempler på indhold hjælper også de eksterne brugere til at danne sig et indtryk af, hvem Kreativ Metapol er, og hvad der gemmer sig under menupunkterne. Vi begyndte arbejdet med at wireframe (se figur 5) og vælge, hvordan de forskellige ting skulle placeres i forhold til hinanden. I den forbindelse fandt vi ud af, at vi på kategorisiden Projekter havde brug for en lokal menu, der kunne folde sig ud under den globale menu. Den lokale menu skulle give brugerne endnu en måde at navigere sig frem til indholdet på foruden brødkrummestien og indholdseksemplerne på forsiden og kategorisiden. Figur 5: Vores wireframes viser de overvejelser, vi har haft i forbindelse med hver sidetype, hvordan de adskiller sig fra hinanden, og hvilke funktioner de skal have. Her vies et eksempel på en forside og en indholdsside. Se alle seks wireframes i bilag #1. 15
16 16
17 Et websites informationsarkitektur har også meget at gøre med, hvordan sitets usability kommer til at tage sige ud. I næste afsnit vil vi se nærmere på, hvordan det kan være brugbart at sætte nogle usabilitykriterier op for et website, og hvordan strukturen på sitet og dets brugervenlighed er uadskillelige. 3.2 Usability-kriterier Når vi taler om et websites usability eller brugervenlighed, er der tale om de udslagsgivende faktorer, der afgør, om sitet bliver en succes. Ole Gregersen og Ian Wisler-Poulsen er i bogen Usability fra 2009 inde på, at det i høj grad handler om, hvornår noget opleves som brugbart i den kontekst og måde, hvorpå det bruges. Med andre ord kan man opstille nogle succeskriterier for, hvordan sitet skal opfylde bestemte usabilitymål. Funktionalitet, handler om brugernes behov og mål med at besøge et website. Gør sitets funktioner det muligt for brugeren at nå sine mål? Effetivitet, handler om, med hvilken lethed og effektivitet brugeren kan nå målet med besøget på sitet, fx at finde information eller gennemføre et køb. Tilfredshed, handler om den enkelte brugers personlige oplevelse af brugen af sitet. (p. 15) Det er vigtigt at kende sin målgrupper godt både i forhold til, hvilke mål de gerne vil opnå, når de besøger sitet, men også i hvilken kontekst de gør det. Vi har tidligere beskrevet målgruppen eller målgrupperne for Kreativ Metapols site. Kunsten med hensyn til usability har derfor været at vurdere, hvordan de tre kategorier har skullet vægtes i forhold til hinanden. Gregersen og Wisler-Poulsen deler brugerens oplevelse af usability op i tre kategorier, der sammen danner rammen for et sitets usability: Funktioner til kernebrugerne Et vigtigt mål, vi har for sitet, er, at det skal bygge bro mellem forskellige kommuner og institutioner, også på tværs af Øresund. Det er en opgave, der kræver, at kernebrugerne (Kreativ Metapols deltagere)
18 får lyst til at bruge de funktioner, som tilbydes på sitet. Nogle primære funktioner er for eksempel kalenderen, samt vejledning og skemaer til timeregistrering. Søren Buhl Hornskov ytrede blandt andet ønske om, at kalenderen blev brugt mere, da den fungerer som det primære bindeled mellem projektdeltagere og aktiviteter. Hvis sådan et mål skal opnås, skal ikke alene selve kalenderen som funktion være til stede, men den skal også fungere effektivt. Med andre ord skal den være let at finde på sitet og forholdsvis enkel at benytte. Derfor har vi valgt, at kalenderen altid er let tilgængelig via den tertiære menu øverst til højre. Derudover skal selve kalenderen som funktionsside præsenteres, så den er overskuelig, og det skal være let at tilføje aktiviteter, dokumenter og lignende ved at følge nogle simple retningslinjer. Som vi har skrevet i vores præsentation af prototypen, har vi valgt at fokuserer på det kommunikative aspekt på indholdssiderne, og har derfor ikke givet os i kast med at lave selve kalenderen. Samtidig ville en kalender til Kreativ Metapol være hensigtsmæssigt at lave i CMS eller et andet system, der gør det muligt for brugerne selv at tilføje materiale til websitet. Som med kalenderen er link til timesedler også til at finde i den tertiære menu. De mere interne brugere kan derved let finde funktionen, der er specielt relevant for dem, mens andre mere eksterne brugere ikke bliver forvirrede over at finde et punkt med timesedler i den globale menu, der repræsenterer sitet udadtil. Vi har, ligesom med kalenderen, valgt ikke at lave undersiden Timesedler. Vi er dog ikke i tvivl om at kalenderen og timesedlerne er vigtige funktioner for sitet, og derfor har vi gjort ovenstående tanker om dem Vægtning af usability-kriterier Ser vi igen på de tre usability-kategorier af Gregersen og Wisler- Poulsen, har vi ønsket at få vægtningen mellem funktionalitet, effektivitet og tilfredshed mere ligeligt fordelt i vores prototype sammenlignet med Kreativ Metapols nuværende site. Herunder ses to skemaer, der beskriver vægtningen af de forskellige kategorier for siden, som den er i dag, og for vores redesign. Det skal siges, at der ikke ligger nogen brugertest til grund for nedenstående, men at der alene er tale om vores opfattelse ud fra en analyse af sitet, som det er i dag, set i forhold til, hvordan vi har ønsket, det skulle blive: 18
19 Vægtning på Kreativ Metapols nuværende site Funktionalitet 80 % Effektivitet 10 % Tilfredshed 10 % Sitet har mange relevante og gode kernefunktioner som kalender, timeregistrering og nyheder, men det kan være svært at finde og bruge dem. Det gør det mindre effektivt. Derudover er sitets indhold ikke særligt hensigtsmæssigt struktureret, hvad angår menuer og informationstunge sider, der ikke er udformet til præsentation på nettet. 4. Skriftlig formidling I dette afsnit vil vi komme ind på den skriftlige formidling på en hjemmeside, og hvilke overvejelser vi har gjort os angående dette i forhold til Kreativ-metapol.net. Det er vigtig også at have fokus på teksten på nettet, da den både bruges til at guide brugeren rundt, samt være det direkte informative indhold. Imidlertid er der bestemte måder, der er mere hensigtsmæssige at skrive på, hvis man ønsker at fange læserens opmærksomhed og komme frem med et budskab via nettet (Ulf Joel Jensen et al., 2001, Jacob Nielsen, 2001). Vægtning i vores prototype Funktionalitet 40 % Effektivitet 30 % Tilfredshed 30 % Sitet har de samme funktioner som tidligere, men der er fokuseret på at gøre dem lettere at gå til ved at opdele interne brugerfunktioner og mere generelle informative funktioner i forskellige menuer. Den globale menu fremstår derved enkel og informativ. Samtidig er det grafiske udtryk blevet mere åbent og let. Sammen giver det forhåbentlig brugerne en oplevelse af, at Kreativ Metapol fremstår professionelt udadtil. Det er tanken, at brugernes tilfredshed også øges, ved at det projekt, de tager del i, fremstår professionelt Tekst til nettet Når man skriver til webben, som Jakob Nielsen (2001) kalder det, er det vigtigt at gøre sig klart, hvordan folk ofte agerer, når de benytter mediet. Mange undersøgelser viser, at folk skimmer, når de bevæger sig rundt på forskellige sider på nettet, skriver Nielsen (p. 110), og gør det klart, at teksten ikke alene påvirker indholdet, men kan påvirke hele brugeroplevelsen. Ulf Joel Jensen et al. (2001) tager fat i problematikken med at skrive til nettet ved at se på, hvilke byggesten teksten er sammensat af. Da folk
20 netop ofte skimmer ned over en hjemmeside for at se, om det er noget, de finder interessant, eller er værd at bruge, er det vigtigt, at det essentielle i teksten står først. I stedet for at skrive lange lineære tekststykker, der bygger op mod en konklusion, er det fordelagtigt at vende det på hovedet og skrive som i klassiske nyhedsartikler. Den vigtigste del, konklusionen, skal altså komme først og derefter det mere uddybende. På nettet er denne opbygning endnu mere nødvendig at gøre brug af, ved at tekster, der indeholder flere pointer, bliver opdelt i mindre afsnit, der kun indeholder ét emne, forklarer Jensen et al. (p. 64). Da Kreativ Metapol har lavet deres site, har de helt sikkert ikke haft ovenstående principper med i deres overvejelser. En typisk indholdsside på Kreativ Metapols site er forholdsvis informationstungt, og man skal ofte læse lange afsnit for at være sikker på at finde det, man søger. Baseret på Ulf Joel Jensen et al. (2001) og Jakob Nielsens (2001) principper har vi udarbejdet nogle retningslinjer, vi har fundet relevante at benytte, hvis man skulle omskrive teksterne fra det nuværende site, så de opfylder kravene til nettekster. Tekstretningslinjer Overskrift: Overskriften skal være skrevet som en hel sætning. Det gør det nemmere for brugeren at få et indtryk af, hvad teksten handler om. Resume eller manchet: Resumeet skal være markeret med fed, så det er tydeligt. Det må maks. fylde fem linjer, og skal opsummere tekstens vigtigste pointer. Mellemoverskrifter: Mellemoverskrifter skal gøre det lettere for brugeren at overskue indholdet i tekstens forskellige afsnit. Som med hovedoverskrifter, skal de være skrevet som hele sætninger. Fx ved enten være skrevet som spørgsmål (Hvordan laver man en julestjerne?), som imperativer (Lav en julestjerne) eller som en beskrivelse (Sådan laver man en julestjerne). Det bliver på den måde klart for læseren hvad der kan forventes i afsnittet. Samtidig er det vigtigt at mellemoverskrifternes formulering er ensartet på den enkelte indholdsside, altså ved at alle er som spørgsmål, imperativer eller beskrivelse. 20
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 mereHvordan 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 merePortfolio 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 mereSelv 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 mereDisse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.
Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,
Læs merePortfolioudvikling. 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 mereEt krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.
Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden
Læs mereRedesign 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 mereDelaflevering Re-design af Kirsten Kjærs Museums hjemmeside (kkmuseum.dk)
Delaflevering Re-design af Kirsten Kjærs Museums hjemmeside (kkmuseum.dk) Gruppe: HÅT - or not Therese Dons Christensen, Else Vad, Marie Svan Olsen og Sofie Sol Danø Vejledning Litteraturvalg vil vi for
Læs mereIndholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...
Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...
Læs merePROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas
PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6
Læs mereDelaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu.
Delaflevering Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk Kenneth Hansen, kenhan@itu.dk 1 Indholdsfortegnelse Problemfelt - Problemformulering... 3 Målgruppe...
Læs merePortfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig
Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio
Læs mereDelaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen
Delaflevering: Webdesign og webkommunikation Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen Vi har valgt at lave et redesign af KEA s online videnscenter/bibliotek. Organisation: Københavns
Læs mereProjekt 1 Re-design af Odense Bunkermuseum
Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne
Læs mereDelaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back
Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back 1 Indhold 1.1 Generelt i forhold til projektet 1.1.1 Problemformulering Kalundborg kommune har gennem de senere år
Læs mereEt kommercielt whitepaper er således et stærkt marketingsværktøj, der kan støtte beslutningstagere i valget af den ene løsning frem for den anden.
Sådan skriver du et whitepaper Et whitepaper er et almindeligt brugt værktøj til at introducere tekniske innovationer og nye produkter. Men der er meget at tage stilling til, når man skal skrive et whitepaper.
Læs merePortfolio Redesign Kamilla Klein 1. Semester eksamen
2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet
Læs mereELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
Læs mereI det kommende afsnit vil vi løbende komme ind på de enkelte resultater og samtidig komme med bud på, hvordan disse kunne løses i fremtiden.
Opsummeret Feedback Introduktion I dette dokument vil vi opsummere de mest relevante resultater, der kom fra begge de afholdte workshops. De mest relevante resultater var dem, der igennem begge workshops
Læs mereFRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine
FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet
Læs mereOplæg til vejledning Til vores næste vejledningsmøde vil vi gerne tale om nedenstående emner:
Indholdsfortegnelse Oplæg til vejledning... 1 Generelt i forhold til projektet... 1 Indledning... 1 Problemformulering... 2 Metode... 3 Opgavens fremgangsmåde... 3 Tidsplan og opbygning... 4 Litteratur...
Læs mereProjekt - Valgfrit Tema
Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde
Læs mereKommunikationsplan for Kreativ-Metapol.
Kommunikationsplan for Kreativ-Metapol. Udgangspunkt/baggrund Det overordnede mål med Kreativ Metapol er, at styrke og videreudvikle visionen om Øresundsregionen som et kreativt vækstcenter for et bredt
Læs meresweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen
sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,
Læs mereCase: 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 mereAnalyse 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 mereEksamenscase: Cevea delaflevering
Eksamenscase: Cevea delaflevering 1. Generelt Casen Cevea Cevea er en centrum-venstretænketank, som blev oprettet i 2008 blandt andet som modspil til den højreorienterede tænketank Cepos. Organisationen
Læs mereUndervisningsmateriale - Rapport
Kom/IT Undervisningsmateriale - Rapport Klasse 1.7 Mathias Saxe H. Jensen 10-05-2011 Side 1 af 10 Indhold Forside... 1 Indledning... 3 Problemstilling... 3 Målgruppe... 3 Problemformulering... 4 Kommunikationsplan...
Læs mereApril Hjemmesider overblik over funktionalitet
April 2019 Hjemmesider overblik over funktionalitet Indhold Institutionernes nye hjemmesider... 3 Indledning... 3 Elementer på hjemmesiden... 3 Farvetemaer... 3 Forside... 5 Menu... 6 Indholdssider...
Læs mereGrafisk 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 mereSundhedsapp.dk. - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet?
Oplæg til vejledning Sundhedsapp.dk - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet? - Kan man overhovedet forestille sig at udarbejde en prototype uden nogle former for feedback?
Læs mereActiveBuilder 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 mere1 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 mereGrundforlø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 mereGRAFISK DESIGN DOTHOST HJEMMESIDE
DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem
Læs mereGRUPPE 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 mereGrafisk Design 70% Skitser
Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner
Læs mereCPH Queerfestival Line Thaarup, Henrik Holm Olsen, Kim Louis Køhrsen, Jane Hedegaard Laren
Beskrivelse af problemformulering og en foreløbig problemformulering Queerfestivalen er en fast tilbagevendende begivenhed. Gennem årene har der udviklet sig et miljø omkring festivalen, hvor mange af
Læs mereGruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt
Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk
Læs mereGRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med
Læs mereKT OR LOW PRODUKTION // WORKFLOW
PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside
Læs mereIndholdsfortegnelse 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 merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereRETNINGSLINJER FOR GULDBORGSUND.DK - DET BLIVER RIGTIG GODT VERSION 1.0
RETNINGSLINJER FOR GULDBORGSUND.DK - DET BLIVER RIGTIG GODT... - 2015-2017 - VERSION 1.0 GULDBORGSUND KOMMUNE NOVEMBER 2015 INDHOLDSFORTEGNELSE Velkommen...... 3 Vision og indsatser... 4 Visionen for hjemmesiden...
Læs mereForberedelse. Forberedelse. Forberedelse
Formidlingsopgave AT er i høj grad en formidlingsopgave. I mange tilfælde vil du vide mere om emnet end din lærer og din censor. Det betyder at du skal formidle den viden som du er kommet i besiddelse
Læs mereAfsluttende opgave - Kommunikation/IT C Klasse 1.1
11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...
Læs mereTESTPLAN: 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 mereGuide til din computer
Guide til din computer Computerens anatomi forklaret på et nemt niveau Produkt fremstillet af Nicolas Corydon Petersen, & fra Roskilde Tekniske Gymnasium, kommunikation & IT, år 2014 klasse 1.2 12-03-2014.
Læs mereKend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord
Kend dine brugere Om brugertest 2 sem., feb. 2010 Multimediedesigner, København nord Andreas Frandsen, Ninette Nielsen Agnete Gnistrup, Senia Lundberg Side 1 af 7 Indholdsfortegnelse Indledning s. 2 Valg
Læs mereDet er vigtigt at være en god formidler og taler
Formidlingsartikel Det er vigtigt at være en god formidler og taler Sprog er et af de mest centrale redskaber i vores liv og dagligdag. Sprog gør det muligt for os at kommunikere med hinanden og påvirke
Læs merekollegiekokkenet.tmpdesign.dk Side 1
kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase
Læs mereUdover 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 mereGRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
Læs mereHvor er mine runde hjørner?
Hvor er mine runde hjørner? Ofte møder vi fortvivlelse blandt kunder, når de ser deres nye flotte site i deres browser og indser, at det ser anderledes ud, i forhold til det design, de godkendte i starten
Læs mereDitlev Nielsen 2.g Kom/it 9/10/15. Avis artikel rapport
Ditlev Nielsen 2.g Kom/it 9/10/15 Avis artikel rapport Indholdsfortegnelse: Indledning Side 3 Problemformulering Side 3 Afsender Side 3 Budskab Side 3 Medie Typografi Side 4-6 Medie Farver Side 7-9 Medie
Læs meresrum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008
Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse
Læs merePORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester
PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse
Læs merePROCESSUM DESIGNMANUAL 1.0 2013
PROCESSUM DESIGNMANUAL 1.0 2013 1 INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE FORORD RETNINGSLINJER LOGO PLACERING OG BRUG FRIZONE: PLACERING: TYPOGRAFI PRIMÆR TYPOGRAFI SEKUNDÆR TYPOGRAFI KOMMUNIKATION GRUNDPAPIR
Læs mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereAfsluttende Projekt - Kom/IT
1 Afsluttende Projekt - Kom/IT Rasmus H. Plaep 1 Billedkilde: http://blog.snelling.com/files/2015/01/business-107.jpg Indhold... 0 Indledning... 2 Problemafgrænsning... 2 Problemformulering... 2 Teori...
Læs merePoster 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 mereJEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
Læs mereGRAFISK WORKFLOW REDESIGN AF HJEMMESIDE
GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)
Læs mereGRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med
Læs mere8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april
8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s. 36-39 K: Smukkere grafisk design,
Læs mereGruppe 9 Visuel Interface Design, 27/09/2011
Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående
Læs mereINNOVATION. BLOGS. KU. DK
$ SPØRGEGUIDE TIL BRUGERTEST INNOVATION. BLOGS. KU. DK Katapult og Katalyst interviewer ca. 8 brugere af innovation.blogs.ku.dk for at samle viden om deres adfærd og behov i relationen til udvikling og
Læs merePlanlæg din kommunikation
Planlæg din kommunikation Dette er et værktøj for dig, som står over for en kommunikationsindsats vil sikre, at dine budskaber når frem vil kommunikere effektivt med medarbejderne vil gøre indtryk på dine
Læs mereStine 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 mereGrafisk 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 mereMetoder og produktion af data
Metoder og produktion af data Kvalitative metoder Kvantitative metoder Ikke-empiriske metoder Data er fortolkninger og erfaringer indblik i behov og holdninger Feltundersøgelser Fokusgrupper Det kontrollerede
Læs mereEKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen
Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian
Læs merePPHansen.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 mereIndholdsfortegnelse... 2. Projektplan... 3. Vores research... 4 HCI... 5. Formidlingsmetode og teori... 6. Valg af Målgruppe... 8. Layout flyer...
Indholdsfortegnelse Indholdsfortegnelse... 2 Projektplan... 3 Vores research... 4 HCI... 5 Formidlingsmetode og teori... 6 Valg af Målgruppe... 8 Layout flyer... 9 Vores flyer... 10 Kildefortegnelse...
Læs mereSEO-strategi. Kunde logo
SEO-strategi Kunde logo Formålet SEO-strategien skal ved udførsel skabe mere trafik til KUNDE, samt styrke deres branding. SEO-strategien skal være med til at belyse nogle af de problematikker som KUNDEløser
Læs mereAvisforside. Vi har skrevet en avis om studier ved Aarhus Universitet
Avisforside Vi har skrevet en avis om studier ved Aarhus Universitet Vi vil meget gerne høre dine umiddelbare tanker om forsiden til avisen. Hvad forventer du dig af indholdet og giver den dig lyst til
Læs mereSorring.dk guide. Du kan finde mere information om WebsiteBaker her:
Sorring.dk guide 13. juli 2011 Her er en beskrivelse af administration af sorring.dk, for de enkelte redaktører. Websitet er bygget op på et system, der hedder Websitebaker. WebsiteBaker giver dig nem
Læs mereGenerelle ideer til Messecenter Vesthimmerland
Generelle ideer til Messecenter Vesthimmerland I det følgende har jeg skrevet refleksioner, spørgsmål og tanker vedr. hvilke områder jeg ser i kan forbedre og måske bør se nærmere på. Tankerne er inddelt
Læs mereAdministration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN
Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...
Læs mereEksamensprojekt i Web design og web kommunikation - E2011 hold 2
Eksamensprojekt i Web design og web kommunikation - E2011 hold 2 Janus Åhlander Olsen Web design og web kommunikation E2011 - hold 2 Underviser: Brian Everitt Problemfelt og problemformulering Hjemløse
Læs mereDenne 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 mereBilag 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 mere3) Først og fremmest kan du vælge hvilket tema din side skal have.
Wordpress er et open source software du kan bruge til at oprette blogs og hjemmesider i. Du har mulighed for at vælge forskellig temaer og designe din side som du har lyst. Blogs og hjemmesider kan blandt
Læs mereGem dine dokumenter i BON s Content Management System (CMS)
24. august 2007 Gem dine dokumenter i BON s Content Management System (CMS) INDHOLDSFORTEGNELSE 1. Indledning... 2 2. Se indholdet i dit Content Management System... 3 3. Tilgå dokumenterne i My Content
Læs mereOliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp
Kost ved slidgigt Case 2. Personlig fysisk hjælp Problemobservering Sygdommen slidgigt også kaldes artrose er den mest udbredte led sygdom overhovedet, det kan medføre voldsomme smerter. Sygdommen påvirker
Læs mereInfographic Klasse arbejdsmiljø
Infographic Klasse arbejdsmiljø Skitse af vores tidlige design Rapport af : 1/7 Målgruppen Målgruppen for vores infographic er generelt eleverne som der går på ZBC i Vordingborg, dog skal det ikke undlades
Læs mereNår man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende.
Sådan opretter du en LinkedIn profil: - Først starter man med at klikke ind på LinkedIn.com På forsiden ser man en boks til højre på skærmen. Her har man mulighed for at oprette sin profil ved hjælp af
Læs mereMÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
Læs mereTjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org
Tjek dine miljøvalg på nettet - når det gælder en tryksag Kære læser, Du sidder med en brochure, der beskriver et nyt websted,. Det er et websted med rigtig mange oplysninger om de miljøpåvirkninger, der
Læs mereReflekstions artikel
Reflekstions artikel Kommunikation/IT er et fag hvor vi lærer at kommunikere med brugeren på, og hvorledes mit produkt skal forstås af brugeren. Når man laver en opgave i faget, er det brugeren der lægges
Læs mereKommunikation/IT Rapport Roskilde Tekniske Gymnasium
Kommunikation/IT Rapport Side 1 af 8 Indholdsfortegnelse Formål:... 3 Teori:... 3 Form og farver... 3 Skrifter og typografi... 4 Billeder og illustration... 5 Komposition og layout... 5 Produkt:... 6 Brainstorm
Læs mereprisestimat ROSKILDE KOMMUNE Att.: Kristian Karstoft Rådhusbuen 1 4000 Roskilde Dato: 19/10/15
ROSKILDE KOMMUNE Att.: Kristian Karstoft Rådhusbuen 1 4000 Roskilde Dato: 19/10/15 Oversigtsværktøj til aktiviteter, kampagner og arrangementer i Roskilde kommune Roskilde Kommunes Erhvervsafdeling har
Læs mereComputerspil. Hangman. Stefan Harding, Thomas Bork, Bertram Olsen, Nicklas Thyssen og Ulrik Larsen Roskilde Tekniske Gymnasium.
10-02-2015 Computerspil Hangman Stefan Harding, Thomas Bork, Bertram Olsen, Nicklas Thyssen og Ulrik Larsen Roskilde Tekniske Gymnasium. Kom/it c Indhold Intro... 2 Indledende aktivitet... 2 Kommunikations
Læs mereTilgæ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