Elektronisk publicering TNMK30

Storlek: px
Starta visningen från sidan:

Download "Elektronisk publicering TNMK30"

Transkript

1 Elektronisk publicering TNMK30

2 Muddycards ERD MySQL Säkerhet. Förra gången

3 Idag Muddy cards resultat MySQL-kopplingar mellan tabeller Usability - användbarhet Interaktionsdesign Projektuppgift.

4 Muddy Cards Många positiva kommentarer kring upplägg Vill ha mer djup, etc Labbhandledning, bra/dåligt Labbar, instruktioner.

5 MySQL - kopplingar Finns flera sätt att lösa labben

6 Person id namn telefon 6 Rocksteady Beebop Hus gata nummer Storgatan 2 Rydsvägen 240 ägare id namn efternamn gata nummer Person 1 N äger Hus

7 Person Hus id namn telefon 6 Rocksteady Beebop gata nummer Storgatan 2 Rydsvägen 240 id 1 8 Äger person-id hus-id id id namn efternamn gata nummer Person N äger M Hus

8 Usability sv. användbarhet....the effectiveness, efficency and satisfaction with which specified users can achieve specified goals in particular environments... - ISO DIS

9 Usability Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? Efficiency: Once users have learned the design, how quickly can they perform tasks? Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? Satisfaction: How pleasant is it to use the design?

10 Varför usability? Increased user efficiency and satisfaction Higher revenues through increased sales Increased productivity Decreased training and support costs Reduced development time and costs Reduced maintenance costs

11 Designprinciper Både för egen design och utvärdering av andras. Verktyg, guide, tumregler. I huvudsak från: Norman, D The Design of Everyday Things. Nielsen, J Usability Engineering. Shneiderman, B Designing the User Interface.

12 För att hjälpa människor att nå, lära sig och komma ihåg systemet: 12 design principer 6. Control 7. Feedback 1. Visibility 2. Affordance 3. Consistency 4. Familiarity För att ge dem känslan av att ha kontroll, veta vad som ska göras och hur det ska göras: 5. Navigation För att ge dem ett säkert sätt att arbeta: 8. Recovery 9. Constraints På ett sätt som passar dem: 10. Flexibility 11. Style 12. Conviviality

13 1. Visibility Gör synligt: vilka funktioner som är tillgängliga vad systemet gör Det är lättare att känna igen saker än att komma ihåg (regognize vs recall) Om det inte går att göra synligt kan man göra det observerbart (kanske genom ljud eller känsel).

14 2. Consistency Var konsekvent vid design och se speciellt till att liknande funktionalitet visas och fungerar på samma sätt Både konceptuell och fysisk konsekvens är viktig

15 3. Familiarity Använd språk och symboler som den tänkta användaren känner till Där detta inte är möjligt använd en metafor för att hjälpa dem överföra liknande och relaterad kunskap från en känd domän.

16 4. Affordance Designa så att det är självklart vad artefakten är till för Affordance syftar på de attribut en artefakt har (eller upplevs ha) och hur dessa attribut relaterar till hur artefakten kan användas

17 5. Navigation Tillhandahåll stöd för att låta användare förflytta sig i systemet: kartor, direktiv, informationsskyltar, etc.

18 6. Control Gör klart vem eller vad som har kontrollen och tillåt användaren att ta kontroll Förbättras genom att ha en klar logisk koppling mellan handling och effekt.

19 7. Feedback Snabb återkoppling från systemet till användaren talar om vilken effekt handlingar fick Konstant och konsekvent feedback ökar kontrollkänslan

20 8. Recovery Ge alltid möjlighet att ångra och återhämta handlingar (speciellt fel och misstag), snabbt och effektivt

21 9. Constraints Begränsa möjligheterna så att användaren inte försöker (eller kan) göra olämpliga saker Specifikt bör man hindra användare från att åstadkomma allvarliga fel genom att begränsa tillåtna handlingar och fråga en extra gång innan genomförandet av kritiska operationer

22 10. Flexibility Tillåt flera sätt att åstadkomma saker för att tillmötesgå användare med olika erfarenhet och intresse i systemet Tillhandahåll möjligheten att ändra hur systemet ser ut och beter sig för personalisering

23 11. Style Designen bör vara fin och tilltalande. (Kanske även minimalistisk.)

