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

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

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

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

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

Om användare och designprocessen

Om användare och designprocessen Om användare och designprocessen Målorienterad design. Olika typer av användare. Mentala modeller, metaforer med mera. Att designa The interaction framework. Förra veckan. Gör så här Men inte så Förra

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

Hi fi prototyping. Johanna Persson MAM nov 2014

Hi fi prototyping. Johanna Persson MAM nov 2014 Hi fi prototyping Johanna Persson MAM15 25 nov 2014 Dagens upplägg Hi fi prototyping Olika verktyg för hi fi prototyping Introduktion till ett urval av dessa Power point Balsamiq Mockups Just in Mind Praktisk

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

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

Design för användbarhet

Design för användbarhet Design för användbarhet» Användbarhetsdesign, användbarhetsn och utvecklingsprocessen. Bengt Göransson användbarhets Bengt.Goransson@guide.se även avdelningen för Människa-datorinteraktion, Uppsala universitet

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

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Sektionen för informationsteknologi Akademin för bibliotek, information, pedagogik och IT Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2015-11-03, kl. 09.00-13.00

Läs mer

Människa-Datorinteraktion

Människa-Datorinteraktion Människa-Datorinteraktion Grundutbildnings-, forskarutbildnings- och forskningsämne som behandlar Gränssnitt och kommunikation människa-dator Kommunikation och samarbete människa-människa via (medierat

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

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Vad? Ca 150 riktlinjer för utveckling av webb och e-tjänster i offentlig sektor Senaste version 2006

Läs mer

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling -

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling - Utvärdering Fredag 1 oktober 13-15 F1 Ann Lantz - alz@nada.kth.se Anna Swartling - ast@kth.se Övergripande (1) Av den verkliga världen: Hur agerar man, vad händer? Hur används teknik? Beteendevetenskapliga

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

IT och funk0onshinder

IT och funk0onshinder IT och funk0onshinder Jan Gulliksen Gulan Professor i Människadatorinterak0on, Uppsala universitet ( dec 2009) KTH (feb 2009 ) 1 MDI i Uppsala studerar datorstöd i arbetslivet Vård- och omsorgarbete Administrativt

Läs mer

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

Läs mer

Användbarhet. Datorbaserade verktyg används till att. Aspekter på användbarhet. uppfylla behov eller lösa problem! Användbarhet.

Användbarhet. Datorbaserade verktyg används till att. Aspekter på användbarhet. uppfylla behov eller lösa problem! Användbarhet. Innehåll Användbarhet Användbarhet När, hur och vem? Specificering av krav Utvärdering Stefan Berglund Användbarhet Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå

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

Universell användbarhet

Universell användbarhet Användbarhet definierar jag som ett samspel mellan användaren (målgruppen) och datorn (den tekniska lösningen). Människa - dator - interaktion "Med en alltmer omfattande datoranvändning har kraven höjts

Läs mer

Föreläsning 4: Designprocessen

Föreläsning 4: Designprocessen Föreläsning 4: Designprocessen FSR: 2, 3, (6), 7 Att läsa: Kapitel 9 och 12 i Rogers et al.: Interaction design 4/e 150911 Designprocessen 2 Designprocessenöversikt Introduktion Att involvera användare

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

Föreläsning 11, Planera utvärdering. Att planera utvärdering. Vetenskapliga experiment. Kapitel i kursboken

Föreläsning 11, Planera utvärdering. Att planera utvärdering. Vetenskapliga experiment. Kapitel i kursboken Föreläsning 11 Planera utvärdering Kapitel 22-24 i kursboken Att planera utvärdering Vem, vilka? Att välja användare, antal Vad? Hur sätter man ihop lämpliga uppgifter? När? Hur lång tid ska man avsätta?

Läs mer

Steg 3: Modellering. Mål. Metod. Intressenter. Användare. Tekniker för analys: Goal directed design 1. Projektplanering

Steg 3: Modellering. Mål. Metod. Intressenter. Användare. Tekniker för analys: Goal directed design 1. Projektplanering Goal directed design 1. Projektplanering Steg 3: Modellering 2. Research (undersökning) 3.Modellering (av undersökningsresultatet) 4. Kravsammanställning 5. Ramverksdesign (övergripande designbeslut) 6.

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

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Armin Nezirevic Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Vad utmärker ett bra användargränssnitt? Kort kursinfo

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

Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder

Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder Måldriven design Projektsteg: Detaljdesign 1. Projektplanering 2. Undersökning av användare och situation 3. Modellering (av undersökningsresultatet) 4. Kraammanställning 5. Ramverksdesign (övergripande

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

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 AdobeCS, 1dag InDesign grund, 2dgr InDesign steg2, 1dag InDesign automatisera, spara tid 1dag InDesign

Läs mer

Nämnden för elektronisk förvaltning

Nämnden för elektronisk förvaltning Nämnden för elektronisk förvaltning fastställer gemensamma standarder för myndigheters elektroniska kommunikation med varandra och med medborgare och företag Inrättades 1 januari 2004 13 ledamöter Statskontoret

Läs mer

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»

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

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

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

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

Test och utvärdering - introduktion. Systemering med användarfokus Malin Pongolini

Test och utvärdering - introduktion. Systemering med användarfokus Malin Pongolini Test och utvärdering - introduktion Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping

Läs mer

Interaktionsdesign. Användbarhet ISO 9241. Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning

Interaktionsdesign. Användbarhet ISO 9241. Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign Designing interactive products to support the way people communicate and interact in their everyday and working lives.

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

Systemering med användarfokus

Systemering med användarfokus Systemering med användarfokus Introduktion AnvändarCentrerad Design översikt Vad är systemutveckling? En problemlösningsprocess där en specifik situation undersöks Syftet med undersökningen är att man

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

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper, Riktlinjer och standarder Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper behövs för att visa på designval för att designdokument

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

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

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

Kommentarer till MDI tentamen 081003

Kommentarer till MDI tentamen 081003 Kommentarer till MDI tentamen 081003 1) I utvärderingssammanhang vill man ofta att de tilltänkta användarna ska finnas med. Nämn tre sätt att ta med användarna och jämför de olika sätten, likheter och

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

Frågor och svar till tentamen i Kravhantering. Del 2. Kravhantering (ETS170), LTH Grupp B

Frågor och svar till tentamen i Kravhantering. Del 2. Kravhantering (ETS170), LTH Grupp B Frågor och svar till tentamen i Kravhantering Del 2 Frågor & svar 1 Kvalitet (2p) Det finns generellt accepterade definitioner av vad som återspeglar en bra kravspecifikation. I boken tas ett antal kvalitetskriterier

Läs mer

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2 WEBB 2010 PRODUKTION Tillgänglighet och Användbarhet 2010-12-13 2 1 Tillgänglighet och Användbarhet Tillgänglighet (Accessibility) Användbarhet (Usability) 2010-12-13 3 Tillgänglighet och Användbarhet

Läs mer

Intro utvärdering

Intro utvärdering Föreläsning 2: Introduktion till varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) 2 Översikt Att kunna om Observation, kort repetition Iterativ Det som påverkar Tänkbara syften

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

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

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

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se Användbarhet Bryt rätt regler Nils Ehrenberg nils.ehrenberg@mah.se Agenda Intro till Användbarhet Användbarhet på nätet Exempel Fyra dörrar Inlämningsuppgift Viktigt En skala Subjektivt Användbarhet /

