DDB CMS User Experience Analyse

Størrelse: px
Starte visningen fra side:

Download "DDB CMS User Experience Analyse"

Transkript

1 DDB CMS User Experience Analyse Version 1.2 Dato Analyse Bureau af B14 Aps Værnedamsvej 15, 1. sal 1819 Frederiksberg C Danmark b14.dk

2 1 Introduktion Introduktion 4 2 Identitet og guidelines Værdier Grundlæggende brugsscenarier Guidelines Forløb Områdebeskrivelse Underområder Udfordringer og issues Forbedringer og inspirationer Arkitektur og navigation Områdebeskrivelse Underområder Udfordringer og issues Forbedringer og inspirationer UI Områdebeskrivelse Underområder Udfordringer og issues Forbedringer og inspirationer Responsive Områdebeskrivelse Underområder Udfordringer og issues Forbedringer og inspirationer 27 4 Opsamling 28 Side 2

3 1 Introduktion

4 1 Introduktion 1.1 Introduktion DDB CMS bygger på tanken om at skabe en fælles og robust ramme for det digitale bibliotek. Designet og udviklingen af denne platform, har været en særdeles udfordrende opgave med konstant skiftende fundament og teknologiske rammer. DDB cms har nu været i brug i forskellige kontekster, hvilket har illustreret behovet for modning og udvikling af design og UX af platformen. Ærindet med indeværende rapport og appendiks er, at etablere en fælles platform for viden og erfaring i forbindelse med et fremtidigt arbejde med DDB CMS, etablere fælles fordslag i DDB på user experience (UX) og visuel identitet (ID) området, så der sker et kvalitetsløft i forbindelse med fremtidige udviklingstiltag på DDB CMS baseret på et fælles fundament. Rapporten understøtter desuden udvælgelsesprocessen af de konkrete tiltag der også foretages i projektet, for at forbedre brugerens oplevelse på DDB CMS. For at kvalificere processen omkring et fremtidigt arbejde med UX og UI på platformene, er tidligere undersøgelser og workshops opsamlet i kort form i rapportens appendiks, afsnit A. Udover tidligere undersøgelser, baseres rapporten på en brugerinvolveringsworkshop samt en workshop med formidlingsgruppen og udvalgte biblioteker. Disse peger alle på en række udfordringer ved det nuværende DDB CMS, både hvad angår brugeroplevelse, søgning, materialevisning, lån, etc. Rapporten tager udgangspunkt i en gennemgang af værdier, grundlæggende brugsscenarier og guidelines. Denne del af rapporten bygger på en workshop med projektets ressourcegruppe og giver et strategisk ståsted for den videre analyse og designproces. Rapportens primære omdrejningspunkt, er analysen af UX og UI for DDB CMS i dets nuværende form. Analysen dækker fire hovedområder: forløb, arkitektur & navigation, UI design og responsivt design. Håbet er, at denne analyse vil danne et sundt og fælles fundament for den videre proces for fremtidigt arbejde med design og UX på DDB CMS. Side 4

5 2 Identitet og guidelines

6 2 Identitet og guidelines 2.1 Værdier DDB CMS er bibliotekets digitale berøringsflade, og for visse brugere, den primære og måske eneste berøringsflade. Det er derfor afgørende, at DDB CMS har en stærk og sammenhængende identitet. En stærk identitet, skabes gennem sammenhæng mellem det man er, det man siger og det man gør. Omdrejningspunktet, er således at få en organisations kultur, kommunikation og adfærd til at hænge sammen. Bestemmelsen og udvælgelse af værdier, der er repræsentative for bibliotekets essens og ønskede brugeroplevelse, kan være en praktisk løftestang for arbejdet med at skabe en stærk identitet. Værdierne tjener yderligere som strategiske rettesnore for fremtidigt redesign og videreudvikling af DDB CMS. Det nuværende DDB CMS, er designet ud fra følgende værdier: Moderne Informativ Nyskabende Oplysende Overraskende Oplevelsen af værdierne for det nuværende DDB CMS, blev diskuteret og evalueret af en gruppe bestående af 25 brugere og eksperter i brugeroplevelse i UI, i en brugerinvolveringsworkshop. Vi har opsamlet pointerne fra denne diskussion i Appendiks, afsnit A. Med udgangspunkt i denne opsamling samt det forhold at værdierne blev defineret inden designprocessen for det nuværende DDB CMS blev igangsat, synes det fordelagtigt at udfordre og gentænke værdierne, inden processen omkring et redesign af DDB CMS igangsættes. Følgende værdier er et resultat af formidlingsgruppen og udvalgte bibliotekers arbejde: Brugbarhed (Tilgængelighed / Sømløs brugeroplevelse / Service) Relation (Nærværende / Bibliotekarers tilstedeværelse) Troværdighed (Tillidsvækkende / Faglighed) Lokal forankring (Identitet / Tilknytning) Inspiration (Bibliotekets rum / Redaktionelt) Side 6

7 2 Identitet og guidelines 2.2 Grundlæggende brugsscenarier Følgende grundlæggende brugsscenarier, er skabt og kvalificeret gennem workshop med formidlingsgruppen og udvalgte biblioteker: Karen. 24 år, universitetsstuderende Karen bruger udelukkende bibliotekets website, når hun skal søge materialer til opgaver eller betale bøder. Dette gør hun almindeligvis hjemmefra på sin ipad. Lis. 68 år, pensionist Lis besøger ofte det fysiske bibliotek, hvor hun låner og bestiller bøger. Hun bruger ikke så ofte det digitale bibliotek, men vil fra tid til anden gerne følge med i status på lån og reserveringer, samt genlåne materialer. Bo. 45 år, pædagog på SFO Bo læser tit højt for børnene i institutionen, og er derfor altid på udkig efter nye spændende titler til børn i alderen 8 12 år. Han bruger bibliotekets website til at finde inspiration til dette. Kirsten. 52 år, biolog Kirsten ved ikke noget bedre end at slappe af i lænestolen med en god krimi, og er derfor hele tiden på jagt efter en ny. Hun bruger bibliotekets website til at finde inspiration og til at reservere. Jesper. 17 år, gymnasieelev Jesper er meget musik- og filminteresseret og er derfor glad for bibliotekets store, gratis udvalg. Han synes dog, at det er besværligt at skulle hente materiale, og er ikke så god til at huske at aflevere det igen. Han bruger derfor kun bibliotekets digitale tilbud. Else. 33 år, sygeplejerske Else har to børn på hhv. 7 og 10 år. De kan godt lide, at der sker noget. Else bruger derfor bibliotekets website til at holde sig opdateret på relevante arrangementer for familien, samt til at tjekke om biblioteket er åbent, når hun overvejer en tur derhen med børnene. Agnes. 15 år, folkeskoleelev Agnes er meget optaget af vampyrer og søger netværk omkring dette. Agnes vil gerne være medskabende og er aktiv på de sociale medier. Agnes vil gerne skabe en læseklub på bibliotekets platform. Henrik. 55 år. biokemiker Henrik bruger sin fritid på slægtsforskning og bruger bibliotekets website til at finde ny faglitteratur omkring emnet. Henrik har ofte mere end 25 materialer hjemlånt og det samme i reservationer. Sne. 10 år. folkeskoleelev. Sne interesserer sig for Twilight og heste. Hun vil gerne selv gennemføre lån og reservationer på sin iphone, uden at få assistance. Disse grundlæggende brugsscenarier vil senere blive kvalificeret yderligere af prioriteringsgruppen. Side 7

8 2 Identitet og guidelines 2.3 Guidelines Tanken med guidelines, er at omsætte værdier og grundlæggende brugsscenarier til en overskuelig række af hovedprincipper for en designproces. Disse principper fungerer som en konceptuel ramme eller en serie af love som benyttes i forbindelse med al design og udvikling til DDB CMS, for at understøtte, at den bedst mulige brugeroplevelse opnåes. Følgende guidelines tænkes som udgangspunkt for design og UX på DDB CMS platforme. Designet skal: gøre biblioteket forståeligt og overskueligt være forretningsunderstøttende og blandt andet facilitere inspiration, brug af materialer og deltagelse i aktiviteter understøtte den personlige bibliotekariske formidling lette brugerens handlinger og omgang med biblioteket understøtte det lokale biblioteks identitet være responsivt og tage højde for såvel forskellige platforme som grundlæggende brugsscenarier overholde gestaltlovene indeholde faste tolerancer og afstande mellem modulerne løbende brugertestes og evalueres Side 8

