Användarcentrerad design Navigering
|
|
- Pernilla Danielsson
- för 6 år sedan
- Visningar:
Transkript
1 Webbteknik Användarcentrerad design Navigering Rune Körnefors Medieteknik Rune Körnefors rune.kornefors@lnu.se
2 "navigera, bestämma kurs och posi?on?ll sjöss, i lucen eller i rymden. naviga(on (av la?nets navigare: segla), bestämning av en farkost posi?on vid vilken som helst?dpunkt och bestämning av kursen?ll des?na?onsorten." Navigering (Bra Böckers Lexikon) Nivigering: Var är jag? och hur kommer jag dit jag vill? InformaQonsarkitektur: Navigering i hyperrymden (hyperspace, Nielsen 1990) FörflyVning i informaqonsmängden Nielsen, J. (1990) HyperText & HyperMedia, Academic Press 2
3 Naviga?onssystem Global navigering Navigering mellan webbplatsens avdelningar Finns hela Qden Qllgänglig Lokal navigering Navigering inom en avdelning eller sida Kontextuell navigering Inbäddade länkar Problem: svårt av veta vad man får Jämför med en bok: Global navigering: Kapitel (nummer eller rubriker) Lokal navigering: Delkapitel, enskilda sidor Kontextuell navigering: Hänvisning Qll figur, annan sida, annan bok, etc. Jämför med hus på campus: Global navigering: Benämningar på hus Lokal navigering: Rumsnummer i huset Kontextuell navigering: "Beama" i Star Trek Rosenfeld, L. & Morville, P. (2007) Informa?on Architecture for the World Wide Web, 3rd edi?on, O'Reilley, s.122f 3
4 Lost in hyperspace Exempel på problem: Ser endast en sida i taget Var befinner man sig, omfavning på materialet,? Kan komma in miv i strukturen Hoppar man bakåt, framåt, djupare i strukturen,? Vet inte vad länken ger Djupare förklaring, associaqon, ny sida i samma avdelning, en annan avdelning,? Vet inte om och i så fall hur vikqg länken är Behöver man gå dit för av förstå resten, eller kan man gå vidare ändå,? Hur komma "Qllbaks" Upp genom strukturen? Till en sida man varit på Qdigare? Hur komma "framåt" Till den informaqon man söker? Finns den informaqon man söker på webbplatsen? Var är jag? Vad gör jag här? Hur har jag kommit hit? Hur kommer jag?llbaks? Varför är jag här? Har jag missat något?? Nielsen, J. (1990) HyperText & HyperMedia, Academic Press 4
5 Lost in hyperspace Exempel på stöd: LäV kunna förflyva sig mellan huvudavdelningar och underavdelningar Global och lokal navigering "Back- track" / Struktur LäV och naturligt av följa vägen Qllbaka eller uppåt i strukturen "Brödsmulor" (bread crumbs) Webbplatskarta (site map) Översikt, orientering Söksystem Fritextsökning Guide För av få en snabb orientering 5
6 Kontextuell navigering Kontextuella länkar (inbäddade länkar) EQkeVen utgör en del av texten. Trots den omgivande texten kan det vara svårt av veta vad länken ger. På campus finns Teleborgs slov i en vacker park. Får man en bild på slovet, en sida som beskriver slovet, en karta över campus där slovet är markerat, eller något annat? På campus finns Teleborgs slov (visa bild) i en vacker park. Här förstår man av man får en bild på slovet. 6
7 Exmpel på eqkever Titel på sidan Rubriker i texten Namn på länkar i global och lokal navigering Namn på andra länkar AR välja e?kerer Labels EQkeVer väljs anpassade Qll innehåll och målgrupp LäVare hiva bra eqkever, om omfavningen av innehåll, målgrupp ej är för stor En bred målgrupp à svårare hiva eqkever som tolkas lika av alla Utgå från: - användarnas kunskap, språk, etc. - vad som är brukligt i ämnesområdet, liknande webbplatser - innehållsanalys, ämneskunniga, ordlistor 7 Var konsekvent SubstanQv = innehåll Verb = funkqon/uppgip
8 Ikoner Bilder / symboler som eqkev Används främst för länkar i navigeringssystem Fördelar EsteQskt Framträder tydligt på sidan (särskilt om innehållet främst består av text) Tar liten plats Nackdelar Kan vara svåra av förstå, svårt hiva bra bilder som tolkas lika av alla i målgruppen Användaren kan behöva lära sig betydelsen 8
9 Namn på sidor Namn på sidans innehåll Första sidan Ingång Schema Uppgiper Hem Start Ingångssida, förstasida Svenska datatermgruppen. OrdlistearQkel 91: ingångssida, förstasida, hvp:// [ ] 9
10 Exempel på några webbplatser Några exempel hvp:// hvp:// hvp:// hvp:// hvp:// hvps:// 10
Länkar och navigering
Föreläsning i webbdesign Länkar och navigering Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Hypertext Hyper [grekiska] över Hypertext Går över textens sekvengella flöde Referens
Användarcentrerad design Structure plane (tredje nivån)
Webbteknik Användarcentrerad design Structure plane (tredje nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se " our concerns shi? from more abstract issues of strategy and scope
Optimering av webbsidor
1ME323 Webbteknik 3 Lektion 7 Optimering av webbsidor Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda Optimering SEO (Search Engine Optimization) Sökmotor: index, sökrobot
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration
Labora&on 3 HTML och struktur övningar/uppgi:er
Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som
Användarcentrerad design Prototyper & användartest
Webbteknik Användarcentrerad design Prototyper & användartest Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats Utkast eller enkel variant av webbplatsen
Språk för webben introduk4on 4ll HTML
Föreläsning i webbdesign Språk för webben introduk4on 4ll HTML Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se En webbsidas beståndsdelar Text (formaterad, strukturerad) Länkar Inkluderade
Struktur & Layout med CSS
1ME321 Webbteknik 1 Lektion 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Denna vecka Exemplet Gretas Blommor Garretts modell Structure
Introduktion Översikt av kursen och området webbteknik
1ME321 Webbteknik 1 Kursintroduktion och lektion 1 Introduktion Översikt av kursen och området webbteknik Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me321 1 2019 Rune Körnefors rune.kornefors@lnu.se
Titel: Undertitel: Författarens namn och e-postadress. Framsidans utseende kan variera mellan olika institutioner
Linköping Universitet, Campus Norrköping Inst/ Kurs Termin/år Titel: Undertitel: Författarens namn och e-postadress Framsidans utseende kan variera mellan olika institutioner Handledares namn Sammanfattning
Sovra i materialet. Vad är viktigt? Vad kan tas bort? Korta ner långa texter.
Sid 1 (6) Skriva för webb Att skriva för webben handlar om att skriva kort och enkelt för att fånga läsaren. Relevant innehåll Fundera över vad läsaren vill veta. Skriv för målgruppen. Sovra i materialet.
1ME323 Webbteknik 3 Lektion 6 API. Rune Körnefors. Medieteknik Rune Körnefors
1ME323 Webbteknik 3 Lektion 6 API Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda API (Application Programming Interface) Mashup Flickr API Google Maps API Labb 6 2 API (Application
Kravspecifika.on, pappersprototyp & CSS
1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna
Användarcentrerad design Interak3on och informa3on
Föreläsning i webbdesign Användarcentrerad design Interak3on och informa3on Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Structure Plane our concerns shi9 from more abstract issues
Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I. Rune Körnefors. Medieteknik Rune Körnefors
Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC A Arkitektur, struktur
Struktur & Layout med CSS
1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs
Sammanfattning av hantering av redovisning av uppgift U1
Sammanfattning av hantering av redovisning av uppgift U1 Hur du redovisar Hur svar ges Hur eventuell komplettering sker Hur restuppgifter hanteras Hur registrering av resultat görs 1M321 Webbteknik 1,
Skeleton plane & Responsiv webbdesign med CSS
1ME321 Webbteknik 1 Lek0on 6 Skeleton plane & Responsiv webbdesign med CSS Rune Körnefors Medieteknik 1 2016 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen U2 deadline Exemplet Gretas Blommor
Prototyper och användartest
Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"
Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0
Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning
Jordbruksverket. Web Service Index 2010 Avrapportering
Jordbruksverket Web Service Index 2010 Avrapportering Vår bakgrund Webbplats- och intranätundersökningar sen år 2000 Utgångspunkt de verkliga besökarna Unik databas med ett stort antal företag Vår vision
Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu.
Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt
Blackboard Studentmanual - Att arbeta med Wikis
1 (5) Blackboard Studentmanual - Att arbeta med Wikis Läraren på kursen kan ha valt att kursen ska använda sig av Wikis. Då syns funktionen i menyn. En wiki är en webbsida/webbplats som användarna skapar
Labora&on 2 Funk&oner, if och loop övningar/uppgi:er
Labora&on 2 Funk&oner, if och loop övningar/uppgi:er 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se
Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of
Manual KAMPUS. Kampus Startsida Licenser och Konton Mina Grupper Skapa grupp i portalen: Mina läromedel...
Manual KAMPUS INNEHÅLLSFÖRTECKNING Kampus... 1 Startsida... 1 Licenser och Konton... 2 Mina Grupper... 2 Skapa grupp i portalen:... 2 Mina läromedel... 3 Redigera läromedlet... 3 Innehållsförteckning...
Introduk+on +ll JavaScript if- sats, funk+oner, bilder
Föreläsning i webbdesign Introduk+on +ll JavaScript if- sats, funk+oner, bilder Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se if- sats I en if- sats kan man kontrollera ee villkor
Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er
Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on
Formulär, textsträngar och en del annat
1ME322 Webbteknik 2 Lektion 6 Formulär, textsträngar och en del annat Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me322 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda JavaScript Interaktion
Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,
Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se
Axalon Process Navigator SP Användarhandledning
Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP 2013, senast reviderad: den 11 juni 2014 Innehåll Innehåll... 2 Om denna användarhandledning... 3 Syfte... 3 Vem är denna handledning
Visuell design Bilder & färger
1ME321 Webbteknik 1 Lek0on 8 Visuell design Bilder & färger Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 43 Läsanvisningar UpphovsräPslagen Kort sammanfapning
När man trycker på knappen får man upp ett fönster med alla tillgängliga bilder, och väljer en av dem genom att trycka på bilden:
Instruktioner för att lägga in bilder i vinjetten Bilder kan läggas in på många olika sätt på webbplatsen, ett vanligt sätt är att bädda in den i texten, men ett annat sätt att lägga in bilder är att lägga
Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er
Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er 1M321 Webbteknik 1, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Dokument i övningarna I denna labora&on finns inga filer ar
Loopar och objekt i JavaScript
Föreläsning i webbdesign Loopar och objekt i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Programflöde Vanligt sekvendellt flöde InstrukDonerna ugörs en eher en i den
HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren.
Vad är Semantic Elements? HTML5 Semantic Informationen kommer från w3schools.com Semantik (av grekiska sema, "tecken") avser det vetenskapliga studiet av teckensystems innebörd och tolkning. Semantic elements
Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1
Responsiv webbplats Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 1 Vad är responsivt? Det betyder att webbplatsen känner av vilken skärmstorlek användaren surfar
www.luvit.com LUVIT Portal Användarmanual
www.luvit.com LUVIT Portal Användarmanual Innehållsförteckning 1 INLEDNING... 4 2 STARTSIDA... 5 2.1 MENYN UPPE TILL HÖGER... 5 2.1.1 Mitt campus... 5 2.1.2 Om BSVC... 5 2.1.3 Kurskatalog... 5 2.1.4 Länkar...
HTML & Projektstrategi
1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2017 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen UppgiE U1 = L1+L2+L3 UppgiE U3 Läsanvisningar Exempel Påbörja
Publicera material i Learn
Publicera material i Learn Inne i kursrummet har du en ny meny till vänster. Har du arbetat i Fronter tidigare känner du igen dig rätt bra. Du kan publicera material i Kursinformation och i Kursmaterial.
Länk till modulen Skapa Filarkiv
Dokumenthantering i Ping Pong: åhörarkopior I denna modul går du igenom hur funktionen Dokument fungerar i PING PONG och hur den skiljer sig från Filarkivet. Du får också en genomgång av hur du laddar
Innehållsförteckning. Kurs i MS Office 2010-2013 våren 2013 Word
Kurs i MS Office 2010-2013 våren 2013 Word Innehållsförteckning Office 2013 Översikt... 2 Introduktion till Office 2013 Sv... 2 Gränssnitt med menyflikar... 2 ARKIV fliken Backstage vyn... 2 Flytta/ändra
Manual för att publicera på Samarbetsportalen
Manual för att publicera på Samarbetsportalen Ansvar och innehåll I rollen som webbredaktör ansvarar du för att: informationen från din verksamhet är uppdaterad och korrekt, dvs att sidorna granskas med
Riktlinjer och regler för Karolinska Institutets webbplatser (utan bilagor)
Riktlinjer och regler för Karolinska Institutets webbplatser (utan bilagor) Dnr 1-657/2013 Version 1.0 Gäller från och med 2014-01-14 Beslut Dnr: 1-657/2013 2014-01-14 Riktlinjer och regler för Karolinska
Enligt universitetets riktlinjer för webbpublicering måste alla sajter under SU:s domän innehålla ett antal obligatoriska
2. Skapa sidor Din sajt består av sidor som kan visa en eller flera artiklar (och även annat). En sida med EN artikel är en vanlig "artikelsida" och om sidan innehåller många artiklar listas de på något
Källkritisk metod stora lathunden
Källkritisk metod stora lathunden Tryckt material, t ex böcker och tidningar, granskas noga innan det publiceras. På internet kan däremot alla enkelt publicera vad de önskar. Därför är det extra viktigt
Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker
Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker 24 november 2009 Bakgrund Ålder: 20, 25 Kön: Kvinna, Kvinna Sysselsättning/utbildning: Marknadsföringsprogrammet, Engelska fristående kurs. Internetvana
Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2
1 Innehåll Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2 Allmänna inställningar hur du ändrar utseende och språk samt navigerar i menyn
Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?
Några exempel Principer för design Hur många kan ställa in klockan på sin video utan manual? Hur ofta vrider man på fel platta på spisen eller glömmer vrida av den när man är klar? Hur ofta knuffar man
Labora&on 2 HTML och validering övningar/uppgi:er
Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det
IT för personligt arbete F4 Utvärdering, rapportering och presentation 7 februari 2005. Eva R Fåhræus
IT för personligt arbete F4 Utvärdering, rapportering och presentation 7 februari 2005 Eva R Fåhræus Översikt Systemutvärdering Rapportering Presentation Referenser: Kummeneje: Att skriva och presentera
MarinWiki. Manual. Copyright 2014 MarinWiki.se
MarinWiki Manual Innehåll Bakgrund...3 Viktig information...3 Hur tillförlitlig är MarinWiki?...3 Spam eller felaktigheter...3 Vem äger innehållet?...3 Vem står bakom MarinWiki?...3 Reklam...4 Använda
MINIMIKRAV VID RAPPORTSKRIVNING
MINIMIKRAV VID RAPPORTSKRIVNING Denna kortfattade beskrivning består av två delar. En allmän del kring formatering etc och en del som tar upp viktiga aspekter i respektive rapportavsnitt. För en fylligare
Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1
ONLINEBOKEN MANUAL Innehåll Om onlineboken...2 Onlinebok på dator och surfplatta...2 Kom igång med onlineboken... 3 Öppna onlineboken... 3 Läsa i onlineboken... 3 Hitta i onlineboken... 3 Lyssna på onlineboken...
Spårbarhet En underskattad dimension av informationssäkerhet
Datavetenskap Opponenter: Karl-Johan Fisk och Martin Bood Respondent: Jon Nilsson Spårbarhet En underskattad dimension av informationssäkerhet Oppositionsrapport, C-nivå 2007:10 1 Sammanfattat omdöme av
ibooks Author Komma igång
ibooks Author Komma igång Välkommen till ibooks Author, ett lätt sätt att skapa snygga och interaktiva Multi-Touch-böcker för ipad och Mac. Börja med proffsiga Apple-designade mallar med mängder av eleganta
1. Polopoly och webbpublicering på SU
1. Polopoly och webbpublicering på SU Den här guiden är en introduktion till webbpubliceringssystemet Polopoly 9.16 för dig som ska arbeta som webbredaktör vid Stockholms universitet. Här går vi igenom
Publiceringsverktyget
Publiceringsverktyget Uppdaterad 2015-03-18 Presentera företaget på eventwebben Inför mässan är det viktigt att du så tidigt dom möjligt uppdaterar din presentation på eventwebben. Många av dina kunder
Kryssarklubbens Webbprojekt. Kryssarklubbsdagarna 2010
Kryssarklubbens Webbprojekt Kryssarklubbsdagarna 2010 Insikter till grund för webbarbetet 1. Vi stärker lusten för långfärder till sjöss men inte på webben. 2. Vi har 6000 medlemmar under 25 år men har
Användarmanual Personal & Organisation ENHETER KONTAKTVÄGAR RAPPORTER
Användarmanual Personal & Organisation ENHETER KONTAKTVÄGAR RAPPORTER AB Previa 2012 Användarmanual Personal & Organisation KOM IGÅNG På previa.se hanterar ni effektivt information om er egen organisation
Webbpublicering på ki.se med Polopoly. Bilaga för huvudredaktörer
Webbpublicering på ki.se med Polopoly Polopoly förvaltning Version 5 augusti 2010 2 Innehållsförteckning 1 HUVUDREDAKTÖR I POLOPOLY... 4 1.1 HANTERA BEHÖRIGHETER OCH KONTON FÖR EN NOD... 4 1.2 BESTÄLLA
Föreläsning 10: Gränssnitt och webbdesign
Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 1501006 Gränssnitt och webb 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar
Användarcentrerad design Strategy plane (första nivån)
Webbteknik Användarcentrerad design Strategy plane (första nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se "- What do we want to get out of this product? Strategy plane -
Labora&on 4 CSS och validering övningar/uppgi9er
Labora&on 4 CSS och validering övningar/uppgi9er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna i denna
VI I FEMMAN WEBBEN - LATHUND OM LOKAL SIDA
VI I FEMMAN WEBBEN - LATHUND OM LOKAL SIDA www.sr.se/viifemman Nytt för säsongen 2009/2010 är att vi har en gemensam sida med SVT. Det betyder att alla som går in på svt.se/viifemman eller viifemman.se
HTML & Projektstrategi
1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 38 HTML UppgiG U1 U1=L1+L2+L3 UppgiG U3 Läsanvisningar
Lathund att skapa och tilldela en LPP
Lathund att skapa och tilldela en LPP Här presenteras ett sätt att steg-för-steg ta fram en lokal pedagogisk planering för ett arbetsmoment eller en terminsplanering i ett ämne eller ett ämnesövergripande
Gruppvis kamratgranskning
Gruppvis kamratgranskning Detta formulär är avsett att användas för gruppvis kamratgranskning av en annan grupps skriftliga uppsats i kursen MMVN01 Aerodynamik och kompressibel strömning (grupparbete,
Inledande programmering med C# (1DV402) Introduktion till. eller så här är det tänkt att fungera.
Introduktion till kursen eller så här är det tänkt att fungera. Upphovsrätt för detta verk Detta verk är framtaget i anslutning till kursen Inledande programmering med C# vid Linnéuniversitetet. Du får
behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.
1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera
Att skriva för webbplatsen. Stöd för webbredaktörer
Att skriva för webbplatsen Stöd för webbredaktörer Innehåll Riktlinjer för högskolans webbplats... 3 Webbplatsen ska göra det den gör bäst... Fel! Bokmärket är inte definierat. Användarens behov styr hur
www.grade.com LUVIT LMS Quick Guide LUVIT Composer
www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du
Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er
Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Kom igång och redigera din hemsida!
Kom igång och redigera din hemsida Smelink WEB l Storgatan 14 l 352 31 Växjö l support@smelink.se l www.smelink.se Senast uppdaterad: 120918 Del 1 Logga in Välkommen att ta del av vårt uppdateringsverktyg,
Kort om World Wide Web (webben)
KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.
Reumatikerförbundets Webbpolicy
Reumatikerförbundets Webbpolicy 120608 Reumatikerförbundet Webbpolicy Den här webbpolicyn gäller för Reumatikerförbundets samtliga organisationsled. Den vilar på Reumatikerförbundets värdegrund. Ytterst
Bättre koll på jobbet - Kunskapsstöd
Bättre koll på jobbet - Kunskapsstöd Västra Götalandsregionen Interaktionsdesign Version 1.0, 2009-10-14 Förfa7are Sonja Larsson, inuse Consul(ng AB E post: sonja.larsson@inuse.se Telefon: 0708 45 70 76
Infobank kvickguide. Kom i gång med Infobank. Logga in till Infobank. Installationsguiden
Infobank kvickguide Kom i gång med Infobank Välkommen till SKL Kommentus webbaserad tjänst Infobank Arbetsrätten. Denna snabbguide ger dig en kort introduktion som användare av Infobank, så att du snabbt
Konverteringsskola Del 3: Vad är användbarhet?
Konverteringsskolans andra del behandlade vikten av att lära känna sina besökare. Vi kommer nu att arbeta vidare med besökarna i åtanke och fokusera på hur pass väl de kan använda webbplatsen. Om webbplatsen
Att skriva inlägg i Spelmansgillets bloggar hos Blogspot/Google
Att skriva inlägg i Spelmansgillets bloggar hos Blogspot/Google Läsare vem som helst eller utvald krets Bloggen kan konfigureras så att inlägg kan läsas av vem som helst på nätet. Den kan även konfigureras
Lathund FE-edit i Typo3
1(6) Lathund Front-end-editing (FE-edit) i Typo3 Front-end-editing (FE-edit) är ett förenklat sätt att redigera innehåll med Typo3. Helt kort går det ut på att man redigerar innehållet medan man surfar
Wordpress och Sociala medier av Sanna Ohlander 110308. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se
Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg
Användarmanual Materialnyckeln beta
Innehållsförteckning 1. Vad innehåller Materialnyckeln... 3 2. Så här använder du Materialnyckeln...3 2.1 Startsidan... 4 2.2 Träfflista... 5 2.3 Detaljvy av ett material... 6 2.4 Standardsida... 7 3.
LATHUND TILL GOOGLE SITES
LATHUND TILL GOOGLE SITES 2012 Mörbyskolan Denna lathund går igenom hur du skapar, redigerar och kan använda Google Sites i undervisningen Rev. 1.0a Innehållsförteckning 1. VAD ÄR GOOGLE SITES? ES?.........2
Manual HSB Webb brf 2004 03 23
NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir
Bruksanvisning till Historiana
Bruksanvisning till Historiana Historiana är en miljö för e-lärande, som har tagits fram av historielärare i och utanför Europa, i syfte att hjälpa sina kollegor och engagera studenterna med innovativ
Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer
Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Open Office Writer Enkel guide till ordbehandling med Open Office www.openoffice.org Medieteknik Södertörns högskola 31 januari 2011 uppdaterad
Gymnasiearbetets titel (huvudrubrik)
Risbergska skolan Program Gymnasiearbetets titel (huvudrubrik) Underrubrik Titeln på rapporten måste givetvis motsvara innehållet. En kort överrubrik kan förtydligas med en underrubrik. Knut Knutsson BetvetA10
Labora&on 8 Formulär övningar/uppgi6er
Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument
SourceTech Tellus Mobile
Table of Contents Logga in...2 Hänvisningar...4 Skapa hänvisning...5 Sökningar...7 Standard sökning...8 Avancerad sökning...9 Fonetiksökning...10 Sökresultat...11 Röstbrevlåda...12 Inställningar...13 Copyright
NYHETER I KARNOV. Senast uppdaterad: 2012-03-16
NYHETER I KARNOV Senast uppdaterad: 2012-03-16 INNEHÅLL 1. Sök Sök i allt på alla sidor... 3 Rättsområde Nytt filter i sökresultatet... 4 Kombinera flera filter i sökresultatet... 5 Nya sökoperatorer...
Klicka på en sökrad för att få fram hänvisningar, fullständig information och möjlighet att skicka meddelande via e-post eller sms.
Via Informera kan du själv lägga in egna hänvisningar, skicka meddelanden och ringa till kollegor, hantera samtal och söka på anknytningar inom företaget utan att behöva vända dig till telefonist. Informera
Copy Cat Laboration 4
Laborationsanvisning Copy Cat Laboration 4 Författare: Johan Leitet Version: 1 Datum: 2011-09-19 Inledning Vi kommer på denna laboration fortsätta med CSS och nu finslipa vår sida. Du kommer även att få
Ursvikskolan Elevernas lathund för skolwebben
1 Ursvikskolan Elevernas lathund för skolwebben Innehåll Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2 Allmänna inställningar hur du ändrar
Utvecklingen av ett tidregistrerings- och faktureringssystem
Datavetenskap Opponenter: Anders Heimer & Jonas Seffel Respondenter: Daniel Jansson & Mikael Jansson Utvecklingen av ett tidregistrerings- och faktureringssystem Oppositionsrapport, C-nivå 2006:10 1 Sammanfattat
Laboration 6 Formulär och stränghantering övningar/uppgifter
Laboration 6 Formulär och stränghantering övningar/uppgifter 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna laboration
Kurs och workshop. Youtubfilmer i Fronter. Vad är Flipped Classroom En kort förklaring av den didaktiska metoden
Kurs och workshop Youtubfilmer i Fronter Innehåll Vad är Flipped Classroom En kort förklaring av den didaktiska metoden Youtube Hitta andras instruktionsfilm Skapa Konton på Youtube Filmen Va inte perfektionist,
Datakommunika,on på Internet
Webbteknik Datakommunika,on på Internet Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Internet Inter- = [prefix] mellan, sinsemellan, ömsesidig Interconnect = sammanlänka Net =
Klicka på en sökrad för att få fram hänvisningar, fullständig information och möjlighet att skicka meddelande via e-post eller sms.
Innehållsförteckning Via Informera kan du själv lägga in egna hänvisningar, skicka meddelanden och ringa till kollegor, hantera samtal och söka på anknytningar inom företaget utan att behöva vända dig
Fritid för alla - Fritidswebben. En förstudie av Markus Blomqvist & Anna Stam People and technology
Fritid för alla - Fritidswebben En förstudie av Markus Blomqvist & Anna Stam People and technology Metod Som metod har vi använt oss av djupintervjuer och en onlinebaserad enkätundersökning för att identifiera