Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN
|
|
- Jette Brandt
- 8 år siden
- Visninger:
Transkript
1 Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20
2 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med Del-pin som case med fokus på udlejningssystem. Formålet med projektet har været at planlægge, kontrollere, designe og udvikle et udlejningssystem af maskiner og værktøjer for Delpin A/S. Dette projekt tager udgangspunkt i forholdet mellem planlægning og implementering gennem en konkret problemstilling i forhold til Del-pin. Denne rapport indeholder en lang række overvejelser, hvad angår interface design. Det vil sige placering og udseende af udlejningssystem, design af specielle udlejningssystem, design af logo, en overordnet hjemmeside, brugen af mobil side, effekter, fotos og tekster til mobil hjemmeside. 2/20
3 Indholdsfortegnelse Indledning 2 Problemformulering 4 Afgrænsning af projektet 4 Metodeafsnit 4 Konceptet 5 Sketching 5 Conceptual design 5 Title page 6 Overview 6 The user description 6 Storyboard of user experience 7 Prototype 8 Features/Functionality 8 Justifications for design 9 User test 9 Shortcomings 9 Expansion- What else is possible 9 The next steps in the design process 10 The summary 10 Information Architecture 10 Card Sorting 10 Task analysis visualised in flowcharts 11 Wireframes 11 Visual design principles / principle of contrast 11 Konklusion 12 Litteraturliste 12 Bilag 2 14 Bilag 3 15 Bilag 4 16 Bilag 5 17 Bilag 6 18 Bilag 7 19 Bilag /20
4 Problemformulering I samarbejde med Delpin vil vi udarbejde en rapport og et udlejningssystem til firmaets kunder og medarbejder. Rapporten vil indeholde en virksomhedsanalyse, samt dokumentation for design og udvikling. Vi vil i projektet bruge viden, som vi har tillært os i de respektive fag: Project Management, Interface Design & Backend. Spørgsmål Hvordan udvikler vi et enkelt, brugervenligt og effektivt udlejningssystem? Hvilke yderligere funktioner kan implementeres til systemet? Hvordan planlægger og styre vi projektet? Hvordan udvikler vi systemet mest hensigtsmæssigt i forhold til selve designet? Hvordan skal systemet laves og implementeres? Afgrænsning af projektet Projektet er afgrænset til følgende: Opsætningen af et udlejningssystem system, design af en mobil hjemmeside med tilhørende undersider. Desuden er der kun udført tests på den mobile hjemmeside, da udlejningssystemet kun er forbeholdt os som udviklere. Metodeafsnit For at besvar problemformulering vil vi i denne rapport arbejde ud fra nedenstående metoder: Sketching Conseptual Design Storyboard Prototype 4/20
5 Card Sorting Flowcharts Wireframes Visual Design Konceptet Vi har et koncept for Del-Pin som kan håndtere udlejning af maskiner og værktøjer online fremfor deres nuværende telefonisk udlejning. Udlejning-konceptet er et helt enkelt koncept for både besøgende (kunder) og admin (Del-Pins medarbejder). Udlejnings konceptet giver gæsten en nem og enkelt udlejning af værktøjer og maskiner. Systemets Backoffice håndterer udover tilføjelser af varer også redigering og sletning. Selv om Del-Pin har investeret i en hjemmeside, har de nu mulighed for at integrer udlejning systemet som får opdateret deres produkter. Systemet i sig selv er let at arbejde med og har potentiel i at anskaffe flere kunder. Sketching En skitse er en hastigt håndstegning, der har til formål at illustrere et ikke-færdigt produkt. Vi har tegnet skitser af vores udlejningssystem, som vi vil bruge til at udvikle en idé til senere brug. Det er en hurtig måde rent grafisk at demonstrerer ideen eller princippet. Baseret på vores udlejningssystem har vi udarbejdet en række sketches, der giver os et standpunkt at gå ud fra. Vi vil under dette afsnit tager udgangspunkt i vores sketches, men henviser senere i rapporten til billeder af vores prototyper for at give en bedre illustration af forklaringerne. 1 Conceptual design Udveksle af idéer tidligt er ofte nøglen til succes for designere og slutbruger for det produkt man udvikler. At dele ideer og konceptet med målgruppen giver en feedback kan hjælpe en 1 Bilag 1 5/20
6 med at forbedre konceptet. Deling med kollegaer er med til at sikre, at alle på holdet har en lignende vision. Ved at udføre et conceptual design kan vi hjælpe designer og teamet til at forstå den nødvendige koncept, som man er i gang med at udvikle. Vi benytter de 12 punkter, som er beskrevet i Design Research 2 : Title page Del-Pin Udlejningssystem Overview Vi vil udvikle et udlejningssystem for Delpin, som kan håndtere udlejning af maskiner og værktøjer. Konceptet er, at vi udvikler et system for Delpins ansatte, så de kan tilføje, fjerne eller redigerer i deres maskiner og værktøjer samtidige med, at vi også udvikler et system for brugere, så de kan se de maskiner og værktøjer, som Delpin tilbyder. Systemet skal kunne samarbejde med den måde, den vises på for medarbejderne og deres brugere. The user description Vores målgruppe er faglærte tømrer og bygningssnedkere. Primært er det erhvervsfolk, som Delpin satser på, men private og måske også det offentlige kan delpin overveje som målgruppe. Systemet henvender sig til tømrer mellem 30-50årig fra hele Danmark. Scenariet: Det er tidligt søndag aften. Thomas har arbejdet hele ugen og er på udgik efter et værktøj, der kan gøre hans arbejdstilgang lettere. Han kigger på Delpins hjemmeside på hans computer og får øje på et værktøj, som han godt kan bruge næste dag. Han får øje på deres udlejningssystem og skynder sig at bestille det værktøj, som han altid har ønsket. Succes! Der er et stykke værktøj i nærheden af ham, som venter ham næste dag. 2 Design Research: Methods and Perspectives s /20
7 Storyboard of user experience Under storyboard vil vi kigge på de 3 design perspektiveringer, som har betydning for vores historiefortælling. Disse 3 design perspektiveringer bruges til at beskrive vores tankegang og diskussion mht. Design af storyboard. Ecological Perspective Her beskriver man, hvordan systemet virker i det eksterne miljø. Hvilke sammenhæng systemet bruges, og hvorledes systemet interagerer med sine omgivelser i processen. Udlejningssystem er et simpelt system, der kan håndtere udlejning af de værktøjer og maskiner, Delpin tilbyder. Systemet er delt i 2 dele, hvor den ene del er for Delpins ansatte, der kan tilføje, fjerne eller redigere i systemets database, mens den anden del er for bruger, der kan se værktøjer og maskiner. Interaction Perspective Her beskriver man, hvordan bruger betjener systemet. Hvilke opgaver kan bruger benytte og hvordan de bruger det til at integrere med systemet. Systemet er baseret på brugernes søgning af værktøjer og maskiner. Udlejningssystem er let at bruge og har simple værktøjer, som kan navigere brugerne til at realisere deres ønskede produkt eller værktøj. Emotional Perspective Her beskriver man om det følelsesmæssige konsekvenser og følsomme værdier af design. Det handler om det sociale og kulturelle implikationer samt æstetik og glæden ved brug af systemet. 7/20
8 Systemet er let at anvende og kræver intet større avanceret programmering for at benytte det. Systemet gør det sjovt for delpin at tilføje, redigere eller fjerne produkterne fra deres lager samtidigt med, at man bliver engageret i at få brugt netop denne udlejningssystem, da det giver glæde ved brugen. Vi har valgt at udføre storyboard ud fra vores user scenatiet med Thomas. Her vil vi inddrage de 3 design perspektiveringer med i vores storyboard. I alt er der 6 scener som storyboard repræsentere. Scene 1 & 2 viser følelsesmæssige konsekvenser. Scene 3 viser, hvordan bruger betjener systemet. Scene 4 & 5 viser, hvordan systemet virker i det eksterne miljø. Scene 6 viser igen det følelsesmæssige konsekvenser. 3 Prototype Formålet med en prototype er at demonstrere og teste idéer om funktion og design. Vi benytter prototype til at vise vores udlejningssystem for Del-Pin både for bruger og admin. Man tager hurtigt på en spændende rejse ind i en af disse kategorier, hvor man ud fra billeder får overblik over den produkt, man svæver hen over. 4 Features/Functionality Besøgende kan se de værktøjer, som Delpin har og kan tilbyde. Besøgende kan leje et produkt Besøgende kan vælge dato for udlejning. Mulighed for tilføjelser eller rette i produkterne. Mulighed for at slette et produkt 3 Bilag 2 4 Bilag 3 8/20
9 Justifications for design I vores design er der lagt stor vægt på, at det skal være nemt og hurtigt at leje et produkt uden at gå på kompromis med brugervenligheden. Derfor har vi benyttet få farver og billeder. Idéen med designet er, at man skal føle sig som en del af Del-Pin. User test Vi har testet vores koncept sammen med en person fra målgruppen, så brugerens interaktion med et website går så smidigt som muligt efter vores handling. Vores koncept skal være så brugervenligt som muligt. Den brugervenlige hjemmeside skal gerne give så tilfredse kunder som muligt, så det også kan skave troværdighed og øget salg(leje) hos Del-Pin. For at sikre os, at brugerne oplever udlejningssystemet brugervenligt, har vi derfor valgt at lade målgruppen teste vores koncept vha. Prototyper. Da vi endnu ikke har færdigudviklet produktet. Testpersonen gav os et indblik i forståelsen af vores potentielle brugers logik. Der måtte gerne være flere valgmuligheder og flere elementer at vælge imellem. Her mente testpersonen, at billedet i slutningen af udlejning systems proces var det mest interessante. Under denne test har vi fået dannet os et klart billede af, hvordan vores målgruppe har nogenlunde samme tankegang, hvad angår opsætning af vores elementer. Der er dog delte meninger om vigtigheden af flere elementer under udlejningssystem. Testen er taget ud fra at testperson ønsker at leje et jernklipper værktøj. 5 Shortcomings Ikke alle bruger har internet Man skal være online før man kan udleje eller udlåne et produkt. Expansion- What else is possible Lagerfunktion 5 Bilag 8 9/20
10 Mix & match (lej 1 for 20kr. Lej 2 for 30kr.) The next steps in the design process Det næste skridt, man nu tager, er at finde ud af, hvordan man kan få prototypen over til den virkelig verden. Er det muligt at implementere systemet? Vi vil i den efterfølgende afsnit beskrive flowcharts og kigge på de muligheder, vi har for implementering af systemet i et brugervenligt mobil website. The summary Så nu har vi ud fra de 12 design punkter så vildt som muligt beskrevet vores ønskede udlejningssystem. Vi har nu beskrevet vores ønskede design ide igennem storyboard og prototyper. Information Architecture For at sikre, at brugerne kommer til hjemmesiden med det formål, at man hurtigt kan finde, hvad man leder efter, er man nød til at skabe en let forståelig hjemmeside struktur. Denne struktur kaldes hjemmesides informationsarkitektur (IA). Den informerer brugerne om de kategorier hjemmesiden indeholder og danner rammen for navigationsmenuen. En velkonstrueret IA giver brugerne mulighed for hurtigt at scanne navigations links på hjemmesiden for at lære mere om de oplysninger, som hjemmesiden tilbyder. Card Sorting Vi har i gruppen benyttet Card Sorting til at finde placering af indhold på siden. Indhold af siden bliver sorteret og organiseret inder forskellige kategorier, der giver mening for dem. 6 6 Bilag 4 10/20
11 Task analysis visualised in flowcharts Et flowchart er en type diagram, der repræsenterer en proces, der viser de trin og rækkefølge, som er forbundet med systemet. Vi bruger Flowcharts til at analysere, designe, dokumentere og styre en proces på forskellige områder. 7 Wireframes Vi benytter Wireframes til at skabe en visuel illustration af en side på et websted. Vi illustrerer de funktioner og indhold, vores udlejningssystem har på en side. Wireframes er en hurtig måde at starte designprocessen på. Vi har tegnet forskellige wireframes efter responsive webdesign, så vi har forskellige interface objekter. 8 Visual design principles / principle of contrast Når vi designer en hjemmeside er det vigtigt at skabe kontrast. Vi skaber kontrast i forhold til andre hjemmeside eller objekter. Ved kontrast kan man skabe en forskel mellem to elementer. En designer kan skabe en visuel interesse og skabe en opmærksomhed hos brugeren. Da vi har en meget lille system, har vi kun valgt at fokusere på at skabe kontrast ud fra farver. Ved at skabe en bestemt farve kan vi hjælpe brugeren til at få differentieret sideelementer fra hinanden. 7 Bilag 5 8 Bilag 6 & 7 11/20
12 Konklusion Vi har ved hjælp af forskellige skitser og prototyper udviklet et produkt, der giver Del-Pin og deres kunder en ny, nemmere og mere spændende måde at finde information omkring et værktøj og udlejning. Systemet giver os den nødvendige fleksibilitet, som gør, at vi kan koble den fysiske verden sammen med den virtuelle. Desuden medvirker det til at produktet opfanger opmærksomheden hos målgruppen vha. Design kontraster. Produktet har vi testet på en testperson, hvor vi har fået særdeles brugbare informationer omkring udvikling af produktet. Disse test har først og fremmest været med til at bygge produktet i den retning, som målgruppen ønsker, og dernæst været med til at evaluere konceptet. På denne måde har vi inddraget forbrugeren gennem processen og dermed fået skabt et produkt, der lever op til både deres og vores forventninger om en virtuel udlejningssystem. Litteraturliste The UX Book: Process and Guidelines for Ensuring a Quality User Experience Information Architecture for Designer Design Research: Methods and Perspectives design principles secrets of contrast Rex Hartson Peter Van Dijck Brenda Laurel René Birkholm 12/20
13 Bilag 1 13/20
14 Bilag 2 14/20
15 Bilag 3 15/20
16 Bilag 4 16/20
17 Bilag 5 17/20
18 Bilag 6 18/20
19 Bilag 7 19/20
20 Bilag 8 20/20
Hassansalem.dk/delpin User: admin Pass: admin BACKEND
Hassansalem.dk/delpin User: admin Pass: admin BACKEND 1/10 Indledning Dette projekt er den afsluttende del af web udvikling studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med Del-pin
Læs mereTema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe
Tema 1 Gruppe 6 Mads Balslev & Kristian Gasberg Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe Link http://des-iis.ucn.dk/mmda0914/1034387/ Database Mmda0914/1034387 Indledning Til dette projekt
Læs mereGRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med
Læs mereMÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
Læs mereDelaflevering. De Digitale Hippier. Indhold. Frank Holdt og Linh Tran
Delaflevering De Digitale Hippier Frank Holdt og Linh Tran Indhold 1. Indledning... 2 2. Generelt i forhold til projektet... 2 2.1 Beskrivelse af problemfeltet og en problemformulering... 2 2.2 Beskrivelse
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 mereHvad skal vi have ud af dagen: Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS.
Logbog 28/10-14 Første møde. Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS. Vi fandt en masse artikler, vi kunne bruge, og begyndte på at arbejde på vores SWOT/TOWS
Læs mereROSKILDE TEKNISKE GYMNASIUM. Læringsprogram. Lommeregner
ROSKILDE TEKNISKE GYMNASIUM Læringsprogram Lommeregner Programmering Malte Fibiger, Rasmus Ketelsen, Nicojal Jensen og Leon Bøgelund, Klasse 3.36 04-12-2012 Indholdsfortegnelse Indledende afsnit... 3 Problemformulering...
Læs mereGrafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Læs mereSpil Rapport. Spil lavet i GameMaker. Kevin, Mads og Thor 03-02-2011
Spil Rapport Spil lavet i GameMaker Kevin, Mads og Thor 03-02-2011 Indholdsfortegnelse Indledning... 2 HCI... 2 Planlægning / Elementær systemudvikling... 2 Kravspecifikationer... 4 Spil beskrivelse...
Læs mereGRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
Læs mereDokumentation for hjemmeside til Merry Maids Rengøring ApS.
Dokumentation for hjemmeside til Rengøring ApS. Udført af U-TURN konsulentfirma. København den 16.11.01 Multimediedesigner 2. semester Lygten 16 København N Vejleder: Peter Askov Gruppe 8: Allan Jonas,
Læs mereGrafisk produktion & workflow
Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.
Læs mereGRA DESIGN. HEARTS & MINDS
GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet
Læs mereDelaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back
Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back 1 Indhold 1.1 Generelt i forhold til projektet 1.1.1 Problemformulering Kalundborg kommune har gennem de senere år
Læs mereHESTBJERG WEB GRAFISK WORKFLOW
HESTBJERG WEB GRAFISK WORKFLOW OPGAVE BESKRIVELSE Dette er en hjemmeside jeg har udviklet til Hestbjerg Økologi. Siden skal bruges til at sprede deres budskab. Opgaven Hestbjerg økologi søgte en hjemmeside
Læs mereBilag 3A.7 Brugergrænseflader
Version 0.8 19-12-2014 Indhold 1 VEJLEDNING TIL TILBUDSGIVER... 4 2 INDLEDNING... 5 3 USER EXPERIENCE GUIDELINES (UX-GUIDELINES)... 6 3.1 GENERELLE UX-GUIDELINES... 6 3.1.1 MODTAGERORIENTERET SPROG...
Læs mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE Opgavebeskrivelse Julie Abels Dansestudie vil gerne have en ny hjemmeside, der skal promovere studiet. De har en opsat hjemmeside fra 123hjemmeside, som de gerne vil have
Læs mereWork Along. Wa 05. Hvad og hvorfor? Hvornår?
Wa 05 Work Along drejer sig om at servicedesigneren arbejder med og får en håndgribelig forståelse for for eksempel en frontlinje medarbejders opgaver og daglige udfordringer. Work Along Hvad og hvorfor?
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 mereContent Management eller Content Strategy?
Content Management eller Content Strategy? Definition Content strategy is the practice of planning for the creation, delivery, and governance of useful, usable content. Kristina Halvorson: Content Strategy
Læs meresweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen
sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,
Læs mereGrafisk Design 70% Skitser
Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner
Læs mereComputerspil. Hangman. Stefan Harding, Thomas Bork, Bertram Olsen, Nicklas Thyssen og Ulrik Larsen Roskilde Tekniske Gymnasium.
10-02-2015 Computerspil Hangman Stefan Harding, Thomas Bork, Bertram Olsen, Nicklas Thyssen og Ulrik Larsen Roskilde Tekniske Gymnasium. Kom/it c Indhold Intro... 2 Indledende aktivitet... 2 Kommunikations
Læs mereGuide til din computer
Guide til din computer Computerens anatomi forklaret på et nemt niveau Produkt fremstillet af Nicolas Corydon Petersen, & fra Roskilde Tekniske Gymnasium, kommunikation & IT, år 2014 klasse 1.2 12-03-2014.
Læs mereSkriftlig opgave vedr. brugervenlighed og grafisk design
Skriftlig opgave vedr. brugervenlighed og grafisk design Udleveret: Tirsdag den 19.05.2015 Afleveres: Torsdag den 11.06.2015. Skriftlig opgave på maksimum 6 normalsider, der mailes til henholdsvis kahu@ucn.dk
Læs mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres
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 mereKom/It afsluttende projekt
Kom/It afsluttende projekt Anders Laustsen & Martin Beutelmann I denne folder finder du hjælp til det tværfaglige projekt i 1.g på Roskilde Htx 03-05- 2 0 1 3 Indholdsfortegnelse Indledning Formidling
Læs mereValgfrit tema. Kommunikation/IT 13-04- 2 0 1 2. Jannik Nordahl-Pedersen. HTX - Roskilde. Klasse 3.5
rt Valgfrit tema Kommunikation/IT Jannik Nordahl-Pedersen HTX - Roskilde Klasse 3.5 13-04- 2 0 1 2 1 Indholdsfortegnelse Indholdsfortegnelse... 2 Indledning... 3 Problemformulering... 3 Valg af løsning...
Læs mereReflekstions artikel
Reflekstions artikel Kommunikation/IT er et fag hvor vi lærer at kommunikere med brugeren på, og hvorledes mit produkt skal forstås af brugeren. Når man laver en opgave i faget, er det brugeren der lægges
Læs mereEt krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.
Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden
Læs 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 mereDMX styring med USB-interface
DMX styring med USB-interface Introduktion...2 DMX bibliotek...3 Programmering af kanaler...7 Sådan skabes et show/en lyssekvens...11 Introduktion DMX LightPlayer er en avanceret men meget brugervenlig
Læs mereGRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
Læs mereAf: Safa Sarac Klasse 3.4 Skole: Roskilde Tekniske Gymnasium, HTX Vejleder(e): Karl B Dato: 26. marts 2012
Projektbeskrivelse til eksamen i informationsteknologi B og Programmering C - Projektnavn: Privat mailer Af: Safa Sarac Klasse 3.4 Skole: Roskilde Tekniske Gymnasium, HTX Vejleder(e): Karl B Dato: 26.
Læs mereTjek-liste. Har du styr på dine digitale vaner og værktøjer? Tjeklisten er udarbejdet af Karin Høgh og Lisbeth Scharling
Tjek-liste Har du styr på dine digitale vaner og værktøjer? Det har jeg styr på Kan vente Haster Tjeklisten er udarbejdet af Karin Høgh og Lisbeth Scharling Sådan bruger du tjeklisten: Bruge en times tid
Læs mereEKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen
Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian
Læs mereFind det rigtige, hurtigere og billigere ved hjælp af prototyper
GRANYON WHITE PAPERS: PROTOTYPING Find det rigtige, hurtigere og billigere ved hjælp af prototyper Prototyper i forskellig udformning gør det muligt at afprøve og teste den e-handels løsning, webside,
Læs mereBilag 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 mereModul 2 Database projekt Multimediedesign 3. semester Gruppe 3 IRF/TUJE
Modul 2 Database projekt Multimediedesign 3. semester Gruppe 3 IRF/TUJE Fact sheet Indholdsfortegnelse Fact Sheet Gantt kort Valgt af virksomhed Brainstorm Attribut tabel ER-diagram Skitse MySQLWorkbench
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 mereGRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY
GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv
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 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 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 mereKALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.
KALAS FESTIVAL Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.com Casper Ragn http://www.casperragn.wordpress.com Niels Otto Andersen
Læs mereABCD- E-Learning UDVIKLING
ABCD- E-Learning 2018 Prolearning ApS ABCD- E-Learning Når du skal udvikle e-læring bliver dine evner for alvor udfordret: Redigering af billeder, tegning af interaktive figurer, lyd- og videoredigering
Læs mereKARINA KONRAD USER EXPERIENCE PORTFOLIO. Jeg interesserer mig for user experience, digital kommunikation, online marketing og humancomputer
KARINA KONRAD USER EXPERIENCE PORTFOLIO Jeg interesserer mig for user experience, digital kommunikation, online marketing og humancomputer interaction. Jeg kan: - finpudse det, du ønsker at sige til dine
Læs mereDatabase. Pr jekt. Hold CLmul-a14e Gruppe 3 3. semester 2015. Vejledere: Tue Becher Ivan R. Frederiksen
Database Pr jekt Hold CLmul-a14e Gruppe 3 3. semester 2015 Vejledere: Tue Becher Ivan R. Frederiksen Indholdsfortegnelse 1. Problemformulering 2. ER-diagram 3. Attribut-tabel 4. Use Case-model 5. Use Case
Læs mere! Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen.
Copenhagen Business Academy Multimediedesigner 3. semester - 1. projekt, september 2014 Gruppe 1 - MulA Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen. Study: Multimedia Design Project:
Læs mereDanhost. Hjemmesideløsning
Danhost Hjemmesideløsning Nem og billig hjemmeside Bestiller du en hjemmeside til din virksomhed hos Danhost, får du lavet et professionelt design, så du er sikret en hjemmeside der udstråler kvalitet.
Læs mereGRAFISK PRODUKTION OG WORKFLOW HOJMARK.DK TBSKI.DK HOJMARK.DK OG TBSKI.DK KUNDEPROFIL OPGAVEBESKRIVELSE
GRAFISK HOJMARK.DK PRODUKTION OG WORKFLOW HOJMARK.DK OG TBSKI.DK OPGAVEBESKRIVELSE Hjemmesiderne www.hojmark.dk og www.tbski.dk er opbygget i Umbraco udfra samme skabelon skabt af Ørskov Web. Jeg har bla.
Læs mereCPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015
Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok
Læs mereGrafisk Workflow. Website til European Blues Challenge
Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde
Læs mereHvordan kan vi designe et website til studenterorganisationen Analog café?
Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online
Læs mere4 TRIN TIL EN LINKEDIN-PROFIL, DER SÆLGER
4 TRIN TIL EN LINKEDIN-PROFIL, DER SÆLGER AT ARBEJDE MED SALG PÅ LINKEDIN FRA EN MIDDELMÅDIG PROFIL, SVARER TIL AT PRØVE AT KØRE STÆRKT I EN BIL UDEN DÆK Din salgssucces på LinkedIn er dybt afhængig af
Læs mereMads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility
Corporate Social Responsibility 1st project 2nd sem. February 2016 Mads Bruun Simonsen Daniel Engelhardt Alexander Klug Rasmussen Philip Nielsen LINK Cphbusiness Side 1 af 10 Indholdsfortegnelse Projektbeskrivelse.3
Læs mereBRUGERVENLIG EMBALLAGE Processen trin for trin
BRUGERVENLIG EMBALLAGE Processen trin for trin Hvis du som producent eller emballagedesigner vil udvikle en mere brugervenlig emballage, kan processen med fordel opdeles i otte faser. Her kan du læse om
Læs mereInformationsteknologi D Gruppe 16 Opgaver. Gruppe 16. Informationsteknologi D
Opgaver Gruppe 16 Informationsteknologi D IT Opgaver Her kan du se alle de IT opgaver som vi har lavet i løbet at vores informationsteknologi D periode. Media College Aalborg Side 0 af 7 Indholdsfortegnelse
Læs mere3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding
3. Semester Mul-A PROJEKT 3 Louise Marie Bonke harlotte Bruhn Stine Dorry Meulengracht Madsen http://cbruhn.dk/cfunding Projekt 3 Indholsfortegnelse Idéudvikling Indledning Målgruppeanalyse Moodboard Funktionalitet
Læs mereIndledning: Testen foregår på tid, da jeg ønsker at finde ud af, hvor lang tid brugeren er om at komme til disse mål.
Indledning: En brugertest er et godt redskab at bruge, når man skal teste brugervenligheden på en hjemmeside. Det er en af de mest anvendte usability testmetoder. Testen kan have to formål: at informere,
Læs mereModul 2 Brugervenlighed. - Hvordan får jeg konverteret mine besøgende til kunder?
Modul 2 Brugervenlighed - Hvordan får jeg konverteret mine besøgende til kunder? Agenda - Hvor finder jeg de gode, brugbare data (Analytics)? - Usability Hvad snakker vi om? - Hvilke ressourcer har jeg
Læs mereSmart-ebizz Manual til Bookinsystem Indholdsfortegnelse Kom hurtigt i gang med dit booking system:... 3 Overblikket over dit bookingsystem... 4 Hovedside... 4 Kunder... 4 Opret ny Kunde... 4 Vagtplaner...
Læs mereHer vil jeg gerne være Det er sådan dine kunder skal tænke
Her vil jeg gerne være Det er sådan dine kunder skal tænke I denne gennemgang lægger vi vægt på hjemmesidens opbygning. For at få det optimale udbytte af en hjemmeside skal mange elementer spille sammen.
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 mereCreativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS...
Index INDEX... 1 DESIGNOVERVEJELSER... 2 START IDEER... 2 INFORMATIONSDESIGN... 2 BUDSKABET: 2 ORGANISERING AF INDHOLD (SITEMAP): 3 SITE MAPS 3 INTERAKTIONDESIGN... 4 PRÆSENTATIONSDESIGN... 5 ALLE SIDER
Læs mereKAN EVIDENSEN BRUGES
KAN EVIDENSEN BRUGES miniguide til vurdering af overførbarhed og anvendelighed af evidens 2011 Kan evidensen bruges Formål Denne guide bruges til at vurdere om en sundhedsintervention, som har dokumenteret
Læs mereMicrosoft Project 2013 ser anderledes ud end tidligere versioner, så vi har lavet denne guide for at gøre din læreproces nemmere.
Startvejledning Microsoft Project 2013 ser anderledes ud end tidligere versioner, så vi har lavet denne guide for at gøre din læreproces nemmere. Værktøjslinjen Hurtig adgang Tilpasse dette område så dine
Læs mereSenior Sundhed. Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014
Senior Sundhed Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014 Frida Madsen Christian Knudsen Jonatan Nielsen Line La Fontaine Louise Bonke Projektet Der er til vores webbureau udviklet: Et
Læs mereprogram * opsamling * Hvad er informations arkitektur (IA)? * ia strukturer * metadata * Øvelse * næste gang
dagens program * opsamling * Hvad er informations arkitektur (IA)? * ia strukturer * metadata * Øvelse * næste gang informations arkitektur informations arkitektur er: * Strukturering og organisering af
Læs mereAfsluttende - Projekt
2014 Afsluttende - Projekt Rapporten er udarbejdet af Ali, Andreas og Daniel Vejleder Karl G Bjarnason Indholdsfortegnelse Indledning... 2 Case... 3 Design... 4 Python kalender:... 4 Poster:... 4 Planlægning...
Læs mere3 guides til en succesfuld proces. Five Day Sprint. Nodes ressource bank
3 guides til en succesfuld proces Five Day Sprint Nodes ressource bank Five Day Sprint Ressourcebank Time to market er afgørende, især i forhold til digitale produkter. Et Five Day Sprint er en stærk proces
Læs mereGRAFISK WORKFLOW WEBSITE - CHOCOADDICT
GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der
Læs mere8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april
8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s. 36-39 K: Smukkere grafisk design,
Læs mereWORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Læs mereAktivitet: Du kan skrive et specialeoplæg ud fra punkterne nedenfor. Skriv så meget du kan (10)
Aktivitet: Du kan skrive et specialeoplæg ud fra punkterne nedenfor. Skriv så meget du kan (10) 1. Det er et problem at... (udgangspunktet, igangsætteren ). 2. Det er især et problem for... (hvem angår
Læs mereAlle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed.
1. Indledning Alle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed. I 2013 vil en del af de, der er ramt af arbejdsløshed ikke kunne modtage dagpenge
Læs mereGRAFISK - DESIGN ALEXANDER WYBRANDT WYBRANDT.COM ALEXANDER WYBRANDT
GRAFISK - DESIGN WYBRANDT.COM Fiskeri- og Søfartsmuseet Søfartsmuseet i Esbjerg skulle have opdateret deres online identitet, og krævede derfor nyt design til deres website så det havde den samme grafiske
Læs mereHCO Håndbyggede Cykler Online
HCO Håndbyggede Cykler Online Opgave beskrivelse Et nyudviklet koncept skal realiseres af en lille gruppe unge, danske cykelmekanikere og igangsættere. Ideen er at producere skræddersyede kvalitetscykler
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 mere1. SEMESTER SYNOPSIS. Erhvervsakademi Aarhus. Kristian Peter Lund Drewsen E-konceptudvikling EKU-12d (1ek12d1) 1. Semesters Mundtlig Eksamen
E-konceptudvikling EKU-12d (1ek12d1) 1. SEMESTER SYNOPSIS Den 19 12-2012 Erhvervsakademi Aarhus 1. Semesters Mundtlig Eksamen 1. Semester Synopsis De tre opgaver der er beskrevet i denne synopsis er blevet
Læs mereGRAFISK WORKFLOW BESKRIVELSE. KUNDE Meyer & Munk PRODUKTIONSÅR 2012. PROGRAMMER Xmind, Photoshop, Illustrator. MÅLGRUPPE Nye og nuværende kunder
Kompentence- og mentaludvikling GRAFISK WORKFLOW KUNDE Meyer & Munk PRODUKTIONSÅR 2012 PROGRAMMER Xmind, Photoshop, Illustrator MÅLGRUPPE Nye og nuværende kunder BESKRIVELSE Meyer & Munk Kontakt - øverst
Læs mereIndholdsfortegnelse for kapitel 2
Indholdsfortegnelse for kapitel 2 Kapitel 2. Analyse.......................................................... 2 Analyse af 2.1...................................................... 2 Analysen af Database.................................................
Læs mereWBS. 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 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. Om dette dokument Indhold I dette dokument kan du finde anbefalinger og råd til
Læs mereKODNING AF RESPONSIV DESIGN
Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte
Læs mereGRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1
GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.
Læs mereWORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Læs mereModulbeskrivelse til Adfærdsforandring i praksis MasterClass fra Operate og Altinget
Modulbeskrivelse til Adfærdsforandring i praksis MasterClass fra Operate og Altinget Overordnet om undervisningsforløbet Teori og litteratur Fokus for kurset er, at det er praksisorienteret. Vi anvender
Læs mereUser authentication og authorization i Angular 2
User authentication og authorization i Angular 2 Skrevet af: Kasper Due Vejleder: Michael Claudius Skole: Erhvervsakademi Sjælland - Campus Roskilde Uddannelse: Datamatiker - 4. semester Afleveret d.:
Læs mereTESTPLAN: SENIORLANDS WEBSHOP
TESTPLAN: SENIORLANDS WEBSHOP Indledning Vi vil i vores brugervenlighedsundersøgelse teste Seniorlands webshop 1. Vi vil teste hvor at webshoppen fungerer set ud fra en bruger af Internet. Vi vil blandt
Læs mereUndervisningsbeskrivelse
Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin 2016-2017 Institution Uddannelse Fag og niveau Lærer(e) Hold Rybners Tekniske Gymnasium HTX Kommunikation/IT
Læs mereHistoriana brugervejledning
Historiana brugervejledning Historiana er et elearning-system, som historielærere i og udenfor Europa har udviklet, for at hjælpe deres kolleger, og engagere studenterne med en nyskabende og ansvarlig
Læs mereDATABASE Projekt 1-3. semester
DATABASE Projekt 1-3. semester Gruppe 2- CLmul-a12e Projekt URL http://www.lucasperch.dk/projekter/database.pdf Gruppe 2 Lucas Perch-Nielsen cph-lp14@cphbusiness.dk http://lucasperch.dk/skole.php Niclas
Læs mere