9 3 Problemer

10 I de følgende afsnit præsenterer vi vores analyse af de UX-problemer, vi har konstateret på DDB CMS i sin nuværende form. Analysen er inddelt i fire hovedområder - forløb, arkitektur og navigation, UI og responsive. Hvert område beskrives og der gives eksempler på områdets respektive problemer og endeligt, gives der forbedringsforslag og inspirationer. I analysen anvendes begreberne UX, usability og UI, som derfor kort forklares i det følgende: UX UX er en forkortelse for user experience og er brugerens samlede oplevelse, af at anvende et system. UX beskæftiger sig ikke kun med, hvordan brugeren kommer fra A til B, men også med den følelse og holdning brugeren opnår gennem brugen af et system. Både usabilty og UI, er essentielle dele af UX. Usability Begrebet usability dækker over et systems brugervenlighed. Usability beskæftiger sig med, hvor let det er for brugeren at forstå og anvende et system. UI UI er en forkortelse for User Interface og er den brugerflade, hvormed brugeren kan interagere med et system. Side 10

11 3.1 Forløb Områdebeskrivelse Forløbet gennem et website, beskriver hvordan brugeren møder forskellige typer indhold, bliver inspireret, distraheret, finder frem til sit ønskede mål og orienterer sig. For et ideelt udformet website, bør brugeren opleve sin færden på sitet som et sammenhængende flow, hvor der ikke bruges energi på forhindringer eller på at overveje hvordan han/hun kommer videre. En måde at teste sit website for u/hensigtsmæssige forløb, er ved at skabe en række grundlæggende brugsscenarier og gennemprøve disse fiktive personers primære brugssituationer på sitet. Derudover kan man definere såkaldte red routes for sit website. Red routes er de veje, flest brugere oftest benytter. Det kan f.eks. være at tjekke udlånsstatus, foretage en søgning eller tjekke bibliotekets åbningstider. Ved at belyse de forhindringer, en bruger møder på sin rute gennem et website, kan man synliggøre overordnede problemer, fejl eller mangler. Det kan også give indsigt i, om et website mangler indgange til indhold, og om hvorvidt de eksisterende indgange fungerer efter hensigten Underområder Grundlæggende brugsscenarier Aktivitetscentreret Red routes Flow Udfordringer og issues Grundlæggende brugsscenarier, aktiviteter, red routes og indgange Analysens afsnit 2.3 introducerede seks grundlæggende brugsscenarier, ligesom starten af afsnit gav et par eksempler på red routes. Ved både at gennemprøve red routes og afprøve analysens grundlæggende brugsscenariers hensigter, bliver det tydeligt at man som besøgende støder på udfordringer flere centrale steder. Herudover er der problemer med mulighederne for at lade sig inspirere. DDB CMS præsenterer ganske enkelt ikke særligt mange materialer, og tillader ikke Side 11

12 brugeren at gå på opdagelse eller bevidst fare vild. Eksempler Red route: Min side. Står man på forsiden og logger ind, forbliver man på forsiden og søgefeltet åbnes påny. For at tilgå sin brugerside, skal man opdage at teksten ved log ind ikonet er ændret fra Log ind til Min konto. (APPEN- DIKS, AFSNIT B, SCREENSHOT OG 3.1.2) Mange brugere vil forvente, at blive ført til sin personlige side efter log ind, eller i det mindste få en tydelig indikation af, at være logget ind. Logger en bruger ind fra forsiden, er det højst sandsynligt for at tjekke reserveringer, lån eller andet der relaterer sig til ens brugerside. Red route: Opdater reservation. Brugeren tilgår sin personlige side og vælger Reservationer. Herefter præsenteres en liste af reservationer. (APPENDIKS, AFSNIT B, SCREENSHOT 3.1.3) Der er dog ikke mulighed for at ændre i en reservation. Denne vigtige handling er svært tilgængelig: Her skal man, ud for et materiale, tjekke en boks af, hvorefter to knapper kommer til syne. (APPENDIKS, AFSNIT B, SCREENSHOT 3.1.4) Det er ikke tydeligt, hvad knappen Opdatér valgte reservationer dækker over. Først når man klikker, forstår man, at her er mulighed for at ændre afhentningssted og interesseperiode. (APPENDIKS, AFSNIT B, SCREENSHOT 3.1.5) Red route: Opret bruger/bliv låner: Indgangen til at oprette sig som bruger, ligger godt gemt væk i websitets footer. I dette eksempel (APPENDIKS, AFSNIT B, SCREENSHOT 3.1.6) hedder linket Lånerkort og indmeldelse. Servicedesign. Det er ikke muligt for en bruger at færdiggøre sin indmeldelse som låner, uden at skulle være fysisk til stede på biblioteket. Grundlæggende brugsscenarier. Bo ønsker at finde inspirerende materialer inden for sit interesseområde: Gode bøger til børnene på SFO en. Desværre er ruten ikke entydig og kan føre adskillige steder hen. Bo oplever gang på gang at gå forgæves, og har lyst til at opgive sit ærinde. Han forsøger at finde inspiration gennem temaindgange, men ender ofte på temalister, som han ikke synes virker inspirerende eller prioriterede. Temaer. Det virker tilfældigt, hvilke temaer der eksisterer (på Fredericia Bibliotek er der f.eks. et tema der hedder film, men ikke et, der hedder bøger.) (APPENDIKS, AFSNIT B, SCREENSHOT 3.1.7) Inspiration. Fredericia Bibliotek har en side ved navn Bøger. Søger man inspiration gennem denne, bliver man stillet overfor flere oplagte muligheder: Skønlitteratur, Læsetips og anbefalinger og Toplisten. Skønlitteratur fører skuffende til en side med to nyheder, ingen materialevisninger. Læsetips og anbefalinger fører ligeledes til en side med nyheder, denne gang en lang liste, som alle er tagget ens. Det er dog ikke muligt at filtrere i listen og man skal kigge alle nyhederne igennem for at se om der skulle være en nyhed, der beskriver det område, man har interesse i. (APPENDIKS, AFSNIT B, SCREENSHOT 3.1.9) Toplisten fører til en liste med kun de 11 mest efterspurgte materialer. Side 12

13 Flow Prædefinerede søgninger. (APPENDIKS, AFSNIT B, SCREENSHOT ) Disse links går direkte til prædefinerede søgninger. Dette skaber forvirring, idet det på søgningen er svært at afkode, hvad der præcist er søgt på. Nyeste krimier. (APPENDIKS, AFSNIT B, SCREENSHOT ) Er man opmærksom, kan man se, at søgningen faktisk ikke viser de nyeste krimier, men krimier modtaget i januar og februar, selvom vi i skrivende stund er sidst i maj. Ruten til indhold er forskellig. På Fredericia Bibliotek findes inspiration til børnebøger f.eks. gennem temaet Børnemateriale under Temaer, men det er ikke muligt at finde inspiration til bøger for voksne her. For at finde inspiration til dette skal man gennem indgangen Bøger nederst på forsiden. Udover at mindske de forhindringer og bump brugeren møder på sine ruter på sitet, kan man styrke fornemmelsen af flow, ved at give brugeren mulighed for at klikke sig videre til andet relateret indhold indenfor et givent. På DDB CMS bibliotekerne føres brugeren sjældent videre. Man præsenteres enten for ingenting eller man præsenteres for links, der ikke har nogen tilknytning til det indhold man befinder sig på, og man skal for det meste gå tilbage, hvor man kom fra eller starte forfra for at tilgå nyt indhold. Eksempler Det ville være naturligt at præsentere teasere for andre relevante nyheder, der er tagget med nogle af de samme tags som den nyhed man befinder sig på. Teaserne ville lægge sig i bunden af nyheden, så man møder dem når man har læst nyheden færdig og er klar til at gå videre. (APPENDIKS, AFSNIT B, SCREENSHOT ) Forbedringer og inspirationer Det ville være en god ide at føre brugeren til brugersiden efter log ind, med mindre brugeren er ved at udføre en aktivitet, som at låne et materiale. Temaer kunne defineres gennem genrer i stedet for materialer. Randers Bibliotek har udformet en løsning på dette til inspiration: https://randersbib.dk Temasider kunne fungere som landings med relateret materiale på tværs af indholdstyper. Her et eksempel fra kadk.dk, hvor siden Arkitektskolen viser forskellige indholdstyper, der relaterer sig til Arkitektskolen (APPENDIKS, AFSNIT C, SCREENSHOT OG ) Bibliotekarens funktion på det fysiske bibliotek, kunne aktiveres gennem step-guides eller interessetragter. Et eksempel på en step-guide, kunne være at lade brugeren vælge en materialetype, et emneområde og tre materialer, som brugeren finder interessant inden for dette område, Side 13

