Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)ets sy-e. Rune Körnefors. Medieteknik Rune Körnefors

Storlek: px
Starta visningen från sidan:

Download "Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)ets sy-e. Rune Körnefors. Medieteknik. 2014 Rune Körnefors rune.kornefors@lnu."

Transkript

1 Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)ets sy-e Rune Körnefors Medieteknik Rune Körnefors

2 Områden Utvecklingsprocess Roller Användargränssni) Översikt av prototyper och användartest Målgruppsanalys (User Research) Olika metoder Intervjuer Användarmodell persona "Pa)erns" Behavioral Pa)erns Design Pa)erns 2 Bilder från freedigitalphotos.net

3 Li7eratur Tidwell, J. (2011). Designing Interfaces, 2nd edikon, O Reilly kap. 1. What Users Do Målgruppsanalys Design pa)erns (mönster, typexempel, goda föredömen, ) Behavioral pa)erns ( beteendemönster ) U.S. Department of Health & Human Services (2006). The Research- Based Web Design & Usability Guidelines, Enlarged/Expanded edikon. Washington: U.S. Government Princng Office. [www.usability.gov] User Research Methods h)p://www.usability.gov/how- to- and- tools/methods/user- research/index.html Intervjuer» h)p://www.usability.gov/how- to- and- tools/methods/contextual- interview.html» h)p://www.usability.gov/how- to- and- tools/methods/focus- groups.html» h)p://www.usability.gov/how- to- and- tools/methods/individual- interviews.html Personas» h)p://www.usability.gov/how- to- and- tools/methods/personas.html Användartest (usability test)» h)p://www.usability.gov/how- to- and- tools/methods/usability- tescng.html 3

4 Utvecklingsprocess Idé Design Test Produkcon Underhåll Lansering, publicering Jmf. Garre7s modell Garre), J. J. (2011) The Elements of User Experience, 2nd edikon, New Riders 4

5 Human- oriented design Förstå användares önskemål, behov, mocvering och omgivning Förstå möjligheter, begränsningar och krav ucfrån verksamhet, område och teknik Ucfrån de)a skapa en design av form, innehåll och beteende, så a) produkten blir användbar, önskvärd, ekonomisk och teknisk möjlig Form Grafisk design Behavior Interakconsdesign Content Informacons- arkitektur Målinriktad design (Goal- Directed Design) Användarcentrerad design (User- Centered Design) - hänsyn tas Kll användares mål, behov och mokv 5

6 Personer som bidrar med och/eller lägger in innehåll Roller, olika intressenter "stakeholders" Beställare Informaconsägare System (program, webb applikacon, ) Målgrupp Olika grupper av användare Utvecklare Producenter Infrastruktur Underhåll - - Primära, sekundära användare Direkta, indirekta användare 6

7 Olika typer av program: - Desktop applicacon - Mobile applicacon - Help applicacon - Web Applicacon - Olika användning: - Upptar användarens huvudsakliga uppmärksamhet - Bakgrundsprogram - Tillfällig användning - Användare Användare har olika kunskap om programmet, webbplatsen, gränssni)et Beginners! Intermediates! Experts! Utveckla primärt för den största gruppen (intermediate users) Cooper, A., Reimann, R., Cronin, D. (2007) About Face 3: The EssenKals of InteracKon Design, Wiley Publishing, Inc. 7

8 Användarnas mål Upplevelsemål Hur man vill känna T.ex. ha kul, säker, effekcv, Slutmål Mocv cll a) usöra uppgi-er (cll a) använda programmet) T.ex. lära sig något, beställa en produkt, kontakta någon, Mål i livet Varför man vill uppnå slutmålen T.ex. karriär, högre lön, mer cd cll annat, 8

9 Andra mål Kunders mål Varför man skaffar en produkt, väljer webbplats, etc. T.ex. IT- chef köper/väljer produkter Verksamhetsmål (business, organizaconal goals) Vad man vill uppnå T.ex. ökad marknad, bä)re kundkontakt, effekcvare administracon, Tekniska mål (behov/krav) Krav på teknik för a) stödja användarmål och verksamhetsmål T.ex. fungera i olika webbläsare, responsiv, cllgänglighet, Se Kll a7 främst möta användarnas mål 9

10 Användargränssni7 User interface = Användargränssni) Människa- dator- interakcon Human Computer Interaccon (HCI) Computer Human Interaccon (CHI) Gränssni) mellan människan (användaren) och Användare Dator Program InformaKon Webbplats Människor OrganisaKon 10

11 Olika test Concept tescng Testa idéer, stämmer projektets mål med målgruppens behov? Prototyping Olika delar av systemet utvecklas och testas, o-a genom användartest Peer review / Expert review Kollegor (eller experter inom webbdesign eller interakconsdesign) ger synpunkter Usability test Test av användbarhet, kan användarna usöra sina uppgi-er? Field trial Test i användarnas naturliga miljö och med verkliga uppgi-er Acceptance test Slu)est för a) visa a) kravspecifikaconen är uppfylld. Godkänns av uppdragsgivaren. 11