Läs mer

Vad är design? Designmetodik. Varför en metodik? Samma (5!) huvudmoment. Härledning av form från specifikation. Användarcentrerad designmetodik

Vad är design? Designmetodik. Varför en metodik? Samma (5!) huvudmoment. Härledning av form från specifikation. Användarcentrerad designmetodik Designmetodik Vad är design? Föreläsning 11/9 2003 Preece: kap 1, 6.1-6.3 Härledning av form från specifikation Varför en metodik? Användarcentrerad designmetodik En metodik är tänkt att vara en hjälp

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

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

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Institutionen för data- och affärsvetenskap Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2012-05-28, kl. 9-13 Hjälpmedel: Inga hjälpmedel tillåtna Betyg:

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

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

Uppsats i MDI En reflektion över designarbetet i tidigare inlämningsuppgift

Uppsats i MDI En reflektion över designarbetet i tidigare inlämningsuppgift Uppsats i MDI En reflektion över designarbetet i tidigare inlämningsuppgift Personlig uppsats i kursen Människa-datorinteraktion Magisterprogrammet MDI/ID 2003 11 03 Mattias Ludvigsson it3luma@ituniv.se

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

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

LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE

LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE Uppsala Universitet 2005 Andreas Kjellgren (ankj3389@student.uu.se) Fredrik