14 hvorefter guiden svarer tilbage med en liste over lignende materialer. Ved at præsentere brugeren for relateret indhold øger man brugerens flow og sørger for at brugeren inspireres. Dette kan gøres ved f.eks. at vise nyheder, der deler tag med den nyhed brugeren befinder sig på. (APPENDIKS, AFSNIT C, SCREENSHOT ) Eller ved at vise indhold andre brugere, der har lånt et givent materiale, også har lånt - her et eksempel med hvad andre brugere har købt (APPENDIKS, AFSNIT C, SCREENSHOT ) Personaliseringsmodulet, løfter visse af disse områder og burde muligvis være en del af DDB basis. Aarhus Kommunes Biblioteker har implementeret en løsning på muligheden for at oprette sig som bruger online. Hvis denne virker efter hensigten kunne den overføres til DDB CMS. Side 14

15 3.2 Arkitektur og navigation Områdebeskrivelse En logisk informationsarkitektur og navigation, er grundlaget for et intuitivt site, hvor brugeren nemt kan afkode, hvor denne befinder sig samt, hvad sitet indeholder og hvorledes der navigeres. Brugeren danner sig hurtigt et indtryk af sitets arkitektur og navigationsprincipper og forventer herfra, at resten af sitet stemmer overens med dette indtryk. Mødes denne forventning ikke, skal brugeren bruge ressourcer på at genoverveje sin forståelse af arkitekturen og navigationsprincipperne. En sådan inkonsistens i arkitektur og navigation, forvirrer brugeren og skader sitets troværdighed. Brugeren efterlades med en følelse af manglende overblik og utryghed ved at gennemføre handlinger på sitet. Udover at et site skal følge sine egne definerede regler, bør det i langt de fleste tilfælde følge de gængse webkonventioner for struktur og navigation. Dette gælder i særdeleshed, når der er tale om en bred målgruppe. En gennemsnitlig bruger, er bekendt med en række konventioner fra sin generelle færd på nettet. Det handler om at benytte sig af denne viden og disse konventioner, for at skabe en velkendt og intuitiv navigation Underområder Informationsarkitektur og markører Menu Konsekvent navigation Gruppering, hierarki, tags og kategorier Udfordringer og issues Informationsarkitektur og markører DDB-cms har en meget flad informationsarkitektur. Dette betyder, at man som bruger bevæger sig meget på tværs af sitet, frem for i dybden. Brugeren føres således ofte væk fra det menupunkt denne befinder sig under, hvilket gør besværliggør brugerens afkodning af strukturen. Der mangler ligeledes ofte markører for, hvor brugeren befinder sig. Side 15

16 Eksempler Står man på siden Inspiration (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.1) på Albertslund Bibliotek og vælger Emnelister for voksne, føres man væk fra inspiration og til en side uden markører for, hvor man befinder sig (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.2) De manglende markører er et generelt problem. (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.3) Menu Menuen bør give et visuelt overblik over sitets indhold samt markere for brugeren, hvor denne befinder sig. Dette er ikke tilfældet på DDB bibliotekerne. Derudover sammenblandes menuens 2. niveau med kategori-filtreringen, ved at dele placering og udseende. Eksempler Konsekvent navigation Menuen mangler en visuel markering af det aktive menupunkt. (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.4) På siden Lånerkort fungerer venstremenuen som undermenu (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.4), mens denne er et kategori-filter på siden Nyheder. (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.5) Til gengæld fungerer select-listen på siden Nyheder som en menu, der fører en til en ny side med ny højremenu i stedet for et filter som forventet. Den inkonsekvente navigation, går igen flere steder - både i venstremenuerne og i forbindelse med tags på indhold. Eksempler Ifølge gængse webkonventioner, betyder navigation i en undermenu at man føres videre til en side, der befinder sig under samme overpunkt. Dette er ikke tilfældet i venstremenuen her. (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.1) Navigation i venstremenuen, har her tre forskellige regler og kan føre en til: en side inden for samme overpunkt ved valg af Nyt på hylderne (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.6), en side et andet sted på sitet ved valg af Emnelister for voksne (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.2), en ekstern side ved valg af Filmtwitting (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.7) Tags på indhold har forskellige funktioner. Der er intet visuelt, der indikerer at de tre tags har forskellige funktioner (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.8) Tagget Emnelister fører brugeren til en liste over nyheder tagget med Emnelister. (APPENDIKS, AFSNIT B, SCREENSHOT 3.2.9). Tagget Albertslund Hovedbibliotek fører brugeren til en biblioteksside. (APPENDIKS, AFSNIT B, SCREENSHOT ). Side 16

17 Tagget Emnelister for voksne fører brugeren til en liste over indhold tagget med Emnelister for voksne. (APPENDIKS, AFSNIT B, SCREENSHOT ) Gruppering, hierarki, tags og kategorier Grupperingen af indhold i temaer og kategorier fremstår rodet. Mulighederne er mange ved frit at kunne kombinere menu-struktur, temaer og kategorier. Resultatet bliver desværre uigennemsigtigt. Dette skyldes, at der ofte og nemt opstår et mismatch mellem menustrukturen og strukturen for tags og temaer. Eksempler Klikker man sig på Fredericia Bibliotek fra siden Bøger til siden Læsetips og anbefalinger, hvilket kan gøres fra venstremenuen, ryger man væk fra området Bøger. Brugeren har oplevelsen af, at have tilgået området Bøger men er ved et enkelt klik i undermenuen ikke længere under området og præsenteres nu for indhold, der ikke er relateret til Bøger (f.eks. linket Film, musik og teater i venstre-menuen) - brugeren forvirres derved omkring sin placering i sitets struktur. (APPENDIKS, AFSNIT B, SCREENSHOT OG ) Forbedringer og inspirationer Markeringer eller active states i hovedmenu og undermenu. Strukturen kunne ligeledes understøttes med brødkrummer. (APPENDIKS, AFSNIT C, SCREENSHOT ) En menu, der giver overblik over hvad der findes under hvert punkt. (APPENDIKS, AFSNIT C, SCREENSHOT ) Omstrukturering af sitemap, så brugeren ikke så ofte føres væk fra det område denne har navigeret til. Konsekvente regler for navigation Side 17

18 3.3 UI Områdebeskrivelse UI er forkortelsen for begrebet User Interface. Termen beskriver mødet mellem bruger og, i dette tilfælde, website. I visuel kommunikation arbejder man primært med skrift, farve, foto og illustrationer i samlende kompositioner. Det samme gør sig gældende for et UI, men her er følgende komponenter også potentielt i spil: Interaktive elementer (knapper, links, dropdowns, indtastningsfelter, scrollbarer, faneblade, checkboxe, notifikationer) lyd og bevægelse. Det er bredt accepteret, at et veldesignet UI for et kommunikationswebsite, bør give slutbrugeren oplevelsen af, at websitets funktioner og visuelle kommunikation giver sig selv, arbejder med og for brugeren og er effektivt i sin visuelle udformning og respons. Kort sagt, kan man sige, at UI et skal facilitere, at brugeren skal yde mindst muligt for at opnå sit ønskede mål. UI et skal gøre sitets formål og indhold forståeligt. I den overordnede visuelle formgivning og præsentation af et websites UI, er det meget vigtigt, at der er en pædagogisk overensstemmelse på tværs af indholdssider. Hvis dette ikke er tilfældet, kan det skade brugerens forståelse af platformen Underområder Gestaltlovene Visuel konsistens Typografi Clutter Usability Side 18