12 Prototyper Prototyp Utkast eller enkel variant av systemet (programmet eller webbplatsen) Sy-e Testa olika alternacv Skapa en gemensam syn på systemet i utvecklingsteamet Usöra test med användare, t.ex. test av struktur/navigering, layout, vokabulär, Olika former av prototyper Pappersprototyp Skärmbilder i datorn Struktur, layout i t.ex. UXPin Struktur, layout i HTML och CSS (eller den teknik som systemet ska utvecklas i) 12

13 Olika sorters prototyper Requirements animacon Möjliga krav demonstreras i en prototyp Rapid prototyping Enkel implementering av en specifik del av systemet. Sy-et är a) testa prototypen mot användare och utvärdera testet. Prototypen slängs sedan bort. Incremental prototyping Systemet konstrueras inkrementellt, en del i taget. Passar för stora system som kan brytas ner i flera mer eller mindre självständiga delar. Evoluconary prototyping Prototypen utvärderas. Däre-er bygger man vidare för a) få fram en ny och bä)re prototyp, clls man cll slut har det färdiga systemet. 13

14 Tekniker för prototyper Low- fidelity prototype Billigare implementering än den slutliga versionen, t.ex. - pappersprototyp - skärmbilder i Powerpoint, Photoshop, etc. Verccal Innehåller funkconer på både hög och låg nivå för en begränsad del av systemet Horizontal Innehåller alla funkconer på hög nivå, men saknar detaljer High- fidelity prototype Hög kvalitet som demonstrerar upplevelsen, t.ex. - en video som visar hur det färdiga systemet kommer a) fungera - webbsidor med komple) funkconalitet (fast kanske sämre prestanda) 14

15 Användartest Användartest är ej test av användare, utan med användare! Användartest Test av användbarhet User teskng Usability teskng Test med användare Testa om målgruppen kan uppfylla sina mål, om behoven cllgodoses Testa anpassning cll målgruppen Rä) vokabulär, arbetssä), förståelse, etc. Testa upplevelse Upptäcka problem med ovanstående Utvärdering (test) som ej usörs av användare Är projektets mål uppfyllda? Validering mot kravspecifikaconen Teknisk kontroll Koden korrekt, funkar alla länkar, anpassning cll olika skärmstorlekar, näthascghet, etc. 15

16 KvalitaKv undersökning Olika akcviteter: Marknadsanalys Intervju med intressenter Intervju med ämnesexperter Intervju med användare och kunder Fältstudie av användare, observaconer (etnografisk metod) "Li)eraturstudie" (li)eratur i produktens domän) Utvärdering av konkurrerande eller liknande produkter 16

17 Intervju Fältstudie, observacon, contextual interview Studera hur användarna arbetar i sin naturliga miljö Ge inte testpersonerna någon uppgi-, utan observera och ställ frågor Kan observera typ av uppgi-er, problem, teknik, Fokusgrupp Intervju/diskussion med flera personer samcdigt Kan få fram atyder, önskemål, förväntningar, Individuella intervjuer Usörs med en enskild person face- to- face, via telefon, chat, Ger en djupare förståelse av den enskilde individens mål, beteende, Vem, varför, vad, hur, när? 17

18 Intervju med olika intressenter och ämnesexperter Bilder från EU- projektet Virtuella glasakademin,

19 Intervju med användare och observakon (fältstudie) 19

20 Rundvandring ( fältstudie) 20

21 Målgruppsanalys Fältstudie Intervjuer Analys av liknande produkter Resultat: En uppsä)ning beteendemönster med associerade mål Personas användarmodeller Scenarios, case studies Avvägning mellan användarnas, verksamhetens och teknikens krav Resultat: En kravlista på vilka behov produkten ska fylla 21

22 Personas Användarmodell Användarmodell för a) representera användarnas beteende tankar, a)ytyder förmågor önskemål mål och mocv Åke 67 år, tre barn och sju barnbarn Tidigare kund Bor i andra änden av stan, men tycker a) Gretas blommor har bra kvalitét och trevlig personal. Köper blommor c:a en gång i månaden. Lite fler cll helger. Har cdigare arbetat på kontor och har vana av a) arbeta med Word och Excel. Brukar också gå ut på nätet och söka e-er sådant som han vill veta mer om. Vill gärna c)a på webben och få inspiracon, innan han går cll bucken och handlar. Personas är e) hjälpmedel för a): avgöra vad produkten ska göra och hur den ska bete sig kommunicera med intressenter, utvecklare och designers skapa samförstånd och engagemang testa designval och mäta effekcvitet Cooper, A., Reimann, R., Cronin, D. (2007) About Face 3: The EssenKals of InteracKon Design, Wiley Publishing, Inc. 22

