Användarcentrerad design Navigering

Storlek: px
Starta visningen från sidan:

Download "Användarcentrerad design Navigering"

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

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

Läs mer

Användarcentrerad design Structure plane (tredje nivån)

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

Läs mer

Optimering av webbsidor

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

Läs mer

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter

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

Läs mer

Labora&on 3 HTML och struktur övningar/uppgi:er

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

Läs mer

Användarcentrerad design Prototyper & användartest

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

Läs mer

Språk för webben introduk4on 4ll HTML

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

Läs mer

Struktur & Layout med CSS

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

Läs mer

Introduktion Översikt av kursen och området webbteknik

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

Läs mer

Titel: Undertitel: Författarens namn och e-postadress. Framsidans utseende kan variera mellan olika institutioner

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

Läs mer

Sovra i materialet. Vad är viktigt? Vad kan tas bort? Korta ner långa texter.

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.

Läs mer

1ME323 Webbteknik 3 Lektion 6 API. Rune Körnefors. Medieteknik Rune Körnefors

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

Läs mer

Kravspecifika.on, pappersprototyp & CSS

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

Läs mer

Användarcentrerad design Interak3on och informa3on

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

Läs mer

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

Läs mer

Struktur & Layout med CSS

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

Läs mer

Sammanfattning av hantering av redovisning av uppgift U1

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,

Läs mer

Skeleton plane & Responsiv webbdesign med CSS

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

Läs mer

Prototyper och användartest

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"

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

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

Läs mer

Jordbruksverket. Web Service Index 2010 Avrapportering

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

Läs mer

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. 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

Läs mer

Blackboard Studentmanual - Att arbeta med Wikis

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

Läs mer

Labora&on 2 Funk&oner, if och loop övningar/uppgi:er

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

Läs mer

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. 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

Läs mer

Manual KAMPUS. Kampus Startsida Licenser och Konton Mina Grupper Skapa grupp i portalen: Mina läromedel...

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...

Läs mer

Introduk+on +ll JavaScript if- sats, funk+oner, bilder

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

Läs mer

Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er

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

Läs mer

Formulär, textsträngar och en del annat

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

Läs mer

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, 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

Läs mer

Axalon Process Navigator SP Användarhandledning

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

Läs mer

Visuell design Bilder & färger

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

Läs mer

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:

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

Läs mer

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

Läs mer

Loopar och objekt i JavaScript

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

Läs mer

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren.

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

Läs mer

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

Läs mer

www.luvit.com LUVIT Portal Användarmanual

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...

Läs mer

HTML & Projektstrategi

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

Läs mer

Publicera material i Learn

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äs mer

Länk till modulen Skapa Filarkiv

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

Läs mer

Innehållsförteckning. Kurs i MS Office 2010-2013 våren 2013 Word

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

Läs mer

Manual för att publicera på Samarbetsportalen

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

Läs mer

Riktlinjer och regler för Karolinska Institutets webbplatser (utan bilagor)

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

Läs mer

Enligt universitetets riktlinjer för webbpublicering måste alla sajter under SU:s domän innehålla ett antal obligatoriska

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

Läs mer

Källkritisk metod stora lathunden

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

Läs mer

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker

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

Läs mer

Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2

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

Läs mer

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. 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

Läs mer

Labora&on 2 HTML och validering övningar/uppgi:er

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

Läs mer

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

Läs mer

MarinWiki. Manual. Copyright 2014 MarinWiki.se

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

Läs mer

MINIMIKRAV VID RAPPORTSKRIVNING

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

Läs mer

Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1

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...

Läs mer

Spårbarhet En underskattad dimension av informationssäkerhet

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

Läs mer

ibooks Author Komma igång

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

Läs mer

1. Polopoly och webbpublicering på SU

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

Läs mer

Publiceringsverktyget

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

Läs mer

Kryssarklubbens Webbprojekt. Kryssarklubbsdagarna 2010

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

Läs mer

Användarmanual Personal & Organisation ENHETER KONTAKTVÄGAR RAPPORTER

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

Läs mer

Webbpublicering på ki.se med Polopoly. Bilaga för huvudredaktörer

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

Läs mer

Föreläsning 10: Gränssnitt och webbdesign

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

Läs mer

Användarcentrerad design Strategy plane (första nivån)

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 -

Läs mer

Labora&on 4 CSS och validering övningar/uppgi9er

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

Läs mer

VI I FEMMAN WEBBEN - LATHUND OM LOKAL SIDA

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

Läs mer

HTML & Projektstrategi

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

Läs mer

Lathund att skapa och tilldela en LPP

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

Läs mer

Gruppvis kamratgranskning

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,

Läs mer

Inledande programmering med C# (1DV402) Introduktion till. eller så här är det tänkt att fungera.

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

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

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

Läs mer

Att skriva för webbplatsen. Stöd för webbredaktörer

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

Läs mer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer

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

Läs mer

Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er

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

Läs mer

Kom igång och redigera din hemsida!

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,

Läs mer

Kort om World Wide Web (webben)

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.

Läs mer

Reumatikerförbundets Webbpolicy

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

Läs mer

Bättre koll på jobbet - Kunskapsstöd

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

Läs mer

Infobank kvickguide. Kom i gång med Infobank. Logga in till Infobank. Installationsguiden

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

Läs mer

Konverteringsskola Del 3: Vad är användbarhet?

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

Läs mer

Att skriva inlägg i Spelmansgillets bloggar hos Blogspot/Google

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

Läs mer

Lathund FE-edit i Typo3

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

Läs mer

Wordpress och Sociala medier av Sanna Ohlander 110308. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

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

Läs mer

Användarmanual Materialnyckeln beta

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.

Läs mer

LATHUND TILL GOOGLE SITES

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

Läs mer

Manual HSB Webb brf 2004 03 23

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

Läs mer

Bruksanvisning till Historiana

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

Läs mer

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

Läs mer

Gymnasiearbetets titel (huvudrubrik)

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

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

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

Läs mer

SourceTech Tellus Mobile

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

Läs mer

NYHETER I KARNOV. Senast uppdaterad: 2012-03-16

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...

Läs mer

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.

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

Läs mer

Copy Cat Laboration 4

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å

Läs mer

Ursvikskolan Elevernas lathund för skolwebben

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

Läs mer

Utvecklingen av ett tidregistrerings- och faktureringssystem

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

Läs mer

Laboration 6 Formulär och stränghantering övningar/uppgifter

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

Läs mer

Kurs och workshop. Youtubfilmer i Fronter. Vad är Flipped Classroom En kort förklaring av den didaktiska metoden

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,

Läs mer

Datakommunika,on på Internet

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 =

Läs mer

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.

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

Läs mer

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

Läs mer