19 3.3.3 Udfordringer og issues Gestaltlovene Hovedpointen i gestaltlovene, er perception. Den menneskelige hjerne tænker i systemer, regler og sammenhænge. En af de store udfordringer for DDB cms har vist sig at være netop inkonsekvent omgang med følgende gestaltlove: 1. Loven om lighed. Denne lov beskriver, hvordan symboler, der ligner hinanden, vil opfattes som hørende sammen, og ligeledes vil symboler der adskiller sig fra hinanden, opfattes som værende forskellige 2. Loven om nærhed. Denne lov beskriver, hvordan symboler i hinandens umiddelbare nærhed, vil opfattes som hørende sammen 3. Loven om lukkethed. Denne lov beskriver, hvordan symboler der er indkapslet i en ramme, eller et kontrastfyldt område, vil opfattes som værende separate fra det omkringliggende indhold 4. Loven om figur og baggrund. Denne lov beskriver, hvordan den mindste, afgrænsede figurantegning vil blive opfattet som forgrund. Dvs. at kontrastforholdet angiver vigtighed. Eksempler Lovene om nærhed og lighed: Forsiden. Her præsenteres en strøm af nyheder og arrangementer, som alle står i hinandens umiddelbare nærhed, men som ved nærmere inspektion rent indholdsmæssigt er forskellige. Rent visuelt er der ikke nogle nævneværdige parametre der adskiller elementerne. (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.1) Loven om nærhed: Forsiden. For at gå til en nyhedsartikel skal man klikke Læs mere som er placeret i en nyhedskasses yderste højre side, visuelt tættere på kalenderens højrespalte end dets eget indhold (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.1) Lovene om lukkethed og figur og baggrund: Forsiden. For at adskille kalenderspalten visuelt, har man designet en metaforisk kalenderlap: En farvet top på en hvid flade. Denne lap er placeret på en mørkere grå baggrund, som danner et ekstra lag: Farvet kalendertop på hvid flade på mørk grå baggrundsfarve på lys baggrundsfarve. Det giver oplevelsen af, at kalenderlappen faktisk ikke hører til arrangementet, men er sit eget element. (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.1) Herudover er dag og dato typografisk større end arrangementets titel. Loven om nærhed: Generelt. Klapper man punkterne i sitets footer sammen, vil pilene være tættere på det næstkommende punkt, og ikke det punkt pilen rent faktisk tilhører (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.2) Loven om nærhed: Søgeresultat for materialesamling. Mærkaten med ordet Tilgængelig: er tættere på første tag ( Bog ) end næste tag ( Lydbog ), hvilket ansporer at der er et forhold mellem Tilgængelig og Bog som ikke gælder for Bog og Lydbog. (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.3) Side 19

20 Visuel konsistens Loven om lighed: Arrangementsvisning. Der er to tags i bunden af arrangementets beskrivelse, men de har ikke samme størrelse. Forskellen ansporer, at Musik er mindre vigtig end Eksternt arrangement (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.4)Samtidig angives tags som værende sidens absolut vigtigste kommunikative element ved at være tydeligt afgrænset i et rektangel, samt være farvet rødt. Loven om lighed: Arrangementsvisning. Der er indsat ikoner for arrangementet: A) Ikonet for datoen er en kalender, der tydeligt viser forskellige datoer i et lille net. I arrangementslisten var dette ikon en kalenderlap med farvet top. B) Ikonet for publikumstype (Alle) er det samme som bruger login / lånernummer. (SCREENSCHOT 3.3.4) Loven om lighed: Pilenavigation. På arrangementer > Kategori er pilene en anden størrelse end pilene i footeren. Dette ansporer at de har to forskellige funktioner, hvilket ikke er tilfældet (SCREENSCHOT 3.3.5) Lovene om lukkethed og lighed: Generelt. Toppen af et DDB cms website består af en tredelt top: Øverste del indeholder bibliotekets navn samt to faneblade, der lader brugeren skifte mellem søgemodus og brugermodus. Midterste del indeholder enten søgemuligheder eller brugerinformationer vist kontekstuelt ift øverste del. Nederste del indeholder hovednavigationen for sitet. Denne navigation står på en flade der ikke visuelt adskiller sig fra det midterste felt. Man forventer, at hvis man klikker den inaktive fane i øverste del, vil hovednavigationen forsvinde. Dette er dog ikke tilfældet. Ligeledes kan man klappe den aktive fane sammen via øverste del, hvilket resulterer i, at midterste del forsvinder, uden dog at skjule nederste del, til trods for at det visuelt synes logisk (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.6) Visuel konsistens handler om at skabe tiltalende, let forståelige visuelle systemer. Følger man disse visuelle systemer, sikrer man, at brugere hurtigt intuitivt accepterer og følger UI ens særegne konventioner. Visuel konsistens breder sig til dels både ind på områderne gestaltlovene og usability men fokuserer udelukkende på, at ensrette og tydeliggøre det visuelle udtryk. DDB CMS tilbyder en frihed eller fleksibilitet ift designet af UI et og der gives tre niveauer af denne. Dette er selvsagt en udfordring for tanken omkring visuel konsistens, men konsistensen bør findes på et højere niveau end fleksibiliteten og bør således indtænkes generelt. Eksempler Generelt: Et DDB cms website leveres med en del pile, som alle har samme overordnede funktion. Visuelt er disse pile ikke i overensstemmelse med hinanden, hverken i størrelse eller udførelse (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.7) Generelt: Bruger man søgeren i toppen af sitet, står den på en farvet baggrundsflade. Efter man får præsenteret søgeresultater, står søgeren under toppen på hvid baggrund (APPENDIKS, AFSNIT B, SCREENSHOT OG 3.3.9) Side 20

21 Generelt: Linjer til at separare indhold både horisontalt og vertikalt har ikke et ensartet kontrastforhold eller ens tykkelse (APPENDIKS, AFSNIT B, SCREENSHOT ) Materialevisning: Farve, farveforløb, størrelse og typografering er en anelse forskelligartet fra emneord til handlingsknapper. (APPENDIKS, AFSNIT B, SCREENSHOT ) Typografi Typografi er et specialeområde inden for grafisk design, som omhandler behandling af tekst. Graden af tydelighed i den visuelle kommunikation for et website afhænger i høj grad af det typografiske arbejde. Det er her, man synliggør en teksts hierarki, skaber overblik over indhold og viser hvad der siger hvad om hvad. For et kommunikationswebsite vil der ofte være en proces, hvor alle rubrik- og brødtekstniveauer identificeres, for bedst at planlægge de visuelle balancer i en given tekst. Eksempler Clutter Temaliste: Niveau 1, 2 og 3 er typografisk næsten identiske, hvilket efterlader brugeren til sig selv (APPENDIKS, AFSNIT B, SCREENSHOT ) Nyheder: Linjelængden overskrider langt de karakter pr. linje, som man anbefaler ved læsning på web (APPENDIKS, AFSNIT B, SCREENSHOT ) Generelt: Skrifttypen Source Sans Pro er tegnet i 6 snit med ægte kursivsæt for maksimal potentiel flavor. I DDB cms er kun Regular og Semibold snittene brugt, to snit som ikke har en tydelig visuel kontrast til hinanden. Det skaber større lighed mellem de tekstuelle elementer på en side, som rent kommunikativt burde adskille sig fra hinanden (APPENDIKS, AFSNIT B, SCREENSHOT ) Clutter er en term der dækker over unødvendigheder som forstyrrer eller forringer en brugeroplevelse, enten i interaktionen med et website eller i den blotte visuelle betragtning. Eksempler Nyheder: I teaservisningen af nyheder, er der tilføjet en Læs mere knap, som ikke tjener et egentligt formål, idet du både kan navigere til den fulde nyhedsvisning via klik på billede eller overskrift. Konventielt ser man ikke Læs mere knapper på nyhedssites eller blogs længere (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.1) Arrangementer: I teaservisningen af arrangementer, er der tilføjet en pil, der angiver at man kan navigere til dette arrangement. Den forstyrres dog af teksternes længde, som kan støde sammen med pilen (APPENDIKS, AFSNIT B, SCREENSHOT 3.3.1) Arrangementer: I teaservisningen arrangementets lokation visuelt tydeligere end arrangementets titel. Det er derudover muligt at klikke på lokationen, hvilket ikke nødvendigt fra teaseren. (APPENDIKS, AFSNIT B, SCREENSHOT ) Side 21