24 12. Conviviality Interaktiva system ska vara artiga, vänliga och allmänt behagliga Inget förstör upplevelsen av att använda ett system mer än aggressiva meddelanden och abrupta avbrott Designa för hövlighet.

25 För att hjälpa människor att nå, lära sig och komma ihåg systemet: 12 design principer 6. Control 7. Feedback 1. Visibility 2. Affordance 3. Consistency 4. Familiarity För att ge dem känslan av att ha kontroll, veta vad som ska göras och hur det ska göras: 5. Navigation För att ge dem ett säkert sätt att arbeta: 8. Recovery 9. Constraints På ett sätt som passar dem: 10. Flexibility 11. Style 12. Conviviality

26 Top Ten Mistakes in Web Design 1. Bad Search 2. PDF Files for Online Reading 3. Not Changing the Color of Visited Links 4. Non-Scannable Text 5. Fixed Font Size 7. Anything That Looks Like an Advertisement 8. Violating Design Conventions 9. Opening New Browser Windows 10. Not Answering Users' Questions 6. Page Titles With Low Search Engine Visibility

27 Web usability Form Labels Work Best Above The Field Users Focus On Faces Quality Of Design Is An Indicator Of Credibility Most Users Scroll Blue Is The Best Color For Links The Ideal Search Box Is 27- Characters Wide White Space Improves Comprehension Effective User Testing Doesn t Have To Be Extensive Informative Product Pages Help You Stand Out Most Users Are Blind To Advertising.

28 Interaktionsdesign Målgrupp Wireframe Scenario Design - tips, trix och att-tänka-på

29 Målgruppsanalys Vilka är användarna? Vad kan de vad kan de lära sig? Vad har de för generell bakgrund? Vad har de för mål eller syfte? Vad är de i för miljö(-er)? episodes/malgruppsbeskrivning.m4a

30 En wireframe är en enkel ritning som visar var olika element ska vara placerade på en webbsida. Det är enklare att ändra i layouten av webbsida när den är en wireframe tidigt i designprocessen än att ändra i en mer komplex design senare. gomockingbird.com Wireframes

31 Scenario Steg-för-steg beskrivning av hur användaren gör för att uppnå olika mål Ex: Vill lägga till film Vill veta vilket årtal en film är producerad Vill ta bort film från databas Används med fördel tillsammans med Wireframes (kan då kallas storyboard).

32 Läsbarhet ~65 tecken per rad Radhöjd på ~1.5 em Generellt ger serifer god läsbarhet Det finns typsnitt som är designade för att användas på skärm, t ex Georgia, Verdana Vänsterjusterad text lättare att läsa än marginaljusterad (som ser bättre ut) Kontrast och färger avgör också.

33 Serif vs Sans serif

34 Gemener vs Versaler

35 Positive vs Negative

36 Luftigt vs Tätt

37 Kontrast

38 Färgblindhet Röd - Grön, vanligast, II och III Blå - Gul, ovanlig, IV Helt färgblind, mycket ovanlig, V

39 Det går inte snabbare att förstå en negation Använd inte inte om du inte måste

40 Grid

41 Layout Användare förväntar sig att saker finns på samma ställe(-n) som de brukar Navigering Logo Sök Sign in/up

42 Färgschema Håller ihop en design Kunder har ofta redan en färdig Bra att ha med sig från början eller att skapa tidigt i design processen colorschemedesigner.com

43 Projektuppgiften 2-3 studenter per grupp. Samma ambitionsnivå. Design och implementation av en databasdriven webbplats Utökad filmdatabas, blogg, forum, webbplats för ett företag, webbshop Via gränssnitt ska man kunna lägga till, ta bort, och ändra i innehåll på webbplatsen Använda och fördjupa kunskaper från labbarna. Konkurrensanalys och arbetsrapport 3 hp 2 veckors arbete heltid 160 h för två studenter Bokade tider med handledning Deadline 22/12.

44 Användbara länkar s-dont-make-me-think/

45 Tack och lycka till!

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man Användbarhet TNMK31 Användbarhet Användarvänlighet? Åtkomlighet Förenligt med och stöd för människans mentala funktionssätt Individualisering Hjälpresurser Är tätt kopplat till användargränssnitt, speciellt

Läs mer

Elektronisk publicering TNMK30

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

Webbprogrammering, grundkurs 725G54