23 Personas Användarmodell 1. Identifiera variabler för beteenden" 2. Fördela intervjuobjekten till variablerna" 3. Identifiera signifikanta beteendemösnter" 4. Utforma karaktärsdrag och relevanta mål" 5. Kontrollera redundans och fullständighet" 6. Utöka beskrivningen av kännetecken och beteenden" 7. Utse persona-typer" Utgå från observerat beteende Fokusera på följande typer av variabler: AkKviteter Vad användaren gör Agtyder Vad användaren tycker om teknik och produktens område Förmågor Utbildning, inlärningsförmåga MoKv Varför användaren är engagerad i produktens område Skicklighet Användarens kapacitet vad det gäller teknik och produktens område 23

24 Personas Användarmodell 1. Identifiera variabler för beteenden" 2. Fördela intervjuobjekten till variablerna" 3. Identifiera signifikanta beteendemösnter" 4. Utforma karaktärsdrag och relevanta mål" 5. Kontrollera redundans och fullständighet" 6. Utöka beskrivningen av kännetecken och beteenden" 7. Utse persona-typer" Varje intervjuobjekt placeras ut på en skala för varje variabel T.ex. Internetvana! liten" 1" Besöker biblioteket! aldrig" 2" 4" 5" 1" 3" 5" stor" 3" 2" 6" 4" 6" ofta" 24

25 Personas Användarmodell 1. Identifiera variabler för beteenden" 2. Fördela intervjuobjekten till variablerna" 3. Identifiera signifikanta beteendemösnter" 4. Utforma karaktärsdrag och relevanta mål" 5. Kontrollera redundans och fullständighet" Leta e-er klungor med samma intervjuobjekt Befinner de sig i samma klunga i flera variabler (6-8) representerar de e) signifikant beteendemönster T.ex. intervjuobjekt 2 och 4 i föregående bild De)a beteendemönster blir en bas cll en persona 6. Utöka beskrivningen av kännetecken och beteenden" 7. Utse persona-typer" 25

26 Personas Användarmodell 1. Identifiera variabler för beteenden" 2. Fördela intervjuobjekten till variablerna" 3. Identifiera signifikanta beteendemösnter" 4. Utforma karaktärsdrag och relevanta mål" 5. Kontrollera redundans och fullständighet" 6. Utöka beskrivningen av kännetecken och beteenden" 7. Utse persona-typer" Ta fram detaljer för varje signifikant beteendemönster ucfrån data insamlad i intervjuer och observaconer Sammanställ mål ucfrån varje personas beteende, dvs "syntecsera" mål som skulle leda cll de)a beteende Målen är slutmål och ska relatera cll produkten som ska designas 3-5 mål Beskriv mål och karaktärsdrag i punksorm 26

27 Personas Användarmodell 1. Identifiera variabler för beteenden" 2. Fördela intervjuobjekten till variablerna" Jämför resultatet från steg 2 med resultatet från steg 4, dvs intervjuobjektens utplacering på variablerna med uppsä)ningen av personas 3. Identifiera signifikanta beteendemösnter" 4. Utforma karaktärsdrag och relevanta mål" 5. Kontrollera redundans och fullständighet" 6. Utöka beskrivningen av kännetecken och beteenden" 7. Utse persona-typer" 27

28 Personas Användarmodell 1. Identifiera variabler för beteenden" 2. Fördela intervjuobjekten till variablerna" 3. Identifiera signifikanta beteendemösnter" 4. Utforma karaktärsdrag och relevanta mål" 5. Kontrollera redundans och fullständighet" Skriv om punktlistan med karaktärsdrag cll en berä)ande text för varje persona Berä)elsen ska ge u)ryck för atyder, behov och problem Redogör kort för jobb och livsscl och beskriv sedan "en dag i livet" Komple)era med namn och foto 6. Utöka beskrivningen av kännetecken och beteenden" 7. Utse persona-typer" 28

29 Personas Användarmodell 1. Identifiera variabler för beteenden" 2. Fördela intervjuobjekten till variablerna" 3. Identifiera signifikanta beteendemösnter" 4. Utforma karaktärsdrag och relevanta mål" 5. Kontrollera redundans och fullständighet" 6. Utöka beskrivningen av kännetecken och beteenden" 7. Utse persona-typer" Prioritera de olika personas Olika typer av personas Primär persona (endast en) Sekundär persona (ej fler än 3-4, men ej nödvändig) Komple)erande persona Kundpersona Betjänad persona Negacv persona Fokusera designen av gränssni7et på den primära personan 29

30 "Pa7erns" Beahavioral Pa)ern Beteendemönster Design Pa)ern Mönster, typexempel, goda föredömen, "best praccce", Tidwell, J. (2011) Designing Interfaces, 2nd edikon, O Reilly 30

31 Exempel från boken Behavioral Pa)erns Safe Exploracon Instant Gracficacon Sacsficing Changes in Midstream Deferred Choices Incremental Construccon Habituacon Microbreaks Spacal Memory Prospeccve Memory Streamlined Repeccon Keyboard Only Other People s Advice Personal Recommendacon Inte rädd för a) prova och se vad som händer Vill snabbt se resultat posicv feedback Chansar på det som verkar cllräckligt bra Användarens mål ändras cllfälligt Skjuta upp det som inte är nödvändigt cll e) senare cllfälle Lite i taget, i olika delar Det som funkar i andra program, borde också fungera här Har en kort stund över och vill göra något Kommer ihåg var det finns, men inte vad det heter Planerar för a) göra något vid e) senare cllfälle Vill skapa en "mall" för sådant som ska upprepas Gör all input via tangentbordet Vad har andra gjort i samma situacon? Dela med andra och kolla vad kompisarna gjorde Tidwell, J. (2011) Designing Interfaces, 2nd edikon, O Reilly 31

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

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

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

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