22 Arrangementer: I listen af teasere indeholde dato-adskilleren samme information to gange, både i form af dato-lap og tekst (APPENDIKS, AFSNIT B, SCREENSHOT ) Usability Materialesamling: Der vises en teaser for hver materialetype, hvilket betyder at man får de samme informationer flere gange. Titel, forfatter, årstal, billede, beskrivelse og tags er ens for teaserne. Disse kunne samles i en fælles top (APPENDIKS, AFSNIT B, SCREENSHOT ) Anmeldelser: Anmeldelser fylder visuelt meget, men har men indeholder ikke meget information. Man forventer at man kan klikke sig hen til en anmeldelse, men man bliver blot informeret om, at der findes en anmeldelse og får i nogle tilfælde en rating fra anmeldelsen. (APPENDIKS, AFSNIT B, SCREENSHOT ) Usability beskæftiger sig med, hvor brugervenligt et website er - er det let for brugeren at forstå, hvordan sitet anvendes. Et brugervenligt site skabes blandt andet ved at skabe klarhed i user interfacet, så det er nemt og hurtigt at afkode, hvordan diverse funktioner anvendes. Er det f.eks er tydeligt for brugeren, hvilke elementer der kan klikkes på, hvordan man filtrerer i en søgning eller hvordan man logger ind? Man bør derudover have fokus på om der kan gøres noget for, at brugeren lettere kan udføre de handlinger han/hun ønsker. Ved man f.eks. at mange brugere ofte ønsker at bruge en bestemt funktion, kan man hjælpe dem på vej ved at placere denne funktion centralt og tydeligt i sit layout. Der er i DDB-cms en del eksempler på elementer, hvor brugervenligheden kan optimeres. De tidligere behandlede områder om gestaltlovene, visuel konsistens, typografi og clutter er alle med til at skabe klarhed i user interfacet. Men der er en række elementer på ethvert site, der falder en smule uden for disse kategorier og det er dem vi samler op på her. Eksempler Slideshow: Der er ingen visuel indikation i tekst-listen til venstre af, hvilket slide der er aktivt. (APPENDIKS, AFSNIT B, SCREENSHOT ) Slideshow: Tekstboksen på hvert enkelt slide er ikke et link, og der kan kun klikkes på titel og billede. Det føles intuitivt at kunne klikke på hele slidet. (APPENDIKS, AFSNIT B, SCREENSHOT ) Linielængde: Linielængden på brødteksten er meget bred, hvilket gør den svær at læse. (APPENDIKS, AFSNIT B, SCREENSHOT ) Pager på søgning: For hvert sideskift på en søgning kommer der en ekstra side i pageren. Brugeren er vant til at kunne skabe sig et overblik over antallet af sider her. (APPENDIKS, AFSNIT B, SCREENSHOT OG ) Side 22

23 Filtrering på søgning: Ved nogle filtermuligheder er det muligt at vælge flere (f.eks. Emne) - ved andre er det kun muligt at vælge en (f.eks. Årstal). Visuelt er de ens, og man viser altså ikke brugeren at der er en forskel. (APPENDIKS, AFSNIT B, SCREENSHOT ) Søgestreng: Ved klik på emne-tag på et materiale lander man på en søgning med en tekststren i søgefeltet som denne: dkcclterm.em= fantasy. Det er meget indforstået, hvad dette betyder. (APPENDIKS, AFSNIT B, SCREENSHOT ) Rediger brugerprofil: Det er en god ide at informere brugeren om, hvorvidt felterne er valgfrie at udfylde og hvad information man indtaster benyttes til. Det er f.eks. uklart hvordan biblioteket bruger telefon nummer og adresse. (APPENDIKS, AFSNIT B, SCREENSHOT ) Reservationsliste: Man savner materiale-billeder, som gør det hurtigere at afkode hvert materiale. (APPENDIKS, AFSNIT B, SCREENSHOT ) Reservationsliste: Nummer i kø info siger intet om, hvornår man kan forvente at bogen er klar til afhentning, da man ikke får info om antal eksemplarer. En dato for hvornår materialet forventes klar til afhentning vil være mere brugbar. (APPENDIKS, AFSNIT B, SCREENSHOT ) Huskeliste: Det er muligt at slette materiale fra sin huskeliste, men muligheden bliver først synlig, hvis man tjekker et af materialerne af. Der er stor chance for at brugere ikke opdager funktionen. (APPENDIKS, AFSNIT B, SCREENSHOT OG ) Reservér knap: Reservérknappen er stadig synligt på indhold der allerede er reserveret. Det ville være fint at vise brugeren at materialet er reserveret ved f.eks. at ændre teksten på knappen og gøre den inaktiv. (APPENDIKS, AFSNIT B, SCREENSHOT ) Farvekoder på materiale: Der kan sættes spørgsmålstegn ved om farvekoderne på materialer er tydelige nok indikatorer på det de dækker over. Her betyder den gule farve på reservér knappen f.eks. at der er kø på materialet. Det ville være skabe klarhed også at skrive med ord, at der er kø på materialet. (APPENDIKS, AFSNIT B, SCREENSHOT ) Søgefelt: Søgefeltet forsvinder, hvis man vælger resultater fra hjemmesiden på en søgning og der ikke er nogle resultater. Man skal navigere tilbage for at foretage en ny søgning. (APPENDIKS, AFSNIT B, SCREENSHOT ) Hover feedback: Der gives generelt ikke meget feedback til brugeren på hover. Tags skifter baggrundsfarve og nogle links får en streg under sig. Men f.eks. billeder og titler i teasere og slideshows, samt mange knapper, som f.eks. reservér knappen har ingen feedback på hover. Hover-feedback er en nem måde at vise brugeren at denne er ved at interagere med et element. Header: Headeren er ikke fixed og man skal ofte scrolle langt op for at tilgå menuen og søgeren. Farver: Farvevalget giver på nogle biblioteket nogle lidt uheldige resultater, som går ud over læsbarheden og overblikket. Her er kontrasten mellem Side 23

24 tekstfarver, link-farven og diverse baggrundsfarver ikke god og meget af teksten er svær at læse. (APPENDIKS, AFSNIT B, SCREENSHOT ) Her mangler der farveforskel mellem teaser-bokse og sidens baggrund. (APPENDIKS, AFSNIT B, SCREENSHOT ) Hvor befinder materialet sig: Den bedste måde, at guide brugeren på vej kan ofte være at bruge de rigtige ord. Når man befinder sig på et materiale kan man, ved at klikke på Se alle eksemplarer, få vist hvilke biblioteker, der har materialet hjemme og hvor det er opstillet. Ud fra teksten er det dog ikke særlig tydeligt, at det er denne information der gemmer sig i boksen. En tekst som Se hvilke biblioteker der har materialet hjemme eller Se hvor materialet befinder sig ville være selvforklarende, og lede brugeren på rette vej. (APPENDIKS, AFSNIT B, SCREENSHOT ) Forbedringer og inspirationer Et redesign der overholder gestaltlovene og skaber et klart typografisk hierarki. Her ses et eksempel på, hvordan f.eks teaservisninger kan indeholde meget information, men stadig fremstå overskuelige igennem at følge gestaltlovene og have klare typografiske niveauer. (APPENDIKS, AFSNIT C, SCREENSHOT ) Bedre visuel opdeling mellem forskellige indholdstyper. Fjernelse af overflødige knapper og funktioner. En fixed header vil betyde at brugeren hele tiden har kort vej til at navigere videre og søge. For at spare plads kunne det være en ide med en header der bliver lavere når der scrolles ned. (APPENDIKS, AFSNIT C, SCREENSHOT OG ) En mere fængende, visuelt orienteret formidling af indhold og i særdeleshed af arrangementer (jvf. Pointer fra Brugercentrisk Dagen i Appendiks). Side 24