Webbprogrammering, grundkurs 725G54 Webbprogrammering, grundkurs 725G54 Lab 4, 5 ERD PHP + MySQL Återblick Idag Sessions PHP och MySQL för samband Lab 6 725G54: Genomgång projektuppgift Avstämning av kursmål Om sessions På IDA måste ni göra

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Förbättrad vårddokumentation med 3R

Förbättrad vårddokumentation med 3R Förbättrad vårddokumentation med 3R IT Inspirationsdag 26 mars 2015 Styrgruppen 3R Vad är 3R? Vem/vilka står bakom 3R? Ögonblicksbild bakgrund Var står vi nu? 26 mars 2015 Tre regioner i samarbete Region

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

Webbprogrammering, grundkurs 725G54

Webbprogrammering, grundkurs 725G54 Webbprogrammering, grundkurs 725G54 Bootstrap jquery SEO RWD MuddyCards. Tidigare Muddycards Många positiva kommentarer Ibland för högt tempo på föreläsning Lägg ut labbar tidigare Mer föreläsningar (2

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

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

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

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

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

Interaktionsdesign, grundkurs (7,5 HP)

Interaktionsdesign, grundkurs (7,5 HP) Interaktionsdesign, grundkurs (7,5 HP) Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign, Virtual Reality & Augmented Reality Det började med att farmor

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU 1 Idag Lite av varje Doing things Golden rules Heuristics Intro usability Tenta

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

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

Campuskurs Distanskurs Annan. Examinator Remigijus Gustas

Campuskurs Distanskurs Annan. Examinator Remigijus Gustas Dnr HS 2013/180 Fakulteten för humaniora och samhällsvetenskap Sammanställning av kursvärdering (blanketten används inte för lärarutbildningskurser) Sammanställning av vårterminens kurser ska vara underskriven,

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

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

Förra gången. jquery Lab 4 Muddy Cards resultat.

Förra gången. jquery Lab 4 Muddy Cards resultat. Förra gången jquery Lab 4 Muddy Cards resultat. Labgrupper Helklass alltid på lab-tiderna? Ingen föreläsning nästa vecka Bonus-info HTML - formulär Serverskript PHP Portfolio Sammanfattning. Idag Webblingo

Läs mer

- den bredaste guiden om Mallorca på svenska! -

- den bredaste guiden om Mallorca på svenska! - - den bredaste guiden om Mallorca på svenska! - Driver du företag, har en affärsrörelse på Mallorca eller relaterad till Mallorca och vill nå ut till våra läsare? Då har du möjlighet att annonsera på Mallorcaguide.se

Läs mer

Praktiskt användande av användbarhetstekniker 1 (58)

Praktiskt användande av användbarhetstekniker 1 (58) Praktiskt användande av användbarhetstekniker 1 (58) Vem är jag? Lise-Lotte Thuse, Software Developer & Usability Expert, Industriell IT Kand. & Mag. i Informatik, inrikt. Systemutveckling & Usability

Läs mer

Materialplanering och styrning på grundnivå. 7,5 högskolepoäng

Materialplanering och styrning på grundnivå. 7,5 högskolepoäng Materialplanering och styrning på grundnivå Provmoment: Ladokkod: Tentamen ges för: Skriftlig tentamen TI6612 Af3-Ma, Al3, Log3,IBE3 7,5 högskolepoäng Namn: (Ifylles av student) Personnummer: (Ifylles

Läs mer

Forskning och mobil medborgarservice på försök, CIDRE

Forskning och mobil medborgarservice på försök, CIDRE Forskning och mobil medborgarservice på försök, CIDRE Professor Karl W Sandberg Nätverksträff 24-timmarswebben, 14 oktober 2008 Sundsvalls konferenscenter, Scandic Sundsvall City CHAOS rapporten från Standish

Läs mer

Datavetenskap. Beteendevetenskap MDI. Design

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

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov Webbtillgänglighet Tillgänglighet på webben Att göra webbsidor så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra sidor tillgängliga oavsett vilken inoch utmatningsutrustning

Läs mer

Förändringsarbete i organisationer Bokens modelleringsteknik

Förändringsarbete i organisationer Bokens modelleringsteknik Bokens modelleringsteknik Bokens modelleringsteknik 1 Astrakans modelleringsteknik Att välja modelleringsteknik Bäst Bokens modelleringsteknik Näst Bäst Astrakan Tredje Bäst BPMN 2 Att välja modelleringsteknik

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

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Getting input from users Exempeldesign Paper prototyping Idag CHARM ingen övning

Läs mer

Introduktion till människa datorinteraktion och interaktionsdesign

Introduktion till människa datorinteraktion och interaktionsdesign Introduktion till människa datorinteraktion och interaktionsdesign Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1257 2013-09-05 07:55:25Z

Läs mer

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar

Läs mer

Usability- användbarhet

Usability- användbarhet Usability- användbarhet Tekniker, metoder och annat vi måste känna till för att kunna använda oss av usability som ett framgångsrecept i design av IT & digitala medier. cwiberg@informatik.umu.se Veckans

Läs mer

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2012 Avdelningen för Visuell information

Läs mer

Boken. Kap 2.1-2.4 Kap 11.3

Boken. Kap 2.1-2.4 Kap 11.3 Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever

Läs mer

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson johanna.persson@design.lth.se 046 222 43 58 Min bakgrund Civilingenjör i Medieteknik (LiTH) med inriktning mot visualisering och virtual reality Doktorand

Läs mer

Att fastställa krav. Annakarin Nyberg

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

Support for Artist Residencies

Support for Artist Residencies 1. Basic information 1.1. Name of the Artist-in-Residence centre 0/100 1.2. Name of the Residency Programme (if any) 0/100 1.3. Give a short description in English of the activities that the support is

Läs mer

Användbarhet för webben MDI, Webb och speciella behov 1

Användbarhet för webben MDI, Webb och speciella behov 1 Användbarhet för webben MDI, Webb och speciella behov 1 Hur används webben? Webbsidor läses inte, de skummas! Således, designa för att de ska skommas scanability Vi gör inga optimala val, vi söker något

Läs mer

Typografi, text & designperspektiv

Typografi, text & designperspektiv Typografi, text & designperspektiv Serif Hårstreck Stapel Heplx x-höjd Baslinje Grundstreck Serif Underhäng Inre form I dag Lite bakgrund Övergripande grunder inom typografi Text hantering Elva Synlig

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

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Project Backend Evaluering Idag Kom på övningen på onsdag med prototyp Boka

Läs mer

MAMN25 Interaktionsdesign (7,5 HP)

MAMN25 Interaktionsdesign (7,5 HP) MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? Definition av interaktionsdesign Designing interactive products to support the way people communicate and

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

Vad är interaktionsdesign? MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? 1 Definition av interaktionsdesign Designing interactive products to support the way people communicate

Läs mer

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska råd och tips - Heuristik Exempel på bra och mindre bra design Några egenskaper hos människan

Läs mer

För mycket information! Att presentera vetenskap. Målet med föreläsningen. Planera din presentation besvara dessa frågor: Presentationens struktur

För mycket information! Att presentera vetenskap. Målet med föreläsningen. Planera din presentation besvara dessa frågor: Presentationens struktur Målet med föreläsningen tt presentera vetenskap Magister-/ Masterkurs Odontologi, VT- 16 Tülay Lindberg, nna Kats Institutionen för Odontologi 1. Lära dig mer om hur man presenterar forskning så att de

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

Examensarbete på Siemens Elema AB

Examensarbete på Siemens Elema AB Introduktion Examensarbete på Siemens Elema AB - att arbeta med användarvänlighet. Kvantitativ utvärdering av användargränssnittet till ett rapporteringsverktyg för dokumentation av kranskärlssjukdomar.

Läs mer

Vad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1.

Vad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1. Riktlinjer för gränssnittsdesign Jan Gulliksen Vad karaktäriserar ett bra användargränssnitt? Verksamhetseffektivt Rätt funktioner finns Användarvänligt Lätt att lära Minimerar fel Minimerar onödiga belastningar

Läs mer

Principer för interaktionsdesign

Principer för interaktionsdesign Designtrappan och GDK Principer för interaktionsdesign Mattias Arvola Institutionen för datavetenskap Designtrappan är framtagen av Dansk Design Center och vidareutvecklad av SVID. 2 Dagens föreläsning

Läs mer

Heuristisk utvärdering

Heuristisk utvärdering Interaction design, industrial design, design management, service design, information design, experience design, graphic design, furniture design, destination design, product design, ergonomics design,

Läs mer

mobila applikationer!

mobila applikationer! !!!!!! Google Analytics som verktyg för användbarhetsutvärdering av!!!!!!! mobila applikationer! Niklas Sjöberg & Filip Svensson! 2015!! Master's Thesis!! Department of Design Sciences! Lund University!!!

Läs mer

Användarcentrerad systemdesign

Användarcentrerad systemdesign Användarcentrerad systemdesign Föreläsning 11: Agile-processer och ACSD Stefan Blomkvist Avdelningen för MDI/IT, Uppsala Universitet, Stefan.Blomkvist@hci.uu.se www.it.uu.se/edu/course /homepage/acsd/

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

Sharecut. Michael De Stefano Robin Gustafsson Fredrik Warfvinge

Sharecut. Michael De Stefano Robin Gustafsson Fredrik Warfvinge Michael De Stefano Michael De Stefano Idé och koncept Grundidé, syfte och innehåll ShareCut är en tjänst som effektiviserar publicering på sociala medier. En hub som gör det enkelt att skriva och publicera

Läs mer

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1. Tre kursblock Grundläggande teori för design av användargränssnitt Människa dator interaktion Del 1 1. Design 2.Human factors & Ergonomics 3. Human computer interaction Inledningsvis Interaktiv produkt/system

Läs mer

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet?

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet? Efterlysning! Kognitiv design 1 Hur man gör en användare glad Kursrepresentanter? Maila! Webbaserat system för gruppindelning. Idag Inledande exempel Vad är användbarhet? Hur gör användaren? Normans sjustegsmodell

Läs mer

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT

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

Datorprogram eller deras bruk

Datorprogram eller deras bruk Datorprogram eller deras bruk eller blandade tankar och en fältstudie Stefan Holmlid, Zelab, Ericsson http://www.ida.liu.se/~steho/talks Kort agenda Användbarhet vs brukskvalitet Fallbakgrund Förbruk Surprise/confusion

Läs mer

Webbregistrering pa kurs och termin

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

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

Människa-datorinteraktion 7,5 p

Människa-datorinteraktion 7,5 p Människa-datorinteraktion 7,5 p Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign och Virtual Reality Det började med att farmor Gretas TV tappade alla

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: 14/10 Lämna in efterhand ni blir färdiga Vi rättar inom 5 arbetsdagar Portfolio, tillfälle 1:

Läs mer

http://marvel.com/games/play/31/create_your_own_superhero http://www.heromachine.com/

http://marvel.com/games/play/31/create_your_own_superhero http://www.heromachine.com/ Name: Year 9 w. 4-7 The leading comic book publisher, Marvel Comics, is starting a new comic, which it hopes will become as popular as its classics Spiderman, Superman and The Incredible Hulk. Your job

Läs mer

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag Den här veckan Kapitel 7 och 11 Kom ihåg att boka tiden för handledning på fredag Uppsamling av missade övningar på onsdag Making it look good Visuell design Färger Typografi Exempel och patterns Komplex

Läs mer

Projektuppgift i Användarcentrerad Systemdesign, ht 04

Projektuppgift i Användarcentrerad Systemdesign, ht 04 Projektuppgift i Användarcentrerad Systemdesign, ht 04 E-Dagis enligt systemutvecklings metoden The Usability Engineering Lifecycle, Deborah J. Mayhew Grupp 3: Daniel Lundberg, dalu8987@student.uu.se Hanna

Läs mer

Centerpartiets grafiska manual Version 2.2, 2007

Centerpartiets grafiska manual Version 2.2, 2007 Centerpartiets grafiska manual Version 2.2, 2007 innehåll Centerpartiets logotyp 1 Centerpartiets färg 2 Centerpartiets typografi 3 Exempel och anvisningar 4 Kontakt & nerladdning 5 Centerpartiets logotyp

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

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

Människan och sjösäkerheten

Människan och sjösäkerheten Människan och sjösäkerheten Margareta Lützhöft Human Factorsgruppen Sjöfart och marin teknik Chalmers Min sjöfartserfarenhet Sjökapten, utbildad i Kalmar Ca 13 år till sjöss Forskar nu inom Human Factors

Läs mer

Ris och ros för doris en gränssnittsutvärdering av ett röntgenremissystem på Danderyds sjukhus

Ris och ros för doris en gränssnittsutvärdering av ett röntgenremissystem på Danderyds sjukhus Ris och ros för doris en gränssnittsutvärdering av ett röntgenremissystem på Danderyds sjukhus Åsa Martinsson TRITA-NA-E04066 NADA Numerisk analys och datalogi Department of Numerical Analysis KTH and

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Protokoll Föreningsutskottet 2013-10-22

Protokoll Föreningsutskottet 2013-10-22 Protokoll Föreningsutskottet 2013-10-22 Närvarande: Oliver Stenbom, Andreas Estmark, Henrik Almén, Ellinor Ugland, Oliver Jonstoij Berg. 1. Mötets öppnande. Ordförande Oliver Stenbom öppnade mötet. 2.

Läs mer

PRODUKTINNOVATION Civilingenjör 180 p

PRODUKTINNOVATION Civilingenjör 180 p PRODUKTINNOVATION Civilingenjör 180 p Produktutveckling från idé till kommersialisering - Produktrealisering - Skapandeprocessen - Produktanalys - Funktionsverifiering - Produktentreprenör - Affärsperspektivet

Läs mer

UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet

UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet My Ljungberg Susanna Westerblad EXAMENSARBETE 2009 DATATEKNIK UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet

Läs mer

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang DH2622 MDI-fk Introduktion till kursen & ämnet Tisdagen den 27 oktober 13-15 i svg alz@kth.se http://www.csc.kth.se/utbildni ng/kth/kurser/dh2622/ MDI på KTH Kursen i sitt sammanhang Forskningsmiljö Utbildning

Läs mer

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

Flytta din affär till molnet

Flytta din affär till molnet Flytta din affär till molnet Låt oss prata moln 2 Låt oss prata moln 3 Marknadsförare var först i molnet. Vi skulle inte bli förvånade om du redan använder molnet för: CRM Marketing automation Social media-platformar

Läs mer

QC i en organisation SAST 2008-09-16

QC i en organisation SAST 2008-09-16 QC i en organisation SAST 2008-09-16 1 Agenda Hur är vi organiserade inom test på SEB? Hur är QC uppsatt på SEB? Hur arbetar vi med QC i en stor organisation? Uppfyllde QC våra förväntningar och hur har

Läs mer

Utveckling av webbsida för lokala prisjämförelser med användbarhetsmetoder

Utveckling av webbsida för lokala prisjämförelser med användbarhetsmetoder C-uppsats LITH-ITN-EX--05/032--SE Utveckling av webbsida för lokala prisjämförelser med användbarhetsmetoder Jon Hällholm 2005-10-27 Department of Science and Technology Linköpings Universitet SE-601 74

Läs mer

- en expertanalys. av Anna Olvenmyr

- en expertanalys. av Anna Olvenmyr IT-universitetet i Göteborg MDI. Interaktionsdesign - en expertanalys av Anna Olvenmyr Grafiska Gränssnitt, 5 poäng 2003-10-27 Inledning och kategorisering...3 Utvärdering indelad i kategorier...4 Impression/

Läs mer

Idag. Språk. Metaforer. Metaforer 10/3/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ7. Deadline projektgrupper idag

Idag. Språk. Metaforer. Metaforer 10/3/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ7. Deadline projektgrupper idag TNM040 Kommunikation och användargränssnitt HT2016, FÖ7 Deadline projektgrupper idag Mailar kontaktansvarig om tid för avstämning (tider v40) Deadline individuell uppgift kritisk granskning nu på onsdag

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

Kvalitetsarbete I Landstinget i Kalmar län. 24 oktober 2007 Eva Arvidsson

Kvalitetsarbete I Landstinget i Kalmar län. 24 oktober 2007 Eva Arvidsson Kvalitetsarbete I Landstinget i Kalmar län 24 oktober 2007 Eva Arvidsson Bakgrund Sammanhållen primärvård 2005 Nytt ekonomiskt system Olika tradition och förutsättningar Olika pågående projekt Get the

Läs mer

Software Quality Requirements and Evaluation (SQuaRE) & Common Industry Format (CIF) for Usability snart finns det inga ursäkter längre...

Software Quality Requirements and Evaluation (SQuaRE) & Common Industry Format (CIF) for Usability snart finns det inga ursäkter längre... Software Quality Requirements and Evaluation (SQuaRE) & Common Industry Format (CIF) for Usability snart finns det inga ursäkter längre... Åke Walldius, docent i Människa-datorinteraktion, CSC, KTH, 2014-09-04

Läs mer

Frågor och svar Gränssnittsdesign/Webbutveckling

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

Läs mer

E V - C E R T I F I K AT: VA R F Ö R A N V Ä N D A D E N S TA R K A S T E S S L AUTENTISERINGSPROCESS?

E V - C E R T I F I K AT: VA R F Ö R A N V Ä N D A D E N S TA R K A S T E S S L AUTENTISERINGSPROCESS? E V - C E R T I F I K AT: VA R F Ö R A N V Ä N D A D E N S TA R K A S T E S S L AUTENTISERINGSPROCESS? D i n t a l a r e i d a g J o n a t h a n A g e r i u s W e b S e c u r i t y C o n s u l t a n t

Läs mer

Nya möjligheter med M3 Technology. Björn Svensson, Björn Torold

Nya möjligheter med M3 Technology. Björn Svensson, Björn Torold Nya möjligheter med Technology Björn Svensson, Björn Torold Vem är vi? 2 Copyright 2011 Lawson. All rights reserved. Nya möjligheter med Technology System Foundation Grid Förändrar basen i Installation

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

Processen. Utvärdering. Utvärderingsanvändare. Utvärderingsanvändare. Utvärdering. Utvärdering

Processen. Utvärdering. Utvärderingsanvändare. Utvärderingsanvändare. Utvärdering. Utvärdering Processen TNMK31 Användbarhet HIIA20 Användbarhet med kognitiv psykologi Martin Karlsson marka@itn.liu.se K7522 011 36 34 63 2006-04-26 Martin Karlsson - Användbarhet 2 sanvändare sanvändare 1 2 3 5 extremanvändare

Läs mer

Grundläggande teori för användargränssni3, del 1

Grundläggande teori för användargränssni3, del 1 Grundläggande teori för användargränssni3, del 1 Innehåll Mentala och konceptuella modeller (Kap 2.3) Metaforer (Kap 2.4) Donald Normans designprinciper (Kap 1.6.3) Mentala och konceptuella modeller Mentala

Läs mer

SVENSK FILMINDUSTRIS WEBBPLATS

SVENSK FILMINDUSTRIS WEBBPLATS EXPERTANALYS AV SVENSK FILMINDUSTRIS WEBBPLATS JENNY DAFGÅRD MDI.INTERAKTIONSDESIGN GRAFISKA GRÄNSSNITT 23 OKTOBER 2003 INNEHÅLLSFÖRTECKNING INLEDNING...4 SVENSK FILMINDUSTRIS WEBBPLATS...6 ÖVERGRIPANDE

Läs mer

Vem är jag? Välkommen till Människa- Datorinteraktion, Inledande. Era förväntningar på kursen. Vem jag tror Ni är? Fortsättning från denna kurs..

Vem är jag? Välkommen till Människa- Datorinteraktion, Inledande. Era förväntningar på kursen. Vem jag tror Ni är? Fortsättning från denna kurs.. Välkommen till Människa- Datorinteraktion, Inledande Vem är jag? Henrik Artman Beteendevetare, systemvetare, kommunikationsforskare Inriktning MDI Forskat på ledningssystem (SOS) Arbetat som MDI-konsult

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

< THE SHELF SYSTEM FILLED WITH POSSIBILITIES. Design Anne Krook

< THE SHELF SYSTEM FILLED WITH POSSIBILITIES. Design Anne Krook Anne < THE SHELF SYSTEM FILLED WITH POSSIBILITIES Design Anne Krook beauty combination Anne är en hel serie hyllor vars grundidé bygger på en fyrkant som kan varieras i ett otal kombinationer. Frihängande

Läs mer

Guide för pdf-formulär

Guide för pdf-formulär Guide för pdf-formulär Innehållsförteckning Rätt programvara... 3 Instruktion för automatiskt formulär... 3 Steg 1 Mall till pdf-format via Word... 3 Alternativt steg 1 Mall till pdf-format via Acrobat...

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Getting input from users Några gyllene regler Projektintro Idag 1 GETTING INPUT

Läs mer