Prototyper och användartest
|
|
- Elin Larsson
- för 8 år sedan
- Visningar:
Transkript
1 Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik Rune Körnefors rune.kornefors@lnu.se
2 Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte" Testa olika alternativ" Skapa en gemensam syn på webbplatsen i utvecklingsteamet" Utföra test med användare, t.ex. test av struktur/navigering, layout, vokabulär, " Olika former av prototyper" Pappersprototyp" Skärmbilder i datorn" Struktur i HTML" Layout i CSS" " Länkar All eb par filmer om pappersprototyp finns under rubriken "Projekt, prototyper, målgrupp, användartest, m.m." i länklistan på kursens webbplats. 2 Bilder från freedigitalphotos.net
3 Användartest och annan utvärdering! Användartest är ej test av användare, utan med användare!" Användartest Test av användbarhet" User testing Usability testing" Test med användare" Testa om målgruppen kan uppfylla sina mål, om behoven tillgodoses" Testa anpassning till målgruppen" Rätt vokabulär, arbetssätt, förståelse, etc." Testa upplevelse" Utvärdering (test) som ej utförs av användare" Utvärdering av användbarheten, expertutlåtande" Är projektets mål uppfyllda?" Validering mot kravspecifikationen" Teknisk kontroll" Koden korrekt, funkar alla länkar, anpassning till olika skärmstorlekar, näthastighet, etc." 3 Bilder från freedigitalphotos.net
4 Varför användartest?! You will learn if participants are able to complete identified routine tasks successfully and how long it takes to do that. You will find out how satisfied participants are with your Web site. Overall, you will identify changes required to improve user performance. And you can match the performance to see if it meets your usability objectives.! (Usability.gov) Användartest bekräftar inte att webbplatsen fungerar!!!" Användartest är till för att identifiera problem!" Resultatet används för att göra förbättringar." U.S. Department of Helth and Human Services, Usability.gov, Allgänglig: hbp:// [ ] 4
5 Planera testen! Lägg in testen i tidsplanen" Se till att det finns tid att analysera resultaten och göra förbättringar" Fältanalys (strategy) Ad Planering (scope) Design (structure) ProdukAon (skeleton) Utvärdering / testning Dokumentering SAl (surface) Pappersprototyp Test av layout HTML- prototyp Test av struktur och navigering HTML- prototyp Test av funkaonalitet 5
6 Att tänka på inför ett användartest! Syfte med testet" Vad vill du veta och varför?" Hur ska resultatet tolkas och användas?" Vad testas" Gränssnitt, navigering, funktionalitet,?" Kan användarnas mål uppfyllas?" Testa endast en sak åt gången?" Skisser, pappersprototyp, webbsidor, den färdiga webbplatsen?" Aktivitet" Ska testpersonen få en uppgift eller prova på egen hand?" Användare Välj personer som kan representera målgruppen Behöver du veta något om personerna? Bakgrundsfakta? Var testet genomförs Laboratorium, på stan, naturlig miljö (hemma/arbetsplats),...? Var kan man få tag i testpersoner? Vad behövs för ab genomföra testet? Vilka faktorer kan påverka resultatet? 6
7 Genomförande Förklara ab det är webbplatsen och inte användaren som testas Ge användaren en uppgig ab lösa Låt användaren beräba vad han/hon tänker och gör Studera och anteckna Tänka- högt- metoden Thinking Aloud Usability Test Thinking Out Loud User/Usability Test Kan kompleberas med eb egersnack Intervjua användarna och diskutera med dem eger testet Gå igenom anteckningarna från testet Enkät Hur upplevdes systemet? Vad var problemaaskt? Förslag på ändringar?... Society for Technical CommunicaAon, Usability Toolkit, Allgänglig: hbp:// think_outloud_proc.html [ ] 7 Bilder från freedigitalphotos.net
8 Enkla (billiga) användartest Test av prototyp Prototyp - > - > Användartest - > Utvärdera - > - > FörbäBra prototypen - > - > Användartest - > Utvärdera - > - > FörbäBra prototypen - > - >... Syge Upptäcka problem eller sådant som kan förbäbras Antal test Räcker ogast med fem test i varje steg, enligt Jakob Nielsen Länkar All eb några sidor med info och filmer om användartest finns under rubriken "Projekt, prototyper, målgrupp, användartest, m.m." i länklistan på kursens webbplats. Nielsen, J. (2010) Intervju i How to Conduct a Simple User Test with Jakob Nielsen, Allgänglig: hbp:// [ ] 8
9 Förutseende design Helhetssyn på webbplatsens design Förutse hur webbplatsen kommer ab användas Förutse eventuella problem och svårigheter för användaren Olika hjälpmedel: Skisser, scenarier, storyboard, Scenario Kort beskrivning (ev. kompleberad med skiss) av en situaaon där användarna ska usöra någon uppgig med webbplatsen Syge: få en ökad förståelse för hur webbplatsen kan användas, analysera hur webbplatsen stödjer användarna Urval: välj både typiska och otypiska situaaoner och användare 9
10 Exempel: Scenario Förutsä(ning: SAna Johansson har nyligen blivit medlem i fotoklubben Bild i Växjö och ska imorgon delta i klubbens årsmöte. Innan dess vill hon ta reda på vad som togs upp på det förra årsmötet. Scenario för användning av webbplatsen: SAna fyller i sib medlemsnummer och lösenord för ab komma All medlemsavdelningen. Navigeringsmenyn utökas då med yberligare eb antal val. Hon klickar på länken möten och sedan underavdelningen årsmöten. Hon får en lista med årtal och klickar på förra året. Protokollet från förra årsmötet visas då. Eventuellt uppföljningsscenario: SAna läser ab klubben förra året beslutade ab genomföra en fotoutställning med medlemmarnas foton. Hon blir nyfiken och vill ha mer informaaon om denna utställning. I den övre delen av navigeringsmenyn (den del som är Allgänglig även för icke- medlemmar) hibar hon länken akaviteter och provar den. Hon får då en sida med en lista sorterad eger datum. Listan är inte längre än ab hon snabbt hibar länken fotoutställning och klickar på den. Sidan hon kommer All anger var och när utställningen arrangerades. Den innehåller också eb reportage från utställningen med några exempel på bilder och intervjuer med besökare. 10
Användarcentrerad design Prototyper & användartest
Webbteknik Användarcentrerad design Prototyper & användartest Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats Utkast eller enkel variant av webbplatsen
Läs merAnvändarcentrerad design Structure plane (tredje nivån)
Webbteknik Användarcentrerad design Structure plane (tredje nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se " our concerns shi? from more abstract issues of strategy and scope
Läs merFö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.
Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)ets sy-e Rune Körnefors Medieteknik 1 2014 Rune Körnefors rune.kornefors@lnu.se Områden Utvecklingsprocess Roller Användargränssni) Översikt
Läs merHTML & 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 merIntroduktion Översikt av kursen och området webbteknik
1ME321 Webbteknik 1 Kursintroduktion och lektion 1 Introduktion Översikt av kursen och området webbteknik Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me321 1 2019 Rune Körnefors rune.kornefors@lnu.se
Läs merUtvä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 merFö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 merAnvä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 merOlika 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 merAnvändarcentrerad design Interak3on och informa3on
Föreläsning i webbdesign Användarcentrerad design Interak3on och informa3on Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Structure Plane our concerns shi9 from more abstract issues
Läs merFöreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)ets sy-e. Rune Körnefors. Medieteknik Rune Körnefors
Föreläsning 1 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)ets sy-e Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Utvecklingsprocess Roller Användargränssni) Översikt
Läs merUtvärdering. Övergripande (1) Övergripande (2) Med/utan användare. Heuristisk utvärdering. Expertutvärdering. Måndagen den 29 september 8-10 F1
Utvärdering Måndagen den 29 september 8-10 F1 Ann Lantz Alz@nada.kth.se Anna Stockhaus Ast@nada.kth.se Övergripande (1) Av den verkliga världen: Hur används teknik på arbetsplatsen? Kan man förbättra design
Läs merKravspecifika.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 merUtvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför?
Användbarhet Användbarhetsutvärdering Stefan Berglund Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå specifika mål på ett ändamålsenligt, effektivt och för användaren
Läs merStruktur & 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 merKursplan 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 merTillämpad programmering CASE 1: HTML. Ditt namn
Tillämpad programmering CASE 1: HTML Ditt namn 18 [HTML] Din handledare vill se din skicklighet i att använda HTML-koden. Du ska utveckla en webbplats om ditt intresse, inriktning eller gymnasiearbete.
Läs merLä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 merWEBB 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 merANVÄNDARTESTNING VID LULEÅ UB Ola Andersson Luleå universitetsbibliotek
ANVÄNDARTESTNING VID LULEÅ UB Ola Andersson Luleå universitetsbibliotek 2017-11-08 ANVÄNDARTESTNING UPPSTART Olika metoder för att testa användbarheten Expertutvärdering -En utvärdering som utförs av ett
Läs merSkeleton plane & Responsiv webbdesign med CSS
1ME321 Webbteknik 1 Lek0on 6 Skeleton plane & Responsiv webbdesign med CSS Rune Körnefors Medieteknik 1 2016 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen U2 deadline Exemplet Gretas Blommor
Läs merOptimering av webbsidor
1ME323 Webbteknik 3 Lektion 7 Optimering av webbsidor Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda Optimering SEO (Search Engine Optimization) Sökmotor: index, sökrobot
Läs merFrån Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca
Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca System vi undersökte Den system vi valde att undersöka var en av de senaste smart tv som finns i markanden och var nämnd till bästa
Läs merStruktur & Layout med CSS
1ME321 Webbteknik 1 Lektion 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Denna vecka Exemplet Gretas Blommor Garretts modell Structure
Läs merKursplan Gränssnittsdesign, 100p Läsår
Kursplan Gränssnittsdesign, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka
Läs merFöreläsning 10: Introduktion till utvärdering. Rogers et al. Kapitel 12
Föreläsning 10: Introduktion till utvärdering Rogers et al. Kapitel 12 Analys Utvärdering Implementation Prototyper Krav Design 120515 Intro utvärdering 2 Bruce Tognazzini om utvärdering Iterative design,
Läs merLaboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration
Läs merFöreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?
Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) Analys Utvärdering Implementation Prototyper Krav Design 150327 Intro utvärdering
Läs merHö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 merSluta 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 merIntroduk+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 merFö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT
Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards
Läs merFöreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?
Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) 160401 Intro utvärdering 2 Översikt Att kunna om utvärdering Observation, kort repetition
Läs merViktigt! Glöm inte att skriva tentamenskod på alla blad du lämnar in.
Webbdesign Provmoment: Ladokkod: Tentamen ges för: TentamensKod: TEN NWD011 SV15 7,5 högskolepoäng Tentamensdatum: 1 nov 2016 Tid: 9-13 Hjälpmedel: Färgpennor är tillåtna. Totalt antal poäng på tentamen:
Läs merIntro 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 merUniversell 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 merBoken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva
Designprocessen 2 Boken Kapitel 10 Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Kapitel 11 Brain storming Body storming Personas Scenarios Lo-fi prototyping Skisser Storyboarding Pappersprototyper
Läs merAtt fastställa krav. Annakarin Nyberg
Att fastställa krav Annakarin Nyberg Disposition Del 1 Varför samla in krav? Typer av krav Interaktionsdesign och krav Del 2 Analys, tolkning och presentation Scenarios Use cases Task analysis Avslutning
Läs merLösenordsportalen Hosted by UNIT4 For instructions in English, see further down in this document
Lösenordsportalen Hosted by UNIT4 For instructions in English, see further down in this document Användarhandledning inloggning Logga in Gå till denna webbsida för att logga in: http://csportal.u4a.se/
Läs merHi-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 merWebbteknik för ingenjörer
Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera
Läs merLabora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi
Läs merNä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 merLabora&on 3 HTML och struktur övningar/uppgi:er
Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som
Läs merIdag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk
Idag Prototyper och användbarhetsutvärdering Del 2 Prototyper Utvärdering Analytisk Empirisk Prototyper: en fråga om syfte och mottagare Vad prototyper prototypar Kommunikation Med sig själv för att driva
Läs merhttp://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 merRedigeringsteknik och postproduktion
Interaktionsdesign- Metod Metoder för att skapa kunskap om användaren: Behov Preferenser Reaktioner Kvalitativa metoder Kvantitativa metoder Boken: Part 1 (urval) Interaktionsdesign Teoretiskt fokus för
Läs merVisa och dölja element med JavaScript
Föreläsning i webbdesign Visa och dölja element med JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Visa och dölja element Förändra elementets sdl för display eller visibility
Läs merGRÄ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 merNevenka 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 merLaboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem
Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem Målsättning Att bygg upp en komplett webbplats i ett publiceringssystem. Platsen ska vara snygg,
Läs merÖvning / handledning Användningsfall
ACSD sommar 2004 Övning / Handledning Användningsfall Uppsala universitet & Stefan Blomkvist @ 2004 Stefan Blomkvist stefan.blomkvist@it.uu.se ACSD sommar 2004. Övning / handledning Användningsfall Ett
Läs merGranskning av gränssnitt. Mattias Arvola
Granskning av gränssnitt Mattias Arvola 2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera 3 Mål med utvärderingen Revidera,
Läs merTentamen 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 merWireframe 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 merDatavetenskap. Beteendevetenskap MDI. Design
Designprocessen 1 Datavetenskap Beteendevetenskap MDI Design Två betydelser The final solution/plan (e.g. proposal, drawing, model, description) or the result of implementing that plan in the form of the
Läs merFö 8. Sammanfattande föreläsning MAMN25
Fö 8 Sammanfattande föreläsning MAMN25 MAMN25 kursplan Syfte Kursen syftar till att ge förståelse för grundläggande tekniker inom interaktionsdesign, samt förmåga att utforma interaktiva produkter och
Läs merHTML & Projektstrategi
1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2017 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen UppgiE U1 = L1+L2+L3 UppgiE U3 Läsanvisningar Exempel Påbörja
Läs merLÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR
UPPDRAGSGIVARE: IT-CENTER VÅR REFERENS: STEFAN JOHANSSON TEL.: 0708-23 10 64 E-POST: stefan.johansson@funkanu.se INNEHÅLL: LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR _ Funka Nu AB Finnbodavägen 2, 131 31
Läs merFörord. Umeå i april 2006. Anders Hanberger Projektledare för utvärderingen UCER, Umeå universitet
Förord Centrum för utvärderingsforskning (UCER) har Myndigheten för Nätverk och samarbete inom högre utbildnings uppdrag att utvärdera Studentnyttan av Nätuniversitetet och ITstödd distansutbildning. Mer
Läs merKursplan 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 merProjektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09
Projektanvisning Webbsideprojekt Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Inledning Du har nu under ett antal laborationer i webbteknik fått relativt styrda uppgifter där du ensam fått lösa
Läs merVä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 merFrå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 merSammanfattning av hantering av redovisning av uppgift U1
Sammanfattning av hantering av redovisning av uppgift U1 Hur du redovisar Hur svar ges Hur eventuell komplettering sker Hur restuppgifter hanteras Hur registrering av resultat görs 1M321 Webbteknik 1,
Läs merAtt bygga enkla webbsidor
Nivå 1 Att bygga enkla webbsidor All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/18cplpy to find out what
Läs merTentamen 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 merMetoder och användartester på Lantmäteriet
Metoder och användartester på Lantmäteriet Praktiska exempel och erfarenheter Anna-Frida Eriksson & Jonna Svensson, 2008-10-14, Sundsvall Vilka är vi Anna-Frida Eriksson Användbarhetsspecialist Jonna Svensson
Läs merAnvändbar webbdesign.
Examensarbete Användbar webbdesign. Vilka faktorer som är avgörande för att en användare ska uppleva användbarhet på en webbplats. Författare: Ellinor Grönfors Handledare: Peter Adiels Examinator: Patrik
Läs merWEBB OCH INFORMATIONSDESIGN
IT-Universitet WEBB OCH INFORMATIONSDESIGN Grupp 10 2003-10-25 Handledare: Rapport - projekt 1 Grupp 10: Johan Bergsten Jenny Christensson Evelina Johansson Marie Lönnqvist Mia Malmberg Niklas Mårby Uppgift
Läs merPrototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping
Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning
Läs merFöreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?
Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? FSR: (1), 2, 5, (6), 7 Att läsa: Kapitel 14-15 i Rogers et al.: Interaction design 160405 Mer om utvärdering 2 Översikt
Läs merDel 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550
Del 1 och 2 HTML/CSS Vi har fått i uppgift att göra en hemsida av eget val! Jag har bestämt mig för att skapa en hemsida åt en påhittad restaurang här i Umeå som inriktar sig på exklusiv nyttig mat och
Läs mer» 30år» Sambo» 1 barn (1,5år)» Jobbar som kurator.» Årsinkomst ca 300 000 kr.» Bor i hyreslägenhet i stan.
Designmal Tydlig Lättnavigerad Praktisk Nytänkande Koncept Vårt koncept är att man med hjälp av vår applikation lättare ska kunna ha kontroll över sitt hem. Det finns två huvuddelar, Mina projekt och Min
Läs merAnvändbarhetstestning. Johan Blomkvist
Användbarhetstestning Johan Blomkvist johan.blomkvist@liu.se OCTOBER 12, 2017 2 Individuellt projekt Läs hela uppgiften först! Konceptdesignfas Detaljdesignfas Prototypning analys Slutförslag johan.blomkvist@liu.se
Läs merOn-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 merProjektarbete 2010 måndag den 29 november 2010
Projektarbete 2010 Om projektarbete BRAINSTORMA - med hela projektgruppen. - Skriv ned alla tankar och idéer. - Ifrågasätt inget! TESTA idéer och uppslag genom diskussioner. Titta på målen i projektbeskrivningen
Läs merMetoder 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 merNågra exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?
Några exempel Principer för design Hur många kan ställa in klockan på sin video utan manual? Hur ofta vrider man på fel platta på spisen eller glömmer vrida av den när man är klar? Hur ofta knuffar man
Läs merPsykosocial enkät. 191 svar av 354 möjliga: 54% 2014: 172 av 333 = 52% 2011: 68%
Psykosocial enkät material inför skyddsronden (6 maj) enkel enkät 24 feb. 10 mars 2:e gången elektronisk modifierade frågor resultat eder anställningskategori, ej eder avdelning 191 svar av 354 möjliga:
Läs merWebbreg öppen: 26/ /
Webbregistrering pa kurs, period 2 HT 2015. Webbreg öppen: 26/10 2015 5/11 2015 1. Du loggar in på www.kth.se via den personliga menyn Under fliken Kurser och under fliken Program finns på höger sida en
Läs merInteraktionsdesign 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 merElektronisk publicering TNMK30
Elektronisk publicering TNMK30 Förra gången Usability & interaktionsdesign Projektintroduktion Bildbehandling. Byte av handledare Istället för Martin Johansson Annsofi Pettersson, annpe655@student.liu.se
Läs merAnvändbarhetstestning
Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Användbarhetstestning Användare utför realistiska uppgifter i prototypen/systemet Observationer, tänka högt kompletteras med intervjuer
Läs merAnvändbar navigering i mobila gränssnitt
! Examensarbete i Medieteknik Användbar navigering i mobila gränssnitt En studie med fokus på faktorer som kan underlätta navigeringen för oerfarna användare av mobila applikationer Författare: Sandra
Läs merPrototypningsverktyg. 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 merVisuell 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 merBra konvertering Grunden till en lönsam affär för alla parter. A. Lägg grunden: Prioritera Strukturera - Fokusera
Bra konvertering Grunden till en lönsam affär för alla parter. Bra konverteringsgrad är det superlim som binder ihop alla parter i en lönsam affär. Annonsörer som kan räkna hem sina kampanjer, återförsäljare
Läs merAvstämning med Referensgrupp Sprint 11 lnu.se + Mina saker
Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker 24 november 2009 Bakgrund Ålder: 20, 25 Kön: Kvinna, Kvinna Sysselsättning/utbildning: Marknadsföringsprogrammet, Engelska fristående kurs. Internetvana
Läs merUtvärdering av gränssnitt särskilt befintliga. Hur utvecklar man användbara system? Användbarhet handlar om kvalitet
Utvärdering av gränssnitt särskilt befintliga Hur utvecklar man användbara system? Lära sig organisationen Förstå användarens situation Förstå användarens språk Involvera användare i processen Utvärdera,
Läs merStrukturering med XML och DTD
Föreläsning i webbdesign Strukturering med XML och DTD Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se PresentaCon SCl Layout OrganisaCon/struktur InformaConsobjekt Länkar Innehåll/data
Läs merFormulär, textsträngar och en del annat
1ME322 Webbteknik 2 Lektion 6 Formulär, textsträngar och en del annat Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me322 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda JavaScript Interaktion
Läs merKursrapport för Formgivning av webbsidor 7,5 hp, HT2014, Campus (31KFW1)
Kursrapport för Formgivning av webbsidor 7,5 hp, HT2014, Campus (31KFW1) Kursansvariga: Linda Rydh & Ty Nilsson Nedanstående uppgifter hämtades från Ladok 2015 06 01: Antal registrerade studenter på kursen:
Läs merPresentation på styrelsemöte 27 augusti
Presentation på styrelsemöte 27 augusti Introduktion & bakgrund Projektets organisation Projektet i stora drag Status just nu Grundläggande vägval Genomgång verktyget Diskussion: Sverok & VoteIT Varför,
Läs merPROJEKT Kurs om hållbar utveckling
PROJEKT Kurs om hållbar utveckling Vad händer idag? Projekt Uppgiften Projektplan Krav Enkät om Digitala system Utveckling Vad? Till vem? Problem som måste lösas? Behov? Önskemål? Vad är projekt? Verksamhet
Läs merPRODUKTUTVECKLING. Ämnets syfte
PRODUKTUTVECKLING Ämnet produktutveckling behandlar arbetsprocessen för att skapa en produkt samt produktens material, konstruktion och design. Ämnet behandlar också hur olika intressenters krav samordnas
Läs merWebbregistrering pa kurs och termin
Webbregistrering pa kurs och termin 1. Du loggar in på www.kth.se via den personliga menyn Under fliken Kurser och under fliken Program finns på höger sida en länk till Studieöversiktssidan. På den sidan
Läs merUndervisningen i ämnet webbutveckling ska ge eleverna förutsättningar att utveckla följande:
WEBBUTVECKLING Ämnet webbutveckling behandlar de tekniker som används för att presentera och bearbeta information i webbläsaren samt utifrån dessa tekniker skapa och vidareutveckla statiska och dynamiska
Läs merBerättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc.
Karin Fahlquist Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc. Viktigt att se från andra personers perspektiv Abatrakta idéer kommer till liv Utforska
Läs merDokumentation och presentation av ert arbete
Dokumentation och presentation av ert arbete Reglerteknik Linköpings universitet Dagens föreläsning Första timmen Kursens mål Projektmodellen LIPS och dess användning i kursen Olika former av redovisning
Läs mer