DDB CMS User Experience Analyse
|
|
- Edvard Lauritzen
- 8 år siden
- Visninger:
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: 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
Guidelines og værdier for DDB CMS
Guidelines og værdier for DDB CMS DDB CMS bygger på visionen om at skabe en fælles og robust ramme for det digitale bibliotek. Det første bibliotek gik i drift på platformen i 2014, og i dag danner platformen
Læs mereB14. 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 mereDDB Designguide. DDB Designguide V
DDB Designguide V. 1.0 01.12.16 Indeks Introduktion s. 1 Værdier s. 2 Guidelines s. 3 Designsystemet s. 4 Gode eksempler s. 5 FAQ s. 6 Kontakt s. 7 2 af 27 Introduktion DDB CMS er bibliotekernes fælles
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 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 mereHeaderen 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 mereRelease notes Januar 2014
Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører
Læs mereDDB CMS Designguide DDB CMS Designguide V
DDB CMS Designguide V. 2.0 01.06.18 Indeks Introduktion Guidelines Designsystemet Principper for designsystemet Farvesammensætning Billeder Skrifttype Elementer Forside Materiale Responsivt Gode eksempler
Læs mereMANUAL. 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 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 mereManual 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 mereDu kommer ind på Cicero Web ved at skrive eller vælge din skole i dropdown-feltet på login-siden.
HJÆLP Hjælp til: Vælg skole Du kommer ind på Cicero Web ved at skrive eller vælge din skole i dropdown-feltet på login-siden. Har du valgt en forkert skole? Klik på skolenavnet i øverste venstre hjørne.
Læs mereActive Builder - Brugermanual
Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...
Læs mereIsenTekst 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 mereGuide til PlaNet v1.12. Original skrevet af:
Guide til PlaNet v1.12 Original skrevet af: Sidst opdateret 15-11-2016 1 INDHOLD Generelt... 4 Login... 4 Roller... 4 Planlægger... 4 Afvikler... 4 Roller og moduler... 5 Planlægger... 5 Afvikler... 5
Læs mereBortset 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 mereManual 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 mereIndhold. 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 mereVejledning til ereolens app til Android enheder
Vejledning til ereolens app til Android enheder 22-02-2016 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 mere2. 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 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 mereSilkeborg 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 mereSå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 mereManual 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 mereSpil 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 mereVejledning i anvendelse af
Vejledning i anvendelse af 1 Indholdsfortegnelse 1. Platforme og tilgang 3 2. Hvordan kommer jeg i gang? 3 2.1. Log ind 3 2.2. Log ind med UNI-Login 4 2.3. Log ind med lånernummer til biblioteket 4 2.4.
Læs mereVejledning 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Ændringsønsker Artesis Alpha
Design/appearance Vi savner den gamle versions mulighed for at indsætte eget logo samt mulighed for at vælge farvetema. Søgeboks og login Manglende overensstemmelse mellem gammel og ny Artesis. Via den
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 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 mereGuide til PlaNet v1.11. Original skrevet af:
Guide til PlaNet v1.11 Original skrevet af: Sidst opdateret 20-08- 2015 1 INDHOLD Generelt... 4 Login... 4 Roller... 4 Planlægger... 4 Afvikler... 4 Roller og moduler... 5 Planlægger... 5 Afvikler... 5
Læs mereBrugermanual. - 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 mereVejledning 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 mereHardeknud 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 merePRODUKT BIBLIOTEKS APPS BIBLIOTEKS APPS. rediaa s
PRODUKT BIBLIOTEKS APPS BIBLIOTEKS APPS rediaa s 2 BIBLIOTEKS APPS - PRODUKTKATALOG Introduktion Biblioteket og Bibliotekaren DET MOBILE BIBLIOTEK Én indgang til biblioteket på tværs af kommuner. Uanset
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 mereManual 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 mereSå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 merefå 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 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 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 mereBrugervejledning til Online-JitBesked. Version 1.2
Brugervejledning til Online-JitBesked Version 1.2 Indhold 1. Helt grundlæggende... 4 Ikoner... 4 2. Sådan logger du på... 6 Husk mig... 6 3. Sådan logger du af... 7 Husk mig... 7 Sådan logger du aktivt
Læs mereDesignmanual BUTLER FM
Designmanual BUTLER FM 2015 Grontmij A/S, Facilities Management Forfatter: Rikke Carlsen, RIC Indhold Grid... 3 Afstande... 5 Fonte og typografier... 6 Farver... 7 Tabeller... 8 Andre elementer... 10 Ikoner...
Læs mereTrin 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 mereHjemmeside 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 mereBilag 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 mereRelevant 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 mereBRUGERGUIDE Nfoo Concept Digital Skiltning
BRUGERGUIDE Nfoo Concept Digital Skiltning Herunder finder du en introduktion til de forskellige funktioner i administrationsmodulet til dit Nfoo Concept Digital Skiltning INDHOLD LOGIN OG INDSTIL SPROG...
Læs mereBrugervejledning til FOKUSpartnere
Indholdsfortegnelse LOGIN 3 GENERELT 3 BRUGERVEJLEDNING 4 VIRKSOMHEDSPROFIL 4 1) Virksomhedsnavn 6 2) Beskrivelse af virksomheden 6 3) Generel information 6 4) Yderligere information 6 5) Kontaktpersoner
Læs mereGuide 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 mereSådan bruger du Schultz lovportaler
Sådan bruger du Schultz lovportaler Indhold 1 OM SCHULTZ LOVPORTALER... 2 2 KOM GODT I GANG... 3 2.1 LOGIN OG NYHEDSABONNEMENT... 3 2.2 FIND RUNDT I PORTALERNE... 5 3 SØGNINGER... 7 3.1 SØGEFELTET... 8
Læs mereSkolens formidlingsside
facebib Skolens formidlingsside 1 Axiell Danmark A/S Indholdsfortegnelse Indholdsfortegnelse... 2 1 facebib skolernes nye formidlingsside... 4 1.1 Forsiden - inspiration til søgning... 4 1.2 Forsiden tavlen...
Læs mereAdministrator 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 mereNota App på telefonen
Nota App på telefonen I denne vejledning kan du læse om hvordan du henter Nota App til din iphone eller Android smartphone og om hvordan du bruger app'en. Find App'en i App Store eller Google Play. Appens
Læs mereBRUGER GUIDE. Waoo leveres af dit lokale energiselskab. Er du. Waoo Web TV PÅ COMPUTER, TABLET OG TELEFON
BRUGER GUIDE Waoo Web TV PÅ COMPUTER, TABLET OG TELEFON Waoo leveres af dit lokale energiselskab. Er du INDHOLD Velkommen til Waoo Web TV... 4 Sådan kommer du i gang... 5 Waoo Web TV på tablet og telefon...
Læs mereBRUGER GUIDE. Waoo Web TV PÅ COMPUTER, TABLET OG TELEFON FIBERBREDBÅND TV TELEFONI
BRUGER GUIDE Waoo Web TV PÅ COMPUTER, TABLET OG TELEFON FIBERBREDBÅND TV TELEFONI INDHOLD Velkommen til Waoo Web TV... 4 Sådan kommer du i gang... 5 Waoo Web TV på tablet og telefon... 8 Betjeningsguide...
Læs mereDu kan hente siden ved at trykke på det lille hus i øverste venstre hjørne af skærmen og derefter finde frem til siden via forsiden.
Hvordan redigerer du en eksisterende side? Hent siden, mens du er logget på. Du kan hente siden ved at trykke på det lille hus i øverste venstre hjørne af skærmen og derefter finde frem til siden via forsiden.
Læs mereHjemmesidens layout. Sitecore Foundry maj Version 1.2
Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereViKoSys. Virksomheds Kontakt System
ViKoSys Virksomheds Kontakt System 1 Hvad er det? Virksomheds Kontakt System er udviklet som et hjælpeværkstøj til iværksættere og andre virksomheder som gerne vil have et værktøj hvor de kan finde og
Læs mereIndhold. 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 mereQuick 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 mereQuick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb
Quick guide Dynamicweb 9 Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Indholdsfortegnelse Sådan logger du på... 3 Opbygning... 4 Beskrivelse af
Læs mereVistemmernu. Et webbaseret værktøj udviklet af Programdatateket i Skive. E-mail: programdatateket@viauc.dk Web: http://www.programdatateket.
Vistemmernu Et webbaseret værktøj udviklet af Programdatateket i Skive E-mail: programdatateket@viauc.dk Web: http://www.programdatateket.dk Kolofon HVAL-vejledning Vistemmernu på HVAL.DK Forfatter: Susanne
Læs mereVejledning i redigering af apotekets hjemmeside
i redigering af apotekets hjemmeside It-afdelingen Januar 2007 INDHOLDSFORTEGNELSE FEJL! BOGMÆRKE ER IKKE DEFINERET. 1 INTRODUKTION 3 2 ADMINISTRATION 4 3 OPBYGNING 4 SIDER 5 FIL ARKIV 6 ARTIKLER 7 ØVRIGE
Læs mereGenerel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do
Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt
Læs mereVELKOMMEN 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 mereTitel Overskrift. Hold den kort og præcis! Som Førtidspension & Skånejob. Andet relevant information skal stå i resumefeltet.
Oprettelse af Indholdsside fra a-z For at oprette en side skal du vælge en indholdstype, som i de fleste tilfælde er en Indholdsside. Herefter skal du udfylde felterne; på en indholdsside skal du koncentrere
Læs mereLav din egen forside i webtrees
Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.
Læs mere- A) Overskrift Hvis du ikke kan finde på en oplagt overskrift lige nu, så skriv bare et eller andet. Du kan redigere i det senere:
Sådan opretter du en nyhed 1. Klik på Log ind: 2. Skriv dit netværksid og din adgangskode og klik igen på Log ind: 3. Klik på Opret nyhed: 4. Nu åbner din editor. TIP: Det er hensigtsmæssigt at arbejde
Læs mereEn 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 mereMy booking. Generelt. Forsiden. Version 9.0
My booking Version 9.0 System til at lave online bookinger, med mulighed for opdeling i grupper, forskellige booking typer, ændre layout indstillinger, status styring, sprogvalg samt en del mere, detaljer
Læs mereSå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 mereSIGIL 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 mereVejledning 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 mereBrugermanual. 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 mereKom godt i gang. Sitecore Foundry maj Version 1.1
Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereVISUELLE GUIDELINES FOR LOG-IN OG SIGNERING MED NEMID. Guide til udseende, sprog og struktur for tjenester, der bruger NemID.
VISUELLE GUIDELINES FOR LOG-IN OG SIGNERING MED NEMID Guide til udseende, sprog og struktur for tjenester, der bruger NemID. November 2015 Indhold Dokumentet indeholder anbefalinger og råd til integration
Læs mereOpgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.
Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende
Læs mereDrejebog 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 mereTeksten henvender sig til dem, der ikke tidligere har lånt en e-bog til brug på en PC og derfor skal starte helt fra bunden.
Lån e-bøger på biblioteket til læsning på en PC E-bøger læses bedst på en egentlig e-bogslæser, der er et stykke isenkram, som overvejende tjener dette ene formål, men de kan desværre ikke bruges til læsning
Læs mereSilkeborg 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- 1) Overskrift Hvis du ikke kan finde på en oplagt overskrift lige nu, så skriv bare et eller andet. Du kan redigere i det senere:
Sådan opretter du en nyhed med tilknyttede materialer 1. Klik på Log ind: 2. Skriv dit netværksid og din adgangskode og klik igen på Log ind: 3. Klik på Opret nyhed: 4. Nu åbner din editor. Det er hensigtsmæssigt
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 mereVelkommen 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 mereQuick Guide til bedre online markedsføring MERSALG. med b2b webshop. Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing
Quick Guide til bedre online markedsføring MERSALG med b2b webshop Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing HVORDAN... Hvordan skaber man mersalg? 1 Varen skal være
Læs mereVEJLEDNING Udfyldelse af spørgeskemaet
VEJLEDNING Udfyldelse af spørgeskemaet Indholdsfortegnelse Introduktion... 3 Tekniske krav... 3 Adgang og forbindelse... 4 Navigation i spørgeskemaet... 7 Spørgeskemaets afsnit... 7 Navigationslinjen...
Læs mereHer ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.
Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen
Læs mereBrugermanual. 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 mereBRUGER GUIDE. Waoo Web TV på computer via waoo.tv. Waoo leveres af dit lokale energiselskab
BRUGER GUIDE Waoo Web TV på computer via waoo.tv Waoo leveres af dit lokale energiselskab INDHOLD Velkommen til Waoo Web TV... 4 Sådan kommer du i gang... 5 Betjeningsguide... 8 TV-guide... 10 Bio...
Læs mereGoogle Plus for Virksomheder Hvordan laver man en Google plus side?
Google Plus for Virksomheder Hvordan laver man en Google plus side? Google Plus er måske ikke det første du tænker på når du skal øge kendskabet til din virksomhed. I det følgende viser jeg hvorfor du
Læs mereBONUSINFORMATIONER i forbindelse med emnet Billeder og grafik
BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik Dette dokument indeholder yderligere informationer, tips og råd angående: Tabelfunktionen SmartArtfunktionen Billedfunktionen Samt en ekstra
Læs 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 mereNovotek Planning Systems A/S 2013 Version 1.0 Jan 2013 ROB-EX 4.2
Version 1.0 Jan 2013 ROB-EX 4.2 Indhold Hovedskærmens opbygning... 2 Tastaturgenveje... 3 Hovedskærmbilleder... 4 Stamdata generelt... 5 Kalender... 6 Opret/rediger kalender... 7 Specifik kalender pr.
Læs mere4 ARBEJDE MED SEKTIONER
4 ARBEJDE MED SEKTIONER Sektioner er en ny måde at vise indhold på. I bund og grund handler det om, at vi opdeler en side i en eller flere sektioner, som kan vise indhold på en række forskellige måder.
Læs mereBRUGER GUIDE. Waoo Web TV PÅ COMPUTER, TABLET OG TELEFON FIBERBREDBÅND TV TELEFONI
BRUGER GUIDE Waoo Web TV PÅ COMPUTER, TABLET OG TELEFON FIBERBREDBÅND TV TELEFONI INDHOLD Velkommen til Waoo Web TV... 4 Sådan kommer du i gang... 5 Waoo Web TV på tablet og telefon... 8 Betjeningsguide...
Læs mereipad 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 mereHjemmeside manual. Indholdsfortegnelse. Noter: - 1 -
Hjemmeside manual Indholdsfortegnelse Login... - 2 - Login på din hjemmeside... - 2 - Profil... - 3 - Opdatering af profil oplysninger... - 3 - Menu... - 3 - Menupunkter... - 3 - Medier... - 4 - Hjemmesidens
Læs mereBRUGER GUIDE. Waoo Web TV på computer via waoo.tv FIBERBREDBÅND TV TELEFONI
BRUGER GUIDE Waoo Web TV på computer via waoo.tv FIBERBREDBÅND TV TELEFONI INDHOLD Velkommen til Waoo Web TV... 4 Sådan kommer du i gang... 5 Betjeningsguide... 8 TV-guide... 10 Bio... 12 Indstillinger...
Læs mereBRUGER GUIDE. Waoo TV Go PÅ COMPUTER, TABLET OG TELEFON FIBERBREDBÅND TV TELEFONI
BRUGER GUIDE Waoo TV Go PÅ COMPUTER, TABLET OG TELEFON FIBERBREDBÅND TV TELEFONI INDHOLD Velkommen til Waoo TV Go... 4 Sådan kommer du i gang... 5 Waoo TV Go på tablet og telefon... 8 Betjeningsguide...
Læs mereSecureAware Opfølgning Manual
SecureAware Opfølgning Manual Manualen beskriver brugen af SecureAware version 3 Dokument opdateret: juni 2009 Om dette dokument Dette dokument er en vejledning i brug af opfølgnings-modulet i SecureAware.
Læs mere