Mappar och filer för webbsidor

Mappar och filer för webbsidor Mappar och filer för webbsidor I de4a dokument illustreras det hur du kan arbeta med mappar och filer, då du skapar webbsidor och ska publicera dem för uppgi=erna. Det visas också hur du skickar in redovisningar

Läs mer

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements

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

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Grupparbete ACSD Projektplanering för ett Patientjournalsystem Grupparbete ACSD Projektplanering för ett Patientjournalsystem Uppsala Universitet Institutionen för Informationsteknologi Användarcentrerad Systemdesign Grupp 8, ht03 Christian Rick, rick@bahnhof.se Frida

Läs mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Hi-Fi Prototyping + laborationsgenomgång & verktyg Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå

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

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

Interaktionsdesign som profession. Föreläsning Del 2

Interaktionsdesign som profession. Föreläsning Del 2 Interaktionsdesign som profession Föreläsning Del 2 Vikten av att göra research Varför behöver vi göra research? En produkt blir aldrig bättre än den data som denna baseras på Men Vi har redan gjort en

Läs mer

Sluta gissa börja testa workshop alla pratar ux, 28 nov 2013

Sluta gissa börja testa workshop alla pratar ux, 28 nov 2013 Sluta gissa börja testa workshop alla pratar ux, 28 nov 2013 DAYTONA COMMUNICATION AB Riddargatan 17D, 114 57 Stockholm, Sweden Phone +46 8 579 397 50, Fax +46 8 579 397 55 www.daytona.se, info@daytona.se

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 12/10, kl 08 Lämna in efterhand ni blir färdiga Vi rättar inom 4 arbetsdagar Portfolio, tillfälle

Läs mer

Vägledning för webbutveckling. webbriktlinjer.se

Vägledning för webbutveckling. webbriktlinjer.se Vägledning för webbutveckling Kort om mig E-delegationen 20-25 % Augusti 2010 Teamledare för gruppen: e-tjänster Ingår i förvaltningsgruppen och det fortsatta arbetet Arbetsförmedlingen Januari 2012 Webb-

Läs mer

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Lite info först Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Förra veckan... GUI = Graphical User Interface (grafiskt användargränssnitt) Gör så här

Läs mer

Kursplan Webbutveckling 2, 100p Läsår 2013-2014

Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Webbutveckling 2 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka Tema

Läs mer

Vägledningen för webbutveckling webbriktlinjer.se. Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom

Vägledningen för webbutveckling webbriktlinjer.se. Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom Vägledningen för webbutveckling webbriktlinjer.se Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom Om mig 50% på Edelegationen. Ansvarar för psi och vägledningen för webbutveckling 50%

Läs mer

Nevenka Silfverhielm

Nevenka Silfverhielm Nevenka Silfverhielm 52 miljoner användare och 231 manår senare är vi säkra: Det roligaste vi vet är att skapa produkter och tjänster som ger effekt Om inuse 45 medarbetare i Stockholm, Göteborg och Malmö.

Läs mer

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2 WEBB 2010 PRODUKTION Publicering av stora webbplatser 1210-12-13 2 1 Publicering av stora webbplatser Juridiska och etiska riktlinjer Domännamn Webbservrar Webbhotell Sökmotorer CMS 1210-12-13 3 Juridiska

Läs mer

Metoder för datainsamling

Metoder för datainsamling Metoder för datainsamling Föreläsning 16/10-2002 Christina von Dorrien Kapitel 9.4, 12-13 Användarcentrerad designmetodik Analysera användare, användningssituation och uppgift Testa och utvärdera designförslag,

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Kort kursinfo Lab info Föreläsning - Vad utmärker ett bra användargränssnitt?

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

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com 1 Innehåll Redesign.......................................................................3 Värvet........................................................................

Läs mer

Wireframe när, vad, hur och varför?

Wireframe när, vad, hur och varför? Wireframe när, vad, hur och varför - 1 Wireframe när, vad, hur och varför? Arbetsflöde är ett samlande begrepp för alla steg som används för att göra en webbplats. Från första början till färdig sajt.

Läs mer

Personas -En metod inom Participatory Design

Personas -En metod inom Participatory Design Personas -En metod inom Participatory Design Individuell inlämningsuppgift Sofie Persson 2003-10-27 Sammanfattning Att designa en ny produkt eller ett nytt system är inte enkelt. Det är många aspekter

Läs mer

ANALYS & KONCEPT ETT DOKUMENT FRÅN NOC WEBBYRÅ