Läs mer

Föreläsning 2 Enkäter och intervjuer

Föreläsning 2 Enkäter och intervjuer Föreläsning 2 Enkäter och intervjuer Kapitel 2 (och 3) i kursboken 080404 InterakConsteknik 1 ObservaCon Direkt eller indirekt Fokus vet man vad man ska leta eher? Tillgänglig utrustning Tidsaspekter Användarnas

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

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

Effektivare medborgarservice

Effektivare medborgarservice Effektivare medborgarservice inuse AB Sveriges största företag inom användbarhet 22 erfarna specialister Kontor i... Något av vad vi gör just nu Stockholms skolwebb: utbildning i Att skriva för webb SOS

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

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

Personalisering för mobila användare med avseende på användbarhet

Personalisering för mobila användare med avseende på användbarhet Personalisering för mobila användare med avseende på användbarhet Personalization for mobile users in terms of usability Lisa Enmark ME1401 Examensarbete för kandidatexamen i medieteknik, 15 hp 1. Sammanfattning

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

Projektrapport - Live commentary

Projektrapport - Live commentary Projektrapport - Live commentary Linnéa Åberg - la222pp Beskrivning Vision och översiktlig beskrivning Det är en applikation för den som vill skapa intressanta diskussioner för live event eller program

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

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

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

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? 1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,

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

Hållbar utveckling A, Ht. 2014

Hållbar utveckling A, Ht. 2014 Hållbar utveckling A, Ht. 2014 Kommunikation och projektledning för hållbar utveckling Projektplan Bakgrund Som ett stöd i ert projekt kommer ni att arbeta utifrån en projektplan i tre delar, varje ny

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

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

Äldreguiden. Nätverksträff 24-timmarswebben Västerås, 2 juni 2008

Äldreguiden. Nätverksträff 24-timmarswebben Västerås, 2 juni 2008 Äldreguiden Öppen jämfj mförelse av äldrevårdenrden Nätverksträff 24-timmarswebben Västerås, 2 juni 2008 Björn Svensson IT-enheten bjorn.svensson@socialstyrelsen.se Bakgrund Regeringsuppdrag Regeringen

Läs mer

Tillgänglighet först vägen till Sveriges bästa webbplats. #webbföralla

Tillgänglighet först vägen till Sveriges bästa webbplats. #webbföralla Tillgänglighet först vägen till Sveriges bästa webbplats #webbföralla Dagordning Tillgänglighet lite teori I praktiken hos Försäkringskassan Resultat hos Försäkringskassan Hur komma igång? Tillgänglighet

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

Intressent- och behovskarta

Intressent- och behovskarta Dokument nr: Version: Status: Sida: 1 Utgåva (0)6 Dokumenttyp: Projekt: Projektnummer: Leveransrapport ehälsa/mobilitet 1403 Dokumentbeskrivning: Intressent- och behovskarta Utfärdat av: Utf datum: Godkänt

Läs mer

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida

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

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

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

Föreläsning 2: Datainsamling - Observation, enkät, intervju. Att läsa: Kapitel 2 och 3 i Stone et al.: User Interface design and evaluation

Föreläsning 2: Datainsamling - Observation, enkät, intervju. Att läsa: Kapitel 2 och 3 i Stone et al.: User Interface design and evaluation Föreläsning 2: Datainsamling - Observation, enkät, intervju Att läsa: Kapitel 2 och 3 i Stone et al.: User Interface design and evaluation Stjärnmodellen Analys Utvärdering Implementation Prototyper Krav

Läs mer

Introduk+on +ll programmering i JavaScript

Introduk+on +ll programmering i JavaScript Föreläsning i webbdesign Introduk+on +ll programmering i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Språk Naturliga språk Mänsklig kommunika+on T.ex. Svenska, engelska,

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

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