25 3.4 Responsive Områdebeskrivelse Responsivitet beskæftiger sig med, hvordan et website tilpasser sig forskellige skærmstørrelser. Antallet af forskellige skærmstørrelser er enormt og det er utopisk at tro, at man kan have fuld kontrol over, hvordan ens site fremstår på alle skærmstørrelser. Men det er vigtigt, at sitets funktionalitet og forståelse ikke går tabt, og at principperne for navigation og UI beskrevet i de to tidligere afsnit stadig overholdes når skærmstørrelsen ændres. De fleste udfordringer opstår når pladsen på skærmen bliver trang. Det handler her om at foretage en skarp prioritering af hvad der skal have plads. Størrelser og afstande skal tilpasses så pladsen udnyttes optimalt Underområder Tilpasning, prioritering og udnyttelse af plads Opretholdelse af funktionalitet og god navigation Konsistens i UI Udfordringer og issues Tilpasning, prioritering og udnyttelse af plads DDB CMS har en udfordring når skærmen bliver mindre. Billeder er meget små, linjelængder meget korte og visse elementer fylder uforholdsmæssigt meget. Nogle steder står indhold oven i hinanden eller bryder ud af de kasser de var tiltænkt at holde sig inden for. Det betyder at overblikket ryger, at indholdet er sværere at tilgå og afkode, og at sitets troværdighed svækkes, da det ikke fremstår designet. Eksempler For stor højre margin på søgefelt giver horisontalt scroll. (APPENDIKS, AFSNIT B, SCREENSHOT 3.4.1) Der bruges meget plads på dato headeren. Billeder er så små at det er svært at se hvad der er på dem. Teasertekst står ofte oveni pil. (APPENDIKS, AFSNIT B, SCREENSHOT 3.4.2) Der bruges generelt meget plads på padding, da designet er bygget op af bokse i bokse. Her er der f.eks. 4 gange padding fra venstre før titel og billede. 1 gang padding ville være nok. (APPENDIKS, AFSNIT B, SCREENSHOT 3.4.3) Side 25

26 Skriftstørrelsen på titlen er unødigt stort. Billedet er småt men optager hele venstre side og linielængden bliver derfor meget lille og hele elementet bliver meget højt. (APPENDIKS, AFSNIT B, SCREENSHOT 3.4.3) Det er muligt at oprette tabeller tekstfelter, hvilket ikke kan styres på små skærme. Tekst på billeder bør også frarådet, da teksten næsten altid bliver for lille til at læse på små skærme. (APPENDIKS, AFSNIT B, SCREENSHOT 3.4.4) Højden på de forskellige slides i slideshowet på forsiden varierer i højden. Det har den effekt at alt indhold under slideshowet rykker op eller ned hver gang slideshowet skifter. (APPENDIKS, AFSNIT B, SCREENSHOT OG 3.4.6) Opretholdelse af funktionalitet og god navigation Når pladsen bliver trang, er det ofte nødvendigt at flytte elementer, ændre deres udseende eller skjule dem. Der er på DDB cms bibliotekerne flere eksempler på at funktionaliteten og navigationen, er blevet mindre hensigtmæssig i denne proces. Der er derfor gode muligheder for forbedringer i denne henseende. Eksempler Undermenu er usynlig. Klikker man sig ind under f.eks. inspiration Albertslund bibliotek er der intet, der indikerer, at siden har undermenupunkter. Man skal åbne menuen for at se/opdage dette. (APPENDIKS, AFSNIT B, SCREENSHOT OG 3.4.8) Undermenuen vises her som en select-liste for at spare plads. Dette er inkonsistent i forhold til, at undermenuen andre steder vises som underpunkter i hovedmenuen. Derudover er det et brud på de gængse webkonventioner, hvor menuer aldrig vises som select-lister. En select-liste signalerer at man filtrerer i indholdet. (APPENDIKS, AFSNIT B, SCREENSHOT 3.4.9) I slideshowet på forsiden kan man skifte indhold i slideshowet ved hjælp af en select-liste. En select-liste er en dårlig visuel visning af, at man kan skifte mellem forskellige slideshows. Overblikket og funktionaliteten fra desktop er gået tabt. (APPENDIKS, AFSNIT B, SCREENSHOT ) Teksten er fjernet fra ikonerne i topmenuen, hvilket gør det ekstra vigtigt at ikonerne er nemme at afkode. Log-ud ikonet er umiddelbart svært at tyde (APPENDIKS, AFSNIT B, SCREENSHOT ) Og når man har logget ind skifter Log ind ikonet funktion til at være et link til ens personlige side, hvilket man må gætte sig til. (APPENDIKS, AFSNIT B, SCREENSHOT ) Åbner man menuen og derefter søgefeltet, åbner søgefeltet op uden har menuen lukkes. (APPENDIKS, AFSNIT B, SCREENSHOT ) For at lukke menuen skal man nu klikke to gange på menu-ikonet og hvis man klikker søgeren væk, står menuen stadig åben, selvom menu-ikonet ikke er aktivt (APPENDIKS, AFSNIT B, SCREENSHOT ) Side 26

27 Konsistens i UI Når skærmen bliver mindre kan der nemt opstå små uoverenstemmelser i user interfacet. Det kan være afstande der ikke længere er ens, ting der ikke aligner og lign. Sitet kommer derved til at fremstå sjusket og det skader dets troværdighed. Eksempler Logoet bliver for højt og skubber elementet under sig ned, og der opstår luft mellem ikoner det element de burde hænge sammen med. (APPENDIKS, AFSNIT B, SCREENSHOT ) Sektionen med nyheder er smallere end teksten over den (APPENDIKS, AFSNIT B, SCREENSHOT ) Den invendige luft fra boksens kant til tekst er større på nyhedsteasere end på eventteasere (APPENDIKS, AFSNIT B, SCREENSHOT ) Forbedringer og inspirationer En omstrukturering af menuen, så underpunkter foldes ud når man klikker på et menupunk. Giver overblik. (APPENDIKS, AFSNIT C, SCREENSHOT ) Bedre udnyttelse af plads kan opnås ved ikke at have bokse i bokse, så der spares padding samt at lade indholdet fylde hele bredden ud og placere sig oven på hinanden. (APPENDIKS, AFSNIT C, SCREENSHOT ) Side 27

28 4 Opsamling

29 4 Opsamling Indeværende analyse, er ikke tænkt som et statisk dokument, men som et nyt ståsted for videreudviklingen af DDB CMS. Det er således tanken at rapportens indhold lever videre og konkretiseres. Kongstanken bag arbejdet med værdier, grundlæggende brugsscenarier og guidelines i afsnit 2, er at disse føres videre og bruges aktivt i fremtidlige projekter under DDB. De konkrete tiltag og forbedringer, som beskrives i afsnit 3, er blevet kvalificeret og rangeret af formidlingsgruppen og andre nøglepersoner. Dette lever videre i et dynamisk dokument, som varetages af DDB. Disse tiltag og forbedringer, opdeles i pakker og udvalgte pakker, gennemføres i efteråret Side 29

B14. Appendiks. Dokument DDB CMS User Experience Analyse Version 1.2 Dato 1. Juli 2015. Værnedamsvej 15, 1. sal 1819 Frederiksberg C Danmark. b14.

B14. Appendiks. Dokument DDB CMS User Experience Analyse Version 1.2 Dato 1. Juli 2015. Værnedamsvej 15, 1. sal 1819 Frederiksberg C Danmark. b14. Appendiks Dokument DDB CMS User Experience Analyse Version 1.2 Dato Bureau B14 Aps Værnedamsvej 15, 1. sal 1819 Frederiksberg C Danmark b14.dk A Opsamling af tidligere undersøgelser & workshops A Opsamling

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

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

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

Læs mere

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

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

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 1 Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 2 Alle testpersonerne giver udtryk for at sitet er forholdsvis nemt at anvende til at finde den information

Læs mere

Vejledning til ereolens app til Android enheder

Vejledning til ereolens app til Android enheder Vejledning til ereolens app til Android enheder 26-01-2015 Indhold 1. Hvordan henter jeg ereolens App til smartphones og tablets?... 3 2. Opdatering af styresystem på din Android enhed... 4 3. Hvordan

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

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

Bortset fra disse ting, så ser vi frem til at få jeres feedback, rapporter om fejl og ideer.

Bortset fra disse ting, så ser vi frem til at få jeres feedback, rapporter om fejl og ideer. Test af BETA-release i Mobil Søg projektet Kære Tester Tak for, at du vil være med til at gøre Mobil Søg til et bedre projekt. Som tester har du den vigtige opgave at gennemgå den tilsendte version og

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

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

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

Læs mere

Silkeborg Review Mine sider

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

Læs mere

Silkeborg Review Mine sider

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

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

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

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

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

Læs mere

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

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

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

Læs mere

2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor!

2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor! Forslag til Web kursus indhold. 1. Hvordan finder man vores side? 2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor! 3. Gennemgå hvordan man bliver oprettet som medlem og får adgang

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log

Læs mere

MANUAL TIL FS PÅ NETTET

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

Læs mere

PowerPoint 2003. Kursusmateriale til FHF s kursister