ANALYS & KONCEPT ETT DOKUMENT FRÅN NOC WEBBYRÅ ANALYS & KONCEPT ETT DOKUMENT FRÅN NOC WEBBYRÅ ANALYS För att vi ska kunna hjälpa er att ta fram en webbplats som uppfyller era mål och förväntningar måste vi lära känna er och er verksamhet så mycket

Läs mer

Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt

Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi bygger goda relationer med alla som berörs av vår verksamhet på effektivitet

Läs mer

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS)

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) Ivan Herman 2000-talet tillgänglighet på webben Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) EpiServer-dagen 11 mars 2009 SICS Swedish Institute of Computer

Läs mer

Avancerade Webbteknologier

Avancerade Webbteknologier Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte

Läs mer

TDDD26 Individuell projektrapport

TDDD26 Individuell projektrapport TDDD26 Individuell projektrapport Kort beskrivning av projektet Vi hade som projekt att utveckla en digital media servicer som skulle hjälpa filmentusiasten att organisera sitt filmbibliotek. Programmet

Läs mer

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ

Läs mer

Tänka-högt metoden versus Enkätundersökning

Tänka-högt metoden versus Enkätundersökning Chalmers tekniska högskola, IT-universitetet 2004-01-12 MDI Interaktionsdesign Designmetodik, 3 p HT-03 Tänka-högt metoden versus Enkätundersökning Sofia Torberntsson Kursansvariga: Hanna Landin Staffan

Läs mer

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al. Föreläsning 6 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation,

Läs mer

P r i s u p p g i f t e r

P r i s u p p g i f t e r P r i s u p p g i f t e r Grafisk produktion -datum enligt hemsida eller överrenskommelse Uppdatering AdobeCS4/ CS5, 1dag InDesign grund, 2dgr InDesign steg2, 2dgr InDesign automatisera, spara tid 1dag

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

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

Läs mer

Utvärdering att skriva för webben - Snabbrapport

Utvärdering att skriva för webben - Snabbrapport Utvärdering att skriva för webben Snabbrapport. Jag är 3 3 6 6 7 7 kvinna man egen definition. Befattning 3 3 assistent bibliotekarie chef annan 3. Hur nöjd är du medutbildningen som helhet? Inte alls

Läs mer

Nya uppsala.se. Att förenkla medborgarnas vardag genom användarstyrd design av webb och tjänster. Webbstrategidagarna offentlig sektor 2014.

Nya uppsala.se. Att förenkla medborgarnas vardag genom användarstyrd design av webb och tjänster. Webbstrategidagarna offentlig sektor 2014. Nya uppsala.se Att förenkla medborgarnas vardag genom användarstyrd design av webb och tjänster. Webbstrategidagarna offentlig sektor 2014. Maria Aulén Thomsson, webbstrateg, Uppsala kommun Nya uppsala.se

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

F15 Tillgänglighet/Accessibility Dagens agenda

F15 Tillgänglighet/Accessibility Dagens agenda F15 Tillgänglighet/Accessibility Dagens agenda Varför bry sig? Vad tjänar jag? WAI Funka Nu WCAG 1, 2 Hjälpmedel Prolog Varför bry sig? En stor del av Sveriges befolkning lider av funktionsnedsättningar

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer

Blogga med Wordpress

Blogga med Wordpress Blogga med Wordpress Introduktion En blogg kan användas på en lång rad olika sätt, även om det vanligaste kanske är att se den som en mer eller mindre publik yta på nätet att dela med sig av tankar och

Läs mer

Generella gränssnitt

Generella gränssnitt LINKÖPINGS UNVERSITET Generella gränssnitt En studie i att designa generella gränssnitt för mobiler, surfplattor och datorer Författare: Erik Claesson Kurskod: 729G30 Examinator: Magnus Bång Handledare:

Läs mer

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet Prislista Prislista Produkt Information Pris, SEK Kampanjsida 8.500 Nyhetsbrev 3.500 Banners 900-1200 Mobilwebapp 12.000 Logotyper 8.000-14.000 Informationswebbplats 13.500 Offertbaserade webbplatser Offertbaserade

Läs mer

Kravställande/kravhantering

Kravställande/kravhantering Kravställande/kravhantering Systemering med användarfokus Suzana Ramadani 1 ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Funktionalitetskrav Egenskapskrav Användbarhetskrav Design

Läs mer

Webbprogrammering 725G54

Webbprogrammering 725G54 Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera

Läs mer

Använda Office 365 på en Windows Phone

Använda Office 365 på en Windows Phone Använda Office 365 på en Windows Phone Snabbstartsguide Kontrollera e-post Ställ in din Windows Phone så att du kan skicka och ta emot e- post från ditt Office 365-konto. Kontrollera din kalender var du

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5

Läs mer

Fem enkla iakttagelser om nästa generations användare. En liten tidsresa

Fem enkla iakttagelser om nästa generations användare. En liten tidsresa Fem enkla iakttagelser om nästa generations användare Nicklas Lundblad Stockholms Handelskammare En liten tidsresa Observera förändringar Vilken tycker du bäst om? Vilken förändring är bäst? Sämst? 1996

Läs mer

RAPPORT ÖVER SOCIALA WEBBEN. Webbdesign för sociala interaktioner Josefine Holmberg

RAPPORT ÖVER SOCIALA WEBBEN. Webbdesign för sociala interaktioner Josefine Holmberg RAPPORT ÖVER SOCIALA WEBBEN Webbdesign för sociala interaktioner Josefine Holmberg DIALOG Att skapa en dialog på webben är idag något av det viktigaste som finns då stora delar av vår kommunikation mellan

Läs mer

Så skapar du fler affärer på nätet

Så skapar du fler affärer på nätet Så skapar du fler affärer på nätet Så skapar du fler affärer på nätet Sökmotoroptimeringens grunder Kunskapen som gör att ni kan börja arbeta med er synlighet redan idag. Det mobila söket växer Faktorer

Läs mer

Daniel Wetter. Senior UX- Interaktion och tjänsteutveckling

Daniel Wetter. Senior UX- Interaktion och tjänsteutveckling Daniel Wetter Senior UX- Interaktion och tjänsteutveckling Design fungerar när den lyckas förmedla idéer väl på enklaste möjliga sätt. Interaktionsdesign fokuserar speciellt på hur en användare interagerar

Läs mer

Agile-metoder, XP och ACSD

Agile-metoder, XP och ACSD Användarcentrerad systemdesign. Föreläsning 12 Agile-metoder, XP och ACSD Stefan Blomkvist MDI / IT, stefan.blomkvist@it.uu.se & Profdoc AB www.profdoc.se www.it.uu.se/edu/course /homepage/acsd/s04 XP

Läs mer

Tilläggsanslag Projekt linkoping.se Next Generation

Tilläggsanslag Projekt linkoping.se Next Generation KKKs 2015- Tjänsteskrivelse 2015-06-01 1 (8) Kommunledningskontoret Dnr KS 2015-507 Tilläggsanslag Projekt linkoping.se Next Generation KOMMUNLEDNINGSKONTORETS FÖRSLAG TILL BESLUT Förslag till kommunstyrelsens

Läs mer

Välkommen till Studiekanalen.se

Välkommen till Studiekanalen.se Välkommen till Studiekanalen.se Det här produktbladet beskriver besökarens (elevens) väg till utbildningen, hur de matchas mot rätt skola och utbildning. Det beskriver även hur utbildningsanordnaren kan

Läs mer

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept

Läs mer

Uppdragsgivare. Behov

Uppdragsgivare. Behov Uppdragsgivare Vi har fått i uppdrag av ett utbildningsföretag att utveckla ett program för att lärare på bästa sätt ska kunna undervisa och utbilda gymnasieelever i presentationsteknik. Utbildningsföretaget

Läs mer

Förbättring av Hofors kommuns hemsida: Socialtjänsten

Förbättring av Hofors kommuns hemsida: Socialtjänsten Beteckning: Institutionen för matematik, natur- och datavetenskap Förbättring av Hofors kommuns hemsida: Socialtjänsten Adelin Nzomwita Juni 2010 Examensarbete, 15 högskolepoäng, B Datavetenskap Internetteknologi

Läs mer

Arla Foods. UC som innovationsskapare. Marie Enbuske, Stockholm 7 maj 2014

Arla Foods. UC som innovationsskapare. Marie Enbuske, Stockholm 7 maj 2014 Arla Foods UC som innovationsskapare Marie Enbuske, Stockholm 7 maj 2014 2 01 May 2014 Arla Foods Business Groups Consumer Denmark Denmark Consumer Sweden Sweden Finland Consumer UK UK plc AFF Consumer

Läs mer

Responsive web design

Responsive web design IT 12 069 Examensarbete 30 hp December 2012 Responsive web design En studie i hur designkonceptet påverkar användbarheten hos en webbplats Sara Ingmar Institutionen för informationsteknologi Department

Läs mer

Barn berä)ar! En studie av 10- åringars syn på läsning och bibliotek

Barn berä)ar! En studie av 10- åringars syn på läsning och bibliotek Barn berä)ar! En studie av 10- åringars syn på läsning och bibliotek Sy?e och genomförande I Sy?et med rapporten var a), uefrån barns egna utsagor, undersöka barns upplevelser och erfarenheter av berä)elser,

Läs mer

Mallhantering med Office och SharePoint

Mallhantering med Office och SharePoint Paulina Mallhantering med Office och SharePoint Paulina Tamme Learningpoint Agenda Officemallar och SharePoint Vad är en mall - Officeperspektivet Vad är en mall Sharepointperspektivet Visa contenttypeproperties

Läs mer

KÄ RLEKENS nya hemsida

KÄ RLEKENS nya hemsida HÖGSKOLAN I KRISTIANSTAD Internetpublicering och webbdesign 1 KÄ RLEKENS nya hemsida Rapport till slutuppgiften i kursen Internetpublicering och webbdesign 1 MIA NORSTEDT 811019-6626 VT 2014 Innehåll 1.

Läs mer

Sveavägen 31 SE-111 34 Stockholm. mia.kolmodin@crisp.se +46-(0)70 443 91 91 miakolmodin

Sveavägen 31 SE-111 34 Stockholm. mia.kolmodin@crisp.se +46-(0)70 443 91 91 miakolmodin Sveavägen 31 SE-111 34 Stockholm mia.kolmodin@crisp.se +46-(0)70 443 91 91 miakolmodin f. 1976 Med 13 år erfarenhet av att ta fram digitala lösningar och tjänster till allt från fackförbund, kommuner,

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

Schema för Webbdesign för lärandemiljöer, TIA033, VT09

Schema för Webbdesign för lärandemiljöer, TIA033, VT09 Schema för Webbdesign för lärandemiljöer, TIA033, VT09 Tidsplan Vecka Datum Innehåll Huvuduppgift 4 19/1 Kursstart, introduktion Introduktionsseminarium 5 26/1 Moment 1, Introduktion till Flash 7 9/2 9

Läs mer

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R)

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R) Innehåll Webbproduktion Produktion och publicering av större webbplatser Produktion Användbarhet/Användbarhetstest Publicering Underhåll Arbetsgång (R) 1) Utred mål och syfte (verksamhets- och målgruppsanalyser)

Läs mer

Dags för en check-up hos doktor affärsmodell? Stockholm den 23 januari 2015 Robert Elm

Dags för en check-up hos doktor affärsmodell? Stockholm den 23 januari 2015 Robert Elm Dags för en check-up hos doktor affärsmodell? Stockholm den 23 januari 2015 Robert Elm Men hallå! Hur svårt kan det vara? Kraven och förväntningarna att snabbt kunna utveckla verksamheter har aldrig

Läs mer

Måldriven, informationscentrerad webbdesign

Måldriven, informationscentrerad webbdesign Måldriven, informationscentrerad webbdesign Linus Forsell Digitala Distributionsformer vid Högskolan Väst, Trollhättan, Sverige linus.forsell@student.hv.se 1 Abstrakt I den här essän kommer måldriven och

Läs mer

Kursinformation. Metodik för programvaruutveckling. Utvecklingsprocessen för programvara. Innehåll. Processmodell. Exempel

Kursinformation. Metodik för programvaruutveckling. Utvecklingsprocessen för programvara. Innehåll. Processmodell. Exempel Kursinformation Metodik för programvaruutveckling Föreläsning 3 Latex ok för litteraturstudierapport (prata med mig bara) Nästa föreläsning är av Björn Regnell (jag är med också) Presentationer imorgon

Läs mer

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva Vägledningen 24-timmarswebben få fler att använda er webbplats Magnus Burell, Verva Källa: Skrotbil: Håll Sverige rent, www.hsr.se Källa: The Design of Everyday Things, Donald Norman SAS Coffee Pot: www.ergonomidesign.se

Läs mer

Designkoncept Field Study Organizer

Designkoncept Field Study Organizer 1 Designkoncept av Simon Strandh. Digital Design, Högskolan Kristianstad Designkoncept Field Study Organizer Den tänkta applikationen är designad i syfte att användas som ett dokumentationsstöd under fältstudier.

Läs mer

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

Ett nytt ansikte utåt

Ett nytt ansikte utåt Examensarbete Informatik Ett nytt ansikte utåt Ett arbete om utveckling av en B2B-sajt med en kombination av olika metoder och principer. 31.05.2010 Examensarbete inom informatik C-nivå, 15 hp Kurskod:

Läs mer

Konsumenten i centrum. Samrådsgrupp 10 december 2013

Konsumenten i centrum. Samrådsgrupp 10 december 2013 Konsumenten i centrum Samrådsgrupp 10 december 2013 Dagordning Välkomna! Presentation av Konsumenten i centrum Konsumentverkets samordnande roll Projektgruppen Frågor Det praktiska/faktiska samarbetet

Läs mer

Dags för en check-up hos doktor affärsmodell? Stockholm den 22 maj 2015 Robert Elm

Dags för en check-up hos doktor affärsmodell? Stockholm den 22 maj 2015 Robert Elm Dags för en check-up hos doktor affärsmodell? Stockholm den 22 maj 2015 Robert Elm Det populäraste mediaföretaget. Skapar inget innehåll Uber Världens största taxiföretag. Äger inga fordon. Facebook Världens

Läs mer

DATAINSAMLING BAKGRUND SAMMANSTÄLLNING AV FRÅGORNA

DATAINSAMLING BAKGRUND SAMMANSTÄLLNING AV FRÅGORNA DATAINSAMLING BAKGRUND Vi har fått i uppdrag att granska Ladok på webb. Hitta eventuella problem och förslag på ändringar, detta skall vi ta reda på igenom att intervjua de personer som använder tjänsten

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

DOME Deployment of Online Medical records and Ehealth services

DOME Deployment of Online Medical records and Ehealth services DOME Deployment of Online Medical records and Ehealth services Resultat från utveckling och införande av ejournalen i Uppsala World Usability Day - 14 nov 2013 ISABELLA SCANDURRA, Uppsala Universitet Disputerad

Läs mer

E-handel köksportalen Projektuppgift i kursen Användarcentrerad systemdesign, hösten 2003 The Usability Engineering Lifecycle av Deborah J.

E-handel köksportalen Projektuppgift i kursen Användarcentrerad systemdesign, hösten 2003 The Usability Engineering Lifecycle av Deborah J. E-handel köksportalen Projektuppgift i kursen Användarcentrerad systemdesign, hösten 2003 The Usability Engineering Lifecycle av Deborah J. Mayhew Rasha Alshammari, rasha.alshammari.2454@student.uu.se

Läs mer

Usability Partners. World Usability Day 2012 Användbarhet av finansiella system

Usability Partners. World Usability Day 2012 Användbarhet av finansiella system World Usability Day 2012 Användbarhet av finansiella system En eye-tracking studie på fyra av Sveriges storbankers webbplatser. Bakgrund 8 november 2012 är utsett till World Usability Day av UPA (Usability

Läs mer

Metod Rapporten är baserad på egen erfarenhet av marknadsföring on-line samt studier av aktuell forskning, rapporter och webinars.

Metod Rapporten är baserad på egen erfarenhet av marknadsföring on-line samt studier av aktuell forskning, rapporter och webinars. Att välja mellan native- eller webbapp Bakgrund Marknaden för smarta mobiltelefoner ökar kraftigt. Därför ser allt fler företag och organisationer behovet av att göra digitalt innehåll tillgängligt för

Läs mer

Grafisk form för användargränssnitt

Grafisk form för användargränssnitt Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala

Läs mer

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren 600 IT för seniorer Windows 7.qxp 2011-06-0 10:27 Sida 1 Eva Ansell Marianne Ahlgren Eva Ansell Marianne Ahlgren Grundläggande IT för SENIORER Windows 7 Det här är en bok för dig som behöver grundläggande

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

Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel 10 11 i kursboken

Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel 10 11 i kursboken Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar Kapitel 10 11 i kursboken För speciella behov Impairment försvagning syn/skelek Disability funk9onsnedsäkning seende/

Läs mer

Digital strategi för Miljöpartiet

Digital strategi för Miljöpartiet 2012-03-12 Digital strategi för Miljöpartiet Bakgrund Vår webbplats ska förnyas och i processen med att upphandla en ny dök frågan upp om vilket syfte den skulle ha i relation till övrig webbnärvaro. I

Läs mer

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

Läs mer

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER Hermundstad Östlund Ansell Grundläggande IT för SENIORER Windows Vista och Office 2007 INTRODUKTION 1. ABC OM INTERNET...5 2. TJÄNSTER PÅ INTERNET...6 A. Webbsidor och webbplatser... 6 B. Mejl (e-post)...

Läs mer

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Innehåll Inledning... 3 Fakta... 4 Innehåll... 4 Texthantering... 4 Granskning och versionshantering...

Läs mer

Konsultprofil. Per Norgren (1983) Arkitekt & webbutvecklare

Konsultprofil. Per Norgren (1983) Arkitekt & webbutvecklare Konsultprofil Per Norgren (1983) Arkitekt & webbutvecklare Per Norgren är arkitekt och webbutvecklare som främst är inriktad på Mircosofts.Net-ramverk och EPiServer. Han har arbetat i branschen sedan 2007

Läs mer

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3 Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3 För att 3L Pro skall fungera krävs att nedanstående hårdvarukrav och mjukvarukrav är uppfyllda. Viktigt är att tänka på att

Läs mer

Vilka trender kommer att vara viktiga för din business under 2011

Vilka trender kommer att vara viktiga för din business under 2011 Vilka trender kommer att vara viktiga för din business under 2011 Av Alice Christensson/ BarfotaChefen BarfotaChefen Häng på innovationerna För dina konsumenter är det viktigt med innovationer. Apples

Läs mer

Så får du Microsofts Office-paket gratis

Så får du Microsofts Office-paket gratis Så får du Microsofts Office-paket gratis 7 Kör Word, Excel, Powerpoint och Onenote i webbläsaren 7 Dela dina dokument 7 För dator, mobil och platta. Kom igång med Microsoft Skydrive och Office Web Apps

Läs mer

Facebook Twitter Instagram Pinterest Google+ Bloggar Forum sociala medier för butiker och företag

Facebook Twitter Instagram Pinterest Google+ Bloggar Forum sociala medier för butiker och företag Facebook Twitter Instagram Pinterest Google+ Bloggar Forum sociala medier för butiker och företag Sociala medier Facebook Twitter Instagram Pinterest Avenyn, Peter Tilling 2013 www.semseo.se MÅLSÄTTNING

Läs mer

Barnbiblioteket - kommunikationsplan, synlighet, - det virtuella, 24-timmars = webben

Barnbiblioteket - kommunikationsplan, synlighet, - det virtuella, 24-timmars = webben Barnbiblioteket - kommunikationsplan, synlighet, - det virtuella, 24-timmars = webben Pia Malmberg-Kronvall, Bibliotekskonsulent, Regionförbundet i Kalmar län 2 Inspiration och andra vinklar Barnwebben

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer