Design fase - 1. iteration
|
|
- Jacob Lindegaard
- 8 år siden
- Visninger:
Transkript
1 Design fase - 1. iteration sitemaps wireframes interface metaforer 1
2 Design deliverables sitemaps - organisering af den samlede informationsmængde. flow charts - interaktion. wireframes - strukturering af individuelle sider. screen designs - præsentation. 2
3 Sitemaps Synonymer: taxonomi, sitestruktur, hierarki, navigationsmodel Formål Kommunikerer konceptuel struktur og organisering af indhold Publikum Designere og udviklere Kontekst Definerende eller diagnostisk 3
4 Sitemap layouts Tree: Hierarkisk organisering - vokser horisontalt. Comb: Hierarkisk organisering - vokser vertikalt. Star: Flade strukturer 4
5 Home Søg Nyheder finde events publicere events 5
6 Vocabulary Signaturforklaringer/legender: forklarer diagrammets symboler legende Side Side element Relation Gruppering Identiske sider 6
7 Home Søg Nyheder finde events publicere events 7
8 Home Søg Nyheder finde events publicere events søge interface browse efter titel browse efter dato event 8
9 Home Søg Nyheder finde events publicere events publiceringsinterface søge interface browse efter titel browse efter dato event 9
10 Cheat sheet til Jesse James Garreth s symbol bibliotek Visual Vocabulary 10
11 Sitemaps og dynamiske websites Udfordringen ligger i at afbilde større og mere dynamiske websites. Hvor relevant er side metaforen? Hvordan vise dynamisk indhold? Grupper bliver til områder. Links implicitte. Flade hierarkier og bløde kategorier. 11
12 Statisk vs. Dynamisk Statisk: Dynamisk: Explore Explore People Travel Nature People Travel Nature List Images images Travel List images images Nature List images images explore List images List images 12
13 Hvad så når de viste kategorier genereres dynamisk? Search List explore List images search categories explore List images List result...eller når det er brugerne der organiserer indholdet? Explore Tagcloud explore List images List images 13
14 Håndtering af store websites: Continuation points 14
15 Kobling mellem flow chart og site map 15
16 Et par øvelser Sitemap som design specifikation og sitemap som diagnose redskab. 16
17 Øvelse Test et sitemap ved at lave en wireframe på baggrund af det. (sitemap slide 18 og s. 282 i IA-Blueprints for the web) Er det nemt at se hvad der er en side og hvad der ikke er? Kan jeg forstå hvordan en bruger kan navigere mellem sider? Kan jeg forstå organiseringen og interaktionen i diagrammet? Kan det tegnes bedre? 17
18 18
19 Læg mærke til flg: Der er forskel på bokse En pil betyder link Et stiplet boks er en gruppering boks til venstre? 19
20 20
21 Dynamic data read from cases.xml, use description tag. 2 Text above char index 45 is omitted and replaced by more link 3 more link loads case template along with unique case.xml 21
22 Øvelse Tegn et sitemap for at forstå eller diagnostisere et website. Fra interface til sitemap - reverse engineering af Google Husk at præsentere anvendte symboler. 22
23 search search categories categories List tools Advertising Programmes Business Solutions About Google Go to... Google search Language Tools Advanced search 23 Sign-in Search Settings igoogle Featured Legend page group conditional page component link flow reference
24 Wireframes Specificerer hvilket indhold brugeren ser og hvordan det indhold prioriteres. Eksisterer i grænselandet mellem Struktur og Præsentation viser navigation, features, indhold og indholdsgrupperinger på en side (samt placering heraf). Fokus på INFORMATION frem for design. 24
25 Formål med wireframes Formål Kommunikere struktur beslutninger. Kan også bruges til usability tests. Publikum Designere (brugere) Kontekst Mellem sitemaps og screen designs. 25
26 Vigtige beslutninger Er wireframen til interfacedesignfasen eller til implementeringsfasen? Hvad er wireframens rolle? - At præsentere en designløsning? - Forstå problemet vi skal designe os ud af? 26
27 Kun 1 formål! 27
28 Detaleringsgrad Low fidelity - high level - bredde High fidelity - low level - dybde 28
29 wireframes: Lag 1 indholdsområder - rektangler indholdsbeskrivelser - tekst indholdsprioritering - formatering el. kronologi 29
30 høj prioritet lav prioritet Movie box cover [...] Movie title and description [...] Add to rental queue [...] Movie metadata [...] Customer rating [...] Recommendation navigation [...] Recommendation reasons [...] Friends recommendations [...] Customer reviews [...] Critics reviews Global Navigation [...] Search Box [...] Support Navigation [...] 30
31 wireframes: Lag 2 Scenarios - en narrativ titel Funktionalitet - links og gui elementer Annotations - noter udenfor skærmen 31
32 32
33 wireframes: Lag 3 Layout og visuelt design kontekst i det samlede design Eksempel-indhold 33
34 34
35 Eksempel-Indhold Autentisk indhold - navigation dummy indhold - til indhold der siger sig selv symbolsk indhold - til indhold med genkendelige formater labels - til alt lorem ipsum - brødtekst 35
36 wireframe tools Omnigraffle - Mac Microsoft Visio Diverse digitale tegneredskaber Papir og blyant IA templates og stencils 36
37 Browser GUI elementer skærmopløsninger iphone GUI elementer Lorem Ipsum 37
38 Design med udgangspunt i et konceptuelt design: et eksempel 38
39 Tag udgangspunkt i et konceptuelt design Konceptuelt design er en løsningsorienteret respons på den viden der blev genereret i analyse fasen. Funktionalitet Data Brugere Brugeroplevelse konceptuelt design 39
40 Et konceptuelt design kan hjælpes på vej af at teamet beslutter sig for hvilke interaktionsformer og interfacetyper der er relevante og hvilke metaforer der kan støtte brugerens forståelse af produktet: De 4 Interaktionsformer: Instructing Conversing Manipulating Exploring For mere, se kapitel 2 i Interaction Design 40 Nogle Interface typer: GUI Advanced GUI Sharable Tangible Mobile For mere, se kapitel 6 i Interaction Design
41 Interface metafor Familær viden kombineres med ny viden på en måde der hjælper brugeren med at forstå systemet. En svær balance mellem brugbarhed og sjov. Erickson 1990, Working with Interface Metafors : trin 1: etablere en god forståelse for produktets funktioner. trin 2: identificere de kritiske steder i produktet. trin 3: generere metaforer 41
42 Interface metafor trin 1: en god forståelse for systemets funktionalitet. Systemet skal føre brugeren igennem en række strukturerede læreforløb som tilsammen udgør 3 års matematik curricullum. Forløbene skal kunne tilpasses ved at brugeren sammensætter indholdet på nye måder. En indholds-enhed skal kunne stå alene eller opleves i tilfældig rækkefølge. Indholds-enhed = Læringsobjekt. trin 2: identificere de kritiske steder i systemet At brugere kan orientere sig i stor indholdsmængde. At brugere fuldfører læreforløb. trin 3: generere metaforer 42
43 Hele systemet Matematik curriculum og undervisning for 1-3 kl. Metafor: Et narrativt univers om en ø beboet af monstre og fyldt med skrammel som de bruger til at bygge fartøjer, der skal få dem væk fra øen. 43
44 Curriculum - et narrativt univers 44
45 45
46 Et klassetrin - et sted i universet - 46
47 Hele systemet Matematik curricullum og undervisning for 1-3 kl. En gruppe læringsobjekter Et læreforløb om et matematisk emne. Metafor: Et narrativt univers om en ø beboet af monstre og fyldt med skrammel som de bruger til at bygge fartøjer, der skal få dem væk fra øen. Metafor: En mission der går ud på at samle nok brændstof til at få prøvekørt et fartøj. 47
48 Et emne - Test af et fartøj 48
49 Brændstof fra alle læringsobjekterne i et emne, fyldes på fartøjet. 49
50 Prøvetur - Belønning 50
51 Hele systemet Matematik curricullum og undervisning for 1-3 kl. En gruppe læringsobjekter Et læreforløb om et matematisk emne. Læringsobjekt og score En pædagogisk aktivitet og et mål for elevens udbytte af aktiviteten. Metafor: Et narrativt univers om en ø beboet af monstre og fyldt med skrammel som de bruger til at bygge fartøjer, der skal få dem væk fra øen. Metafor: En mission der går ud på at samle nok brændstof til at få prøvekørt et fartøj. 51 Metafor: Spil, leg, fortælling indenfor universets narrativ, som udløser en variabel mængde brændstof til fartøjet.
52 Læringsobjekt og score 52
53 Test af metaforen Erickson 1990, Working with Interface Metafors Hvor meget struktur giver metaforen? Hvor meget af metaforen er relevant for problemet? Er metaforen nem at repræsentere med billeder, lyd og tekst? Vil målgruppen kunne forholde sig til metaforen? Kan metaforen udvides, har den flere elementer som kan blive nyttige senere? 53
54 Hvor meget struktur giver metaforen? Universets storyline giver struktur til det linære men samtidig frie forløb gennem materialet. Universets fysiske rum giver struktur til organisering af indholdet. 54
55 Konceptuelt design for Mondiso Matematik klasse Klassetrin Emne Aktivitet 55
56 Historiens iterationer svarer til læreforløbets iterationer: Matematik klasse På en skrammel ø i Bermuda trekanten bor der nogle monstre med en drøm om at komme over til en anden ø. Klassetrin Et sted på øen... Emne...bygges på et fartøj... Aktivitet...brændstof samles......fartøjet afprøves. Et sted nyt sted på øen opdages. Det lykkedes til sidst 56 at komme over til den anden ø.
57 Hvor meget af metaforen er relevant for problemet? Metaforen bedst til at understøtte fremdrift (progress). Fagligt indhold/aktiviteter og overordnet narrativ ikke nærtforbundet. Fx. er det ikke relevant at se selve konstruktionen af fartøjet. Det er ikke en metafor for matematik - det er en metafor for det tid-og-rum-kontinuum som matematik undervisningen sker i. 57
58 Vil målgruppen kunne forholde sig til metaforen? Vi hentede inspiration fra kulturfænomener som vi ved vores målgruppe kan lide Adventure spil genren 58 En humoristisk fortælling for børn
59 Kan metaforen udvides? Hver gang vi har en aktivitet kan vi trække på den overordnede narrativ i skabelsen af en mindre narrativ og på den måde udvide metaforen til også at rumme det faglige indhold. 59
60 Site map for Mondiso Træning Whiteboard 1. talrækken plus minus 2. gange former 3. dividere Evaluering Planlægning 60
61 Ressourcer Toolbox (print og web) Artikelsamling: Tegneprogrammer: Magasin: Jesse James Garrett s artikel om at beskrive IA og ID: 61
62 Øvelser Hvis I finder det relevant: Diskutér mulige interface metaforer for jeres produkt. Evaluer jeres interface metafor med spørgsmålene på slide 53. Tegn et sitemap for systemet. Husk signaturforklaring. Senere kan I bruge denne tegning til at vise hvilke dele I vil implementere. Tag udgangspunkt i sitemap et og tegn en wireframe. Start med at tegne en skitse i hånden, ren-tegn i et tegneprogram. Gem en version for hver af de 3 lag beskrevet på slide Sørg i hvert fald for at I har en wireframe med en detaljeringsgrad som den vist på slide
Design fase - 1. iteration. Design deliverables. sitemaps. wireframes. interface metaforer. sitemaps - organisering af den samlede informationsmængde.
Design fase - 1. iteration sitemaps wireframes interface metaforer 1 Design deliverables sitemaps - organisering af den samlede informationsmængde. flow charts - interaktion. wireframes - strukturering
Læs mereKonceptuelt design for
Konceptuelt design for http://www.youtube.com/watch?v=nahzzynnerq - et digitalt matematik materiale til de mindste klassetrin 1 1 Opgaven Et online undervisningsmateriale som dækker det fulde curricullum
Læs mereIA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME
IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME # 1 NAVIGATION DESIGN BRUGERENS VEJ TIL INDHOLD NAVIGATION ER ALLE DESIGN ELEMENTER DER GUIDER BRUGEREN TIL INDHOLDET HVOR ER JEG LAD BRUGEREN VIDE
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 mereWebside score google.com
Webside score google.com Genereret Januar 14 2019 10:26 AM Scoren er 37/100 SEO Indhold Titel Google Længde : 6 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)
Læs mereDagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets.
Dagens program Har alle fået? Har nogen betalt for meget? Hav jeres koder klar Domæner change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog Hvad er widgets Hvad er
Læs merePrototyper & interaktionsdesign. SAS Forum 2012
Prototyper & interaktionsdesign SAS Forum 2012 Klaus Silberbauer Partner, Creative Director Think! Digital Tidl. UX Director / VP, Creuna Cand. IT. Strategy Tactics Operations Strategy Tactics Operations
Læs mereAnmode om et tilbud: www.studioprime.hu og info@studioprime.hu Vi vil svare inden for 24 timer!
studioprime.hu produkter og services prisliste Gældende fra Jan. 11, 2015 til Feb. 28, 2015. Anmode om et tilbud: www.studioprime.hu og info@studioprime.hu Vi vil svare inden for 24 timer! Basic website
Læs mereDynamisk Webdesign. Stefan Grage
Dynamisk Webdesign Stefan Grage Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min. Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites Utilities Google
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 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 mere1. SCREENING OG BAGGRUND
1. SCREENING OG BAGGRUND BL Danmarks Almene Boliger har på forvaltningskonferencen d. 22. august 2012 lanceret konkurrencen Bedst til bolig på nettet. Bedst til bolig på nettet baserer sig på samme overordnede
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 mereIntroduktion til undervisning i innovation og iværksættermesse
Introduktion til undervisning i innovation og iværksættermesse Introduktion Firemodellen bruges til at strukturere undervisningen i innovation. Modellen består af fire dele, der gennemføres i rækkefølge.
Læs mereMendeley er både en reference manager og et akademisk socialt netværk.
Mendeley på PC er Mendeley er både en reference manager og et akademisk socialt netværk. Mendeley kan hjælpe dig med at organisere din forskning og samarbejde med andre online. Mendeley kan generere litteraturlister
Læs mereMARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK
DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6
Læs mereData lagring. 2. iteration (implement backend)
Data lagring 2. iteration (implement backend) Emner Grundlæggende database begreber. Data definitionskommandoer ER-diagrammer og cardinalitet/relationer mellem tabeller Redundant data og Normalisering
Læs mereMendeley er både en reference manager og et akademisk socialt netværk.
Mendeley på PC er Mendeley er både en reference manager og et akademisk socialt netværk. Mendeley kan hjælpe dig med at organisere din forskning og samarbejde med andre online. Mendeley kan generere litteraturlister
Læs mereBEDSTE BOLIGORGANISATION PÅ NETTET KRITERIER: NAVIGATION
KRITERIER: NAVIGATION Der er ingen søgeboks på hjemmesidens forside 0 p. i hele spg. 1.1 Søgefunktionen testes med tre søgeord, der er relevante for den pågældende hjemmeside 1.1 Når man benytter søgeboksen
Læs mereGuide til oprettelse/redigering af events på bornholm.info
Guide til oprettelse/redigering af events på bornholm.info Trin Login Beskrivelse 1. Login på hjemmesiden: URL: http://bornholm.info/wp-admin/ Brugernavn: se mailen Adgangskode: se mailen Opret event 1.
Læs mereWebside score templatedownload.org
Webside score templatedownload.org Genereret Oktober 18 2015 05:21 AM Scoren er 43/100 SEO Indhold Titel FREE Template Download Længde : 22 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse
Læs mereHvor er mine runde hjørner?
Hvor er mine runde hjørner? Ofte møder vi fortvivlelse blandt kunder, når de ser deres nye flotte site i deres browser og indser, at det ser anderledes ud, i forhold til det design, de godkendte i starten
Læs 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 mereMendeley kan hjælpe dig med at organisere din forskning og samarbejde med andre online.
Mendeley på Mac Mendeley er både en reference manager og et akademisk socialt netværk. Mendeley kan hjælpe dig med at organisere din forskning og samarbejde med andre online. Mendeley kan generere litteraturlister
Læs mereSoftware Design (SWD) Spørgsmål 1
Spørgsmål 1 Unified Process Du skal give en beskrivelse af Unified Process. Beskrivelsen skal indeholde forklaring på følgende begreber: Phase Iteration Discipline Activity Milestone Artifact Spørgsmål
Læs mereBrugervenlighed som en fast del af udviklingsprocessen
Brugervenlighed som en fast del af udviklingsprocessen Ingrid Haug, 10. marts 2010 Hvorfor dette oplæg? Brugervenlige produkter opnås kun ved at arbejde målrettet med brugervenlighed Alt for sjældent er
Læs mereMondiso matematik for 1. til 3. klasse
Mondiso matematik for 1. til 3. klasse Programmet henvender sig til elever i indskoling. Det kan også benyttes af børn på højere klassetrin, som har behov for at få genopfrisket det grundlæggende i matematikken.
Læs mereLog ind. Opret fortælling. Skriv tekst. Upload billeder. Indsæt billeder. Indsæt links. Indsæt citat. Indsæt grå boks
Indhold Log ind Opret fortælling Skriv tekst Upload billeder Indsæt billeder Indsæt links Indsæt citat Indsæt grå boks Indsæt youtube video Indsæt google map via iframe Opret og indsæt galleri Opret og
Læs mereKort om baggrund for kurset, aktører, kodning.dk
præsentation 1 2 Kort om baggrund for kurset, aktører, kodning.dk 3 Kort rammesætning hvorfor er det vigtigt med fokus på programmering også i en skolekontekst særligt slide 7 er værd at dykke ned i og
Læs mere1.8.2 Overblik over releasens
1.8.2 Overblik over releasens Marts 2013 Releasedato 21. marts 2013, mellem kl. 7:00 og 10:00 GMT Indholdsfortegnelse Forbedringer... 3 Find Us - bekræft beliggenhed på kort... 3 LinkedIn føjet til muligheder
Læs meregrafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
Læs mereDet Naturvidenskabelige Fakultet. Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske
Det Naturvidenskabelige Fakultet Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske Indholdsfortegnelse Introduktion til Blackboard Content System...3 Øvelse 01 individuel:
Læs merePOWERPOINT, ONENOTE OG OUTLOOK
POWERPOINT, ONENOTE OG OUTLOOK KURSER gennemgang, eksempler og praktiske øvelser 1 KOMMUNERETTET KURSUS I BRUG AF POWERPOINT, ONENOTE OG OUTLOOK Få en gennemgang, lav eksempler og deltag i praktiske øvelser
Læs mereVejledning til Blackboards portfolio værktøj
Vejledning til Blackboards portfolio værktøj Brug denne vejledning, når du skal udarbejde din undervisningsportfolio i Blackboards portfolio værktøj. Ved at følge alle trinene nedenfor får du udarbejdet
Læs mereTegninger ved skriftlig prøve i fysik A, htx
Tegninger ved skriftlig prøve i fysik A, htx Om tegning med Adobe Acrobat Reader og andre programmer Nils Kruse Fra sommeren 2018 bliver de skriftlige eksamensopgaver i fysik A, htx, udleveret digitalt.
Læs mereTEMA. Du og dit team kan vælge tema for forløbet ved at lade jer inspirere af aktuelle historier i medierne eller trends på nettet.
TEMA Du og dit team kan vælge tema for forløbet ved at lade jer inspirere af aktuelle historier i medierne eller trends på nettet. Det er vigtigt, at temaet: Er bredt, så eleverne kan følge egne interesser
Læs mereRedaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel
Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger
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 merePortfolio Redesign Kamilla Klein 1. Semester eksamen
2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet
Læs mereAdvanced Sitecore Google Maps
Advanced Sitecore Google Maps WCAG Edition Version 1.6 Brugervejledning 1 / 41 1 Indholdsfortegnelse 1 Indholdsfortegnelse... 2 2 Forord... 3 2.1 Hvad er nyt i version 1.6?... 4 3 Oprettelse af kort...
Læs mereIntDesign - Kap 7. Kap 1.6.1 s. 20 - Usability goals
IntDesign - Kap 1 Kap 1.6.1 s. 20 - Usability goals Usability goals are viewed as being concerned with meeting specific usability criteria, e.g. efficiency, whereas user experience goals are largely concerned
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 mereFælles Mål Danmarks privatskoleforening den 15.01.2014
Fælles Mål Danmarks privatskoleforening den 15.01.2014 Baggrund Nationale undersøgelser Fælles Mål er for omfattende, diffuse, ikke prioriterede og i nogle tilfælde for brede. Fælles Mål kobles ikke til
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 mereSoftware Design (SWD) Spørgsmål 1
Spørgsmål 1 Unified Process Du skal give en beskrivelse af Unified Process. Beskrivelsen skal indeholde forklaring på følgende begreber: Phase Iteration Discipline Activity Milestone Artifact Spørgsmål
Læs mereVelkommen hjem i Minecraft
Et undervisningsforløb om fremtidens bolig / Håndværk og design/dansk 5.-8. klasse / Lærervejledning Velkommen hjem i Minecraft Dette materiale er udarbejdet af Dansk Arkitektur Center til forberedelse
Læs mereTech College Aalborg. ASP.NET Hjemmeside. Projekt Smart Zenior Home - Guide til ASP.NET hjemmeside med Visual Studio
Tech College Aalborg ASP.NET Hjemmeside Projekt Smart Zenior Home - Guide til ASP.NET hjemmeside med Visual Studio Isabella Sihm Ziersen Indhold ASP.Net hjemmeside... 2 Visual Studio... 2 Brug af templates
Læs mereSoftware Design (SWD) Spørgsmål 1
Spørgsmål 1 Unified Process Du skal give en beskrivelse af Unified Process. Beskrivelsen skal indeholde forklaring på følgende begreber: Phase Iteration Discipline Artifact Milestone Du skal relaterer
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 mereAnnemette Søgaard Hansen/www.dinwebvejleder.dk
Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2
Læs mereMicroStation V8i Print
MicroStation V8i Print Arne Mortensen Page 1 Print Optioner Printe kan være så simpelt som at definer et View eller placer et fence omkring det areal, der skal printes, og derefter klikke på Print ikonet
Læs mereSEO og Kommunikation
SEO og Kommunikation Agenda 1. Kommunikation på nettet 2. SEO hvad er det? 3. Teknisk SEO 4. Søgeordsanalyse 5. On-page SEO 6. Off-page SEO Kommunikation på nettet Kend din målgruppe Hvilke kunder har
Læs mereWebside score assin.co
Webside score assin.co Genereret Juli 18 2019 15:45 PM Scoren er 57/100 SEO Indhold Titel Assin is automated service for your Instagram account promotion Længde : 63 Perfekt, din titel indeholder mellem
Læs mere1. til 3. klassetrin
M O N D I S O 1. til 3. klassetrin Indhold HVAD ER MONDISO?... 3 HVORDAN LOGGER MAN IND?... 4 HVORDAN NAVIGERER MAN RUNDT?... 5 TRÆNINGSOPGAVER... 6 MATERIALER TIL DOWNLOAD... 7 FØLG UDVIKLINGEN... 8 OVERSIGT
Læs mereEkstra Bladet Musik app
Ekstra Bladet Musik app Konceptbeskrivelse: Formålet med app en Ekstra Bladet Musik er at de mange brugere* af Ekstra Bladet s musikindhold nemt skal kunne tilgå information angående koncerter, albummer,
Læs merePROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
Læs mereTerminologi. Search Engine Marketing (SEM) Search Engine Optimization (SEO) Black Hat SEO White Hat SEO Pay Per Click (PPC)
Terminologi Search Engine Marketing (SEM) Search Engine Optimization (SEO) Black Hat SEO White Hat SEO Pay Per Click (PPC) Definition 1 SEO is a technique which helps search engines find and rank your
Læs merePortfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester
Portfolio Andreas Stjerneklar Kristensen Multimedia Designer Eksamen 1. Semester Indledning Design Skitser ASK logoet Teknologivalg No database Javascript Eksempel Udviklingsmuligheder Mere relation mellem
Læs mereWebside score ming-hotels.com
Webside score ming-hotels.com Genereret Maj 21 2019 14:35 PM Scoren er 54/100 SEO Indhold Titel Home Ming Hotels Længde : 18 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse Længde
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 mereW6 - Model- og Tegningskomposition
W6 - Model- og Tegningskomposition Introduktion Dette er en kort introduktion til de nye værktøjer for tegningskomposition i 3D. Du vil komme til at arbejde med Clip Volume, Dynamic Views, Saved Views,
Læs mereWorkshop om digitale fortællinger og multimodal formidling
Workshop om digitale fortællinger og multimodal formidling - Bedre læring for elever med ordblindhed og læsevanskeligheder Læringscenterets dag d. 29. august 2019 Du finder præsentationen her: http://kortlink.dk/ytgf
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 mereDatoformater i XIr2 for Web Intelligence. Dokument ID: Dato: Dec. 2009. dokumenter. Side 1 af 8. dokumenter. Issue: Version 1
Side 1 af 8 Datoformater i XIr2 Dato: Dec. 2009 Issue: Version 1 Dette dokument er udarbejdet af: J. Schultz-Pedersen Affecto Denmark A/S Lyngbyvej 28 DK-2100 København Ø CVR: 21 59 61 83 Tlf.: 39 25 00
Læs mereFase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.
1 Opstart af et site Opret hovedmappen Opret grafikmappen Opret dit site Mappen skal indeholde alle elementer til dit site. Opret en mappe indeni den første og kald den grafik. Heri lægges alle dine grafikfiler.
Læs mereBRUGERVEJLEDNING TIL GOOGLE DRIVE
BRUGERVEJLEDNING TIL GOOGLE DRIVE Maja Maria Nielsen Arts Media Lab 1 S i d e Oversigt over oprettelse og basisfunktioner i Google Drive 1. TRIN: OPRETTELSE AF GOOGLE- KONTO 2. TRIN: LOGIN PÅ KONTO 3.
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 mereSOCIALE MEDIER ONLINE MARKETING 2. SEMESTER, FORÅR 2014
SOCIALE MEDIER ONLINE MARKETING 2. SEMESTER, FORÅR 2014 SOCIALE MEDIER ONLINE MARKETING 2. SEMESTER, FORÅR 2014 DAGENS PROGRAM Sociale medier og engagerende content Hvad, hvor, hvem Godt indhold og Content
Læs mereSabine Puk Sørensen Svendeprøve portfolio
Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede
Læs mereIndhold Login flexsignage... 1 Rediger eksisterende layout... 1 Oprette et layout - template... 1 Oprette et layout tomt... 2 Designe layout...
Indhold Login flexsignage... 1 Rediger eksisterende layout... 1 Oprette et layout - template... 1 Oprette et layout tomt... 2 Designe layout... 3 Indstillinger... 3 Regionens menu... 4 Regioner... 4 Regionsindhold/medietype...
Læs mereMANUAL - Joomla! Version 1
MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst
Læs 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 mere- med kortspil og legetøj
- med kortspil og legetøj Dette hæfte er udarbejdet af Karina Pihl Færk og Maria Grove Christensen og tiltænkt FAMILIEMATEMATIK som inspiration til hyggelige matematiske spil og aktiviteter for 0.-2. årgangs
Læs mereAdvanced Sitecore Google Maps
Advanced Sitecore Google Maps WCAG Edition Version 2.2 Brugervejledning 1 / 49 1 Indholdsfortegnelse 1 Indholdsfortegnelse... 2 2 Forord... 4 2.1 Hvad er nyt?... 5 3 Oprettelse af kort... 6 3.1 Kort centrum
Læs mereBrugervejledning til Design Manager Version 1.02
Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1
Læs mereKOM GODT I GANG MED. Desktop Mendeley Menuen er simpel og intuitiv. I Menuen Tools finder du web importer og MS Word plugin
Mendeley er et program til håndtering af PDF er og referencer, som frit kan downloades fra internettet. Der er fri lagringskapacitet for en enkeltbruger op til en vis mængde data. Du kan hente programmet
Læs mereKapitel 6 Events i C#
Kapitel 6 i C# Når vi snakker programmering er en Event når der aktiveres specielt indbygget kode. Der sker en hændelse (event). Man siger at eventet bliver udført. De events vi skal gennemgå i dette kapitel
Læs mereRejseplanen status og udvikling. Birgitte Woolridge, Product Manager, blw@rejseplanen.dk
Rejseplanen status og udvikling Birgitte Woolridge, Product Manager, blw@rejseplanen.dk Agenda Rejseplanen facts&figures Hvorfor kan Rejseplanen ikke bare vise, når bussen ikke kommer??!! Nye ting på Rejseplanen
Læs mereMaterialer Læringsmål Lærerroller, arbejdsformer og organisering. Robinsonade som genre. Kendskab til interaktion i Minecraft via Den mystiske ø
4. Lektionsoversigt Fasebeskrivelse og varighed Materialer Læringsmål Lærerroller, arbejdsformer og organisering Faglige begreber og faglige tilgange A) OPSTART 2 lektioner Fælles introduktion til storyline
Læs mereVejledning i upload af serier til Danske tegneseriskaberes app.
Vejledning i upload af serier til Danske tegneseriskaberes app. En kort intro Version 1.2 22/11/2012 Danske Tegneserieskabere har lavet appen for at give medlemmer og andre en nem adgang til at publicere
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mereGRAFISK WORKFLOW. 1 Grafisk workflow
GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet
Læs mereGRAFISK DESIGN 1. HOVEDFORLØB
GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,
Læs mereIT opgave. Informationsteknologi B. Vejleder: Karl. Navn: Devran Kücükyildiz. Klasse: 2,4
IT opgave Informationsteknologi B Vejleder: Karl Navn: Devran Kücükyildiz Klasse: 2,4 Dato:03-03-2009 1 Indholdsfortegnelse 1. Indledning... 3 2. Planlægning... 3 Kommunikationsplanlægning... 3 Problemstillingen...
Læs mereDESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 10. Oktober 2013 #6 Designproces + Projektstart
DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME 10. Oktober 2013 #6 Designproces + Projektstart DAGEN I DAG Designprocessen [Pause] Om delaflevering Gruppedannelse [Pause] Gruppeøvelse og projektstart DESIGNPROCESSEN
Læs mereBetjenings vejledning
Betjenings vejledning Clinical GPS A Global database with Clinical Decision Support working like a GPS Replaces guideline documents and local rules in the hospital Tjek på medicin Version 1.1 KN 2017.06.21
Læs mereWebside score cozytime.ca
Webside score cozytime.ca Genereret Maj 23 2019 10:11 AM Scoren er 48/100 SEO Indhold Titel Daycare Toronto -Cozytime Child Care. Best Licensed Montessori Center Længde : 69 Perfekt, din titel indeholder
Læs mereDannelse af PDF-dokumenter
Dannelse af PDF-dokumenter Indhold Generere PDF-dokumenter... 2 Håndtering af PDF-dokumentet... 6 Hvordan indsætter man sidetal i PDF-dokumentet?... 6 Hvordan laver man bookmarks i PDF-dokumentet?... 7
Læs mereInfoGalleri Interaktiv formidling og kommunikation i det offentlige rum
Interaktiv formidling og kommunikation i det offentlige rum Agenda Introduktion af Baggrund Demo Udvikling / muligheder Spørgsmål Koncept Interaktivt system til at eksponere digitale informationer på en
Læs mereDDElibra H Å N D B O G
H Å N D B O G Axiell Danmark A/S 2016-10-12 Version 9.11.60 GUI Copyright 2016 2 1 Indholdsfortegnelse 1 Indholdsfortegnelse... 2 2 Introduktion... 3 3 Søgning i dokumentationen... 3 4 Åbning af ""...
Læs mereIT-progressionsplan 2014
IT-progressionsplan 2014 (Planen er stadig under udvikling) Overordnet beskrivelse - "IT-dannelse" Eleverne skal undervises i forskellige systemer, hvorved de gennem undervisningen og den konkrete anvendelse
Læs mereIdeer til matematik-aktiviteter i yngstetrinet
Ideer til matematik-aktiviteter i yngstetrinet Følgende ideer er ment som praktiske og konkrete ting, man kan bruge i matematik-undervisningen i de yngste klasser. Nogle af aktiviteterne kan bruges til
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 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 mereGrafisk workflow 3. Hovedforløb
Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter
Læs mereWebside score reviewproducts.org
Webside score reviewproducts.org Genereret Juli 28 2019 14:31 PM Scoren er 50/100 SEO Indhold Titel Review-products.org our product reviews will help you in choosing and placing your order Længde : 90
Læs mereGrafisk pro duktion & workflow. Portfolio for Kasper Rasmussen
Grafisk pro duktion & workflow Portfolio for Kasper Rasmussen 2012 2015 G r a f i s k produktion & workflow focus denmark app #3 opgavebeskrivelse Versionering af Focus Denmark print magasin til magasin-
Læs mereProdukt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
Læs mereVIRKSOMHEDSSIMULERING
KEY LEARNING ER ET KREATIVT KONSULENTHUS MED MASSER AF POWER! Styrk dine medarbejdere gennem leg og seriøst sjov Med en virksomhedssimulering vil medarbejderne træne virkelige situationer og udvikle deres
Læs mere