PowerPoint 2003. Kursusmateriale til FHF s kursister PowerPoint 2003 Kursusmateriale til FHF s kursister Indholdsfortegnelse: Opgave 1 Hvad er en Præsentation?... 2 Opgave 2 vælg emne + opret dias... 3 Opgave 3 Indsæt objekter / billeder... 4 Opgave 4 Brugerdefineret

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

Indhold. 1. Adgang og afslutning

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

Læs mere

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

ipad for let øvede, modul 8 Underholdning på ipad Læsning

ipad for let øvede, modul 8 Underholdning på ipad Læsning 23012015AS ipad for let øvede modul 8 Underholdning på ipad Indledning I dette modul vil vi beskæftige os med nogle af de muligheder, der er for at læse på ipad'en. Aviser/dagblade Vi har i modul 2 vist,

Læs mere

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i.

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i. 1. Introduktion I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i. Indhold i app'en: Startup side, hvor app'en

Læs mere

8 tips og tricks der sender din webshop i superligaen

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

Læs mere

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

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

Brugermanual. Revision 1

Brugermanual. Revision 1 Revision 1 Brugermanual INDHOLD HENT APP 1 LOG IND 1 OVERSIGT OVER MOBILPLAN 1 OPRET PROJEKT 2 AFSLUT PROJEKT 2 MINE PROJEKTER 3 TILFØJELSER TIL PROJEKT 3 TILFØJ BESKED 3 VIS PÅ KORT 4 NAVIGER TIL 4 REGISTRERING

Læs mere

Administrator manual

Administrator manual Revision 1 Administrator manual INDHOLD LOG IND 1 OVERBLIK 1 ARBEJDSRUM 1 MEDARBEJDERE 2 OPRET NY MEDARBEJDER 2 TRIN 1 AF 4: NAVN OG OPLYSNINGER 2 TRIN 2 AF 4: LEGITIMATION 2 TRIN 3 AF 4: EFFEKTIVITETSNIVEAU

Læs mere

DDB s mission og vision

DDB s mission og vision STATUS MARTS 2015 DDB s mission og vision Vi styrker, effektiviserer og synliggør det samlede offentlige bibliotekstilbud og sikrer alle borgerenem adgang til udvalgt, kvalitativt, aktuelt og alsidigt

Læs mere

Vejledning til ereolens app version 2.0 til ipad

Vejledning til ereolens app version 2.0 til ipad Vejledning til ereolens app version 2.0 til ipad 07-07-2014 Indhold 1. Hvordan henter jeg ereolens App?... 3 2. Hvordan kommer jeg i gang?... 5 2.1 Hvordan logger jeg ind/ud?... 5 3. Mine lån... 7 4. Hvordan

Læs mere

BEGREBER I DANTEK... 2 LOG IND PÅ DANTEK WEBBOOKING... 3 SØGNING... 5 SØGERESULTATET... 8 LÅN FRA UDLÅNSSAMLINGEN... 11

BEGREBER I DANTEK... 2 LOG IND PÅ DANTEK WEBBOOKING... 3 SØGNING... 5 SØGERESULTATET... 8 LÅN FRA UDLÅNSSAMLINGEN... 11 BEGREBER I DANTEK... 2 SAMLINGER... 2 Informationssamlingen... 2 Udlånssamlingen (sætsamlingen)... 2 BOOKING... 2 RESERVERING... 2 LOG IND PÅ DANTEK WEBBOOKING... 3 SØGNING... 5 SIMPEL SØGNING... 5 AVANCERET

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

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

Introduktion til billeddatabasen

Introduktion til billeddatabasen Introduktion til billeddatabasen Colourbox.dk Colourbox.dk er den billeddatabase som Odense Kommune har købt licens til. Det er vigtigt at bemærke, at der ikke er ubegrænset download af billeder. I materialet

Læs mere

Vejledning i brug af Interbook (Frederiksberg) til brugere med adgangskode

Vejledning i brug af Interbook (Frederiksberg) til brugere med adgangskode Vejledning i brug af Interbook (Frederiksberg) til brugere med adgangskode Udarbejdet af Kultur & Fritid, februar 2010. - 1 - Hvad er Interbook?...- 3 - Brugernavn og kodeord...- 3 - Startsiden...- 3 -

Læs mere

Best practice for kommunale landingssider for affald

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

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

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

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

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration

Læs mere

Tilgængelighedsmanual Århus kommunes hjemmeside

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

Læs mere

Manual til WordPress CMS

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

Læs mere

Sådan bruger du ereolens app på ipad eller iphone

Sådan bruger du ereolens app på ipad eller iphone Sådan bruger du ereolens app på ipad eller iphone Med ereolens app har du mulighed for at læse bøger online (via stream) og at hente bøger ned til din tablet eller smartphone til offline læsning. Her får

Læs mere

Guide til PlaNet v1.0. Original skrevet af:

Guide til PlaNet v1.0. Original skrevet af: Guide til PlaNet v1.0 Original skrevet af: Sidst opdateret 20-11-2014 1 INDHOLD Generelt... 4 Login... 4 Roller... 4 Planlægger... 4 Afvikler... 4 Roller og moduler... 5 Planlægger... 5 Afvikler... 5 Min

Læs mere

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

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

Læs mere

Quick Guide Ditmer edagsorden Oktober 2013

Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Indhold For dig der skal i gang med at bruge ditmer edagsorden på ipad eller web 1. Sådan får du adgang til ditmer edagsorden... 2 2. Find udvalg

Læs mere

Diagrammer visualiser dine tal

Diagrammer visualiser dine tal Diagrammer visualiser dine tal Indledning På de efterfølgende sider vil du blive præsenteret for nye måder at arbejde med Diagrammer på i Excel. Vejledningen herunder er vist i Excel 2007 versionen, og

Læs mere

Drejebog til tractorpulling.dk

Drejebog til tractorpulling.dk Drejebog til tractorpulling.dk Generelt På hjemmesiden benyttes følgende som standard: - Skrifttype: Verdana - Skriftstørrelse: 12px / 9pt. 4. oktober 2011 Moskjær Marketing Falkevej 4 DK-6920 Videbæk

Læs mere

Brugermanual. Byggeweb Capture Entreprenør 7.38

Brugermanual. Byggeweb Capture Entreprenør 7.38 Brugermanual Byggeweb Capture Entreprenør 7.38 Indholdsfortegnelse Byggeweb Capture... 5 Indledning... 5 Hvad er Byggeweb Capture... 5 Principper... 6 Opbygning... 7 Projektinfo - Entreprenør... 7 Opsummering

Læs mere

ipad for let øvede, modul 8 Underholdning på ipad Læsning

ipad for let øvede, modul 8 Underholdning på ipad Læsning 12052014AS ipad for let øvede modul 8 Underholdning på ipad Læsning I dette modul vil vi beskæftige os med nogle af de muligheder, der er for at læse på ipad'en. Aviser/dagblade Vi har i modul 2 vist,

Læs mere

Velkommen til REX onlinehjælp

Velkommen til REX onlinehjælp Velkommen til REX onlinehjælp I REX onlinehjælp kan du finde information om følgende emner: Indhold Enkel søgning...3 Hvordan kan du bruge søgefeltet?...3 Søg efter sætninger...3 Søg efter specifikke ord

Læs mere

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 VEJLEDNING 1.0 Indhold VELKOMMEN 3 KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 SÅDAN OPRETTER DU EN QUIZ 10 Quiz info 11 Tilføj spørgsmål 12 Tilføj formel til

Læs mere

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

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Skærmlayout på websiden

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

Læs mere

2 KOM I GANG MED VUPTIWEB. 2.1 Log på og Log ud

2 KOM I GANG MED VUPTIWEB. 2.1 Log på og Log ud 2 KOM I GANG MED VUPTIWEB 2.1 Log på og Log ud 2.1.1 LOG PÅ Du har i mailen fået tilsendt hjemmesidens adresse, login adresse samt brugernavn og adgangskode. Navigér til login adressen og indtast dine

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Hjælpeguide til Digitalisér.dk

Hjælpeguide til Digitalisér.dk Hjælpeguide til Digitalisér.dk Hvad er Digitalisér.dk Digitalisér.dk er et socialt netværk og værktøj som du kan anvende på flere forskellige måder. Har du viden som du ønsker at dele og debattere med

Læs mere

Umbraco. Brugerdokumentation

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

Læs mere

Spil og svar. Journal nr. 13.12.599. Et webbaseret værktøj udviklet af Programdatateket i Skive

Spil og svar. Journal nr. 13.12.599. Et webbaseret værktøj udviklet af Programdatateket i Skive Journal nr. 13.12.599 Spil og svar Et webbaseret værktøj udviklet af Programdatateket i Skive E-mail: programdatateket@viauc.dk Web: http://www.programdatateket.dk Kolofon HVAL-vejledning Spil og svar

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

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver

Læs mere

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

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Responsive Design Mul-a 2013 RAPPORT - opgave 3, Semester 2 Gruppe xx - The Cook Club Project/2 Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Ole Jørgen Hansen ohan@post.tele.dk www.gribskovweb.dk

Læs mere

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

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

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

Kravsspecifikation til Nationalpark App

Kravsspecifikation til Nationalpark App Kravsspecifikation til Nationalpark App Kravsspecifikation til Nationalpark App...1 1. Introduktion og platform...1 2. Ikke funktionelle specifikationer...2 3. Brugeroplevelse...2 4. Indholdsleverandører...2

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI af 1 side 1 Typo3 vejledning for redaktører og skribenter i BMI GENERELT...3 LOGIN...3 STARTSIDEN...4 SIDE...5 SIDE ELEMENTER...6 SIDE LAYOUT...7 STJÆL MED ARME OG BEN HEL SIDE...8 STJÆL MED ARME OG BEN

Læs mere

SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER -

SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER - SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER - INTRODUKTION TIL SKOLERNES DIGITALE BLANKET FLOW Vi er glade for at kunne byde velkommen til opdateret

Læs mere

Book-IT's udviklingsgruppe har udarbejdet forslag til et undervisningsmateriale, som kan anvendes til introduktion af skolens OPAC.

Book-IT's udviklingsgruppe har udarbejdet forslag til et undervisningsmateriale, som kan anvendes til introduktion af skolens OPAC. Book-IT's udviklingsgruppe har udarbejdet forslag til et undervisningsmateriale, som kan anvendes til introduktion af skolens OPAC. Materialet er udarbejdet til mellemtrinet og overbygningen/lærere. Til

Læs mere

Guide til Mobilize Me v2.0. Original skrevet af:

Guide til Mobilize Me v2.0. Original skrevet af: Guide til Mobilize Me v2.0 Original skrevet af: Opdateret af Mobilize Me 18-09-2014 1 INDHOLD Login... 4 Planlægningsklienten... 4 Afviklingsklienten... 4 Guide til planlægningsklienten... 5 Opret ny aktivitet...

Læs mere

PDC Helpdesk Brugervejledning

PDC Helpdesk Brugervejledning PDC Helpdesk Brugervejledning PDC Helpdesk November 2013 Indhold 1 Introduktion... 3 2 Brug af browser eller e-mails... 3 3 Log på PDC Helpdesk... 4 4 Oversigts side for sager... 5 4.1 Oversigt over eksisterende

Læs mere

SIGIL Sådan opretter du en e- bog Step by Step

SIGIL Sådan opretter du en e- bog Step by Step SIGIL Sådan opretter du en e- bog Step by Step Af Gitte Winter Graugaard Nov. 2013, Sigil version 0.7.2 1 Her følger en intro skridt for skridt til at oprette en e- bog i SIGIL og publicere den på SAXO

Læs mere

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

Kom godt i gang med DanaShop

Kom godt i gang med DanaShop Kom godt i gang med DanaShop Tillykke med jeres nye webshop I din webshop fra DanaWeb findes der utroligt mange muligheder for at tilpasse den til lige netop jeres behov. DanaWeb har opsat alle shoppens

Læs mere

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

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

Læs mere

Velkommen til workshop: Søgning og Mobil Søg. DDB workshop i samarbejde med DBC

Velkommen til workshop: Søgning og Mobil Søg. DDB workshop i samarbejde med DBC Velkommen til workshop: Søgning og Mobil Søg DDB workshop i samarbejde med DBC Dagens program 10:00-12:00: Velkommen DDB s målsætninger for mobil og søg (Glenn, DDB) Søgning: Hvor kommer vi fra, og hvor

Læs mere

Aarhus Kommunes Biblioteker Mindspot. brug nettet. / lær at søge effektivt

Aarhus Kommunes Biblioteker Mindspot. brug nettet. / lær at søge effektivt Aarhus Kommunes Biblioteker Mindspot brug nettet / lær at søge effektivt 2 3 brug nettet / lær at søge effektivt 4 Biblioteksbasen 6 FaktaLink 8 Infomedia 0 Student Resources In Context 2 Literature Resource

Læs mere

COOP brugermanual til Podio BRUGERMANUAL. til Podio. 23. februar 2015 Side 1 af 38

COOP brugermanual til Podio BRUGERMANUAL. til Podio. 23. februar 2015 Side 1 af 38 BRUGERMANUAL til Podio 23. februar 2015 Side 1 af 38 INDHOLDSFORTEGNELSE HVAD ER PODIO?... 3 HVAD KAN VI PÅ PODIO?... 4 Aktivitet... 4 Bestyrelsesmøder... 4 Arrangementer & aktiviteter... 5 Opslagstavle...

Læs mere

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Til Tutorlægen Velkommen til den elektroniske portefølje. Den er blevet til i dialog mellem Dansk selskab for almen medicin og

Læs mere

Fagligt indhold. Oplæg fra underviser Ar)kel Film Del af fagbog. Rammesætning. Indhold Form Evt. midler Distribu)on Deadline(s) Produk)on

Fagligt indhold. Oplæg fra underviser Ar)kel Film Del af fagbog. Rammesætning. Indhold Form Evt. midler Distribu)on Deadline(s) Produk)on En didaktisk model til ipadagogik Fagligt indhold Oplæg fra underviser Ar)kel Film Del af fagbog Rammesætning Indhold Form Evt. midler Distribu)on Deadline(s) Kobling )l praksis Produk)on Individuelt Gruppe

Læs mere

www.evalueringssystem.dk

www.evalueringssystem.dk Brugervejledning Indledning... 3 Log på evalueringssystemet... 4 Afprøv en evaluering... 8 Åbn en evaluering eller en øvelse... 10 Gennemfør en evaluering og en øvelse... 13 Luk en evaluering... 15 Se

Læs mere

Sådan bruger du ereolens app på en Android tablet eller smartphone

Sådan bruger du ereolens app på en Android tablet eller smartphone Sådan bruger du ereolens app på en Android tablet eller smartphone Med ereolens app har du mulighed for at læse bøger online (via stream) og at hente bøger ned til din tablet eller smartphone til offline

Læs mere

Facebook Timeline FACEBOOK TIMELINE KOMPLET GUIDE TIL FACEBOOK TIMELINE. Udarbejdet af Kasper Ebsen webdanmark.com

Facebook Timeline FACEBOOK TIMELINE KOMPLET GUIDE TIL FACEBOOK TIMELINE. Udarbejdet af Kasper Ebsen webdanmark.com Facebook Timeline KOMPLET GUIDE TIL FACEBOOK TIMELINE Udarbejdet af Kasper Ebsen webdanmark.com W EBDANMARK.COM APS T: +45 7020 1619 CVR 25 85 88 32 SØNDERHØJ 7 DK- 8260 VIBY J F: +45 7020 1629 INFO@W

Læs mere

Elev vejledning. Elev vejledning version 2.0 - Januar 2011 1. Figur 1 - Forsiden af Optagelse.dk

Elev vejledning. Elev vejledning version 2.0 - Januar 2011 1. Figur 1 - Forsiden af Optagelse.dk Elev vejledning Denne vejledning omhandler ansøgning til ungdomsuddannelse eller 10. klasse og beskriver, hvordan du som elev skal udfylde felterne i din uddannelsesplan på Optagelse.dk. Vigtigt! Der er

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

Spiller / Pårørende manual Til www.kampseddel.dk

Spiller / Pårørende manual Til www.kampseddel.dk Spiller / Pårørende manual Til www.kampseddel.dk Brugervejledning for Spiller/Pårørende Kort om kampseddel.dk Kampseddel.dk er udarbejdet som et webbaseret værktøj til den frivillige Træner/Leder i en

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

AgeForce MINI vejledning

AgeForce MINI vejledning AgeForce MINI vejledning Velkommen til AgeForce et enkelt og sikkert netværk for dig over 50 I denne korte guide fortæller vi dig hvordan du: - Opretter en gratis profil på www.ageforce.dk. - Redigerer

Læs mere