Designmetodik. Systemering med användarfokus Malin Pongolini

Storlek: px
Starta visningen från sidan:

Download "Designmetodik. Systemering med användarfokus Malin Pongolini"

Transkript

1 Designmetodik Systemering med användarfokus Malin Pongolini

2 ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering

3 Upplägg för Design och Protyping Vad? Evolutionär utveckling - iterativ design konceptuell design interaktionsdesign detaljerad design Hur? Användningsscenarier mock-up:s, pappersskisser designmöten workshops Dokumentationssätt? Prototyper, inkrement Kriterielistor, designguidelines navigeringsstruktur

4 Håll kvar vid ACD:s karaktärsdrag! Användarfokus involvera användare genom hela processen kunskap och utbildning efter hand empirisk mätning (verklig mätning/studie av användare, ej antaganden!) Prototyping iterativ utveckling inkrementell utveckling integrerad utveckling tidig test och utvärdering

5 Användarnas roll When an artifact has been constructed and put to use, people change it, adjudting it to their needs. Once an artifact leaves the hands of the professional constructor, it begins to evolve. (Dahlbom & Mathiasen, 1993, s 73)

6 VAD ska man designa och prototypa? Design av artefakten (tekniken) Design av innehållet (informationen) Design av utformningen (interaktionen, bilden, ljudet) Design av testsituationen (interaktionen) Experiment och prototyping!

7 Design av tekniken Prototypens utseende Hörlurar/headset och knappar/reglage Skärmstorlek/upplösning Greppvänlighet/form Färg/kontrast Prototypens funktionalitet Av/på Start/stop - nästa/förra Hoppa framåt/bakåt Hastighet Höja och sänka tonläget Touch-teknik

8 Design av interaktionen. Design av gränssnittet Interaktionsdesgin skärmbildslayout dialoginteraktion gränssnittsdesign GUI-Graphical User Interface grafiska användargränssnitt kärt barn har många namn

9 Design av gränssnitt utgår från användningsfall och kravspecifikation designa rätt dialogform för de önskade funktionerna och användbarheten designa rätt gränssnittskontroller och element i vald dialogform tidig test och utvärdering av användbarheten (mått) Syftet med gränssnittskomponenter???

10 Tekniska genombrott inom GUI och gränssnittsdesign Mus, Fönster, Ritprogram (Englebart ~1965) Virtual reality (Sutherland ~1968) Hypertext (Bush ~1945, Nelson ~1960) Smalltalk miljöer (Key ~1975) Inmatningsdon (Card ~1978) Direktmanipulation (Schneiderman ~1982) Informationsvisualisering (Card, Schneiderman, ) fokus på information World Wide Web behov: informationsöverflöd, tekniska mekanismer

11 Flera interaktionsparadigm och interaktionssätt Hypertext-interaktion Röstigenkänning Känsel/beröringapplikationer Mobile computing Wearable computing Smart materials Etc

12 GUI bygger bl a på WYSIWYG (What You See Is What You Get) WIMP-komponenter (Windows, Icons, Menues, Pointers) Kontroller (knappar, listboxar, inmatningsfält, radioknappar, kryssrutor, bläddringslist, verktygsfält) Andra hypertextkomponenter (länkar, noder)

13 Designmetodik -tekniker och principer Systemering med användarfokus Malin Pongolini

14 Metoder för design och prototyping Kontext-baserad design Konceptuell design Knep&Knåp workshop Brainstorming Interaktionsdesign Scenarier och Storyboards Prototyping M fl

15 Hjälpmedel och tekniker Papper, penna, tejp, sax, post-it, kritor, etc Konceptuella modeller Prototyper Storbildsskärm (projektor), videoinspelning/uppspelning Programvaror (rit/layoutprogramvaror etc) Rollspel Designprinciper (färdiga guidelines) Designkriterier (identifierade designkrav) etc

16 Konceptuella modeller Koncept Allmän idé om hur en produkt (system/webbplats) eller verksamhet bör se ut och fungera Konceptualisering Att uppfatta och beskriva något m h a begrepp eller bilder som tillsammans utgör en meningsfullhet Metaforer skrivbordsmetaforen, forum-metaforen, köpprocessen (kunvagn/kundkorg) etc

17 Skrivbordsmetaforen Utnyttjar användarens tidigare kunskap Skrivbordet Mappar Kan förvirra om den inte stämmer till 100% Papperskorgen på bordet E-postmetaforen (jmf. postgång) Fungerar när 2 korresponderar När flera gör det är mötesmetaforen bättre

18 Konceptuella modeller metaforiskt tänkande (att tänka i liknelser med ting) analogiskt tänkande (att tänka i liknelser med tidigare kunskaper och erfarenheter = överensstämmelsegraden ) ursprungsdomän källdomän tillämpningsdomän måldomän överlappningsgrad?

19 Konceptuella modeller Designerns och användarens konceptuella modell stämmer inte alltid överens Används olika mycket och på olika sätt Design Model Designer User s Model User System System image

20 Designprinciper Ge användaren feedback Vanligtvis genom olika typer av dialogrutor Felmeddelanden Systemets läge Processer Använd användares erfarenhet Utnyttja användarnas erfarenhet och förkunskaper

21 Designprinciper T ex för Användarhjälp Felmeddelanden Hjälp F1 Användardokumentation (manual) T ex för Användarfel Användare gör fel Vi kan inte styra det, men vi kan styra följderna Inga klagomål betyder inte inga problem Användare skyller på sig själva Försök att förutse tänkbara problem som kan uppstå Ctrl + z - Det bör vara möjligt att ångra ett val: underbart ;-) Styrande funktioner - bör inte användas i onödan

22 Systemorienterat felmeddelande

23 Användarorienterat felmeddelande

24 Designprinciper för t ex GUI... enligt CUA-standard MENYER Alla val i menyraden ska vara vägalternativ Menyvalen bör ges lämpliga sammanfattande namn Ordningen på menyvalen bör vara: Arkiv, Redigera, Vy, Tillval, Fönster, Hjälp I rullgardinsmenyn bör alternativen grupperas rätt Pop-up meny ska endast avse egenskaper för det aktuella objektet I vissa situationer ska otillgängliga kommandon skuggas Kommandon som följs av dialogrutor ska ha... efter sig Kommandon som följs av kaskadmeny ska ha pil efter sig Bakom vissa kommandon ska motsvarande tangentbordskombination anges

25 Designprinciper för t ex GUI... enligt CUA-standard forts. INMATNINGSFÄLT OCH LISTBOXAR Bakgrundsfärg på inmatningsfält bör skiljas från icke inmatningsfält Listboxar bör visa 6-8 alternativ och kompletteras med en rullningslist KNAPPAR OCH RUTOR Använd knappar då det endast finns få funktioner Frekventa funktioner kan tilldelas både knappar och menyval Visa defaultvärden på de vanligast förekommande alternativen Placera knappar med början längst ned i vänstra hörnet och endast på en rad FÄRGSÄTTNING OCH PLACERING Var konsekvent! Tänk på färgblinda!

26 Designprinciper. Inmatningsfält och listboxar

27 Designprinciper. Ikoner Ikoner är små bilder som används för att representera system objekt, verktyg osv. Den begränsade storleken gör det ofta svårt att skapa bra ikoner

28 Designprinciper. Awareness Indikatorer: External representations away not available mobile phone

Kommandobaserad interaktion

Kommandobaserad interaktion Interaktion 1 Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken) Kommandobaserad interaktion Kommandobaserad

Läs mer

Föreläsning 9: Gränssnittsdesign och webbdesign. Rogers et al. Kapitel 6

Föreläsning 9: Gränssnittsdesign och webbdesign. Rogers et al. Kapitel 6 Föreläsning 9: Gränssnittsdesign och webbdesign Rogers et al. Kapitel 6 Paradigm Handlar om en viss ansats inom en grupp På 80-talet designades användarcentrerade applikationer för enskilda användare framför

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

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

Föreläsning 9: Gränssnitt och webbdesign Föreläsning 9: Gränssnitt och webbdesign FSR: (1), 4, 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 160429 Gränssnitt och webbdesign 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt

Läs mer

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

Föreläsning 10: Gränssnitt och webbdesign Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 1501006 Gränssnitt och webb 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar

Läs mer

Design och Prototyping

Design och Prototyping Design och Prototyping 23/10 2002 Christina von Dorrien Läsanvisningar: Kap 2.3-2.6, Kap 8.1-8.3 Från analys till design Hur går man från analys- och krav dokument till en design av en produkt eller ett

Läs mer

Interaktionsdesign, grundkurs INTERAKTION 1

Interaktionsdesign, grundkurs INTERAKTION 1 Interaktionsdesign, grundkurs INTERAKTION 1 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Vad är interaktion? 1.

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

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

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

Föreläsning 7, Interak2on

Föreläsning 7, Interak2on Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas

Läs mer

Grafisk formgivning. Användarens checklista

Grafisk formgivning. Användarens checklista 1-1 Grafisk formgivning Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet Komponenter måste utformas och användas på ett konsekvent och enhetligt sätt.

Läs mer

Användarcentrerad Systemutveckling

Användarcentrerad Systemutveckling Användarcentrerad Systemutveckling Människadatorinteraktion (MDI) Inst. för informationsteknologi http://www.it.uu.se/edu/ course/homepage/hci/ ht10 Användarcentrerad systemutveckling, gränssnitt och prototyper.

Läs mer

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer. Interaktion 1 Boken Typer av interaktion (Kap 2.5) Typer av användargränssnitt (Kap 6.1-6.2) Översikt, navigering och orientering (ej i boken) Felhantering (kort på sid 138) OBS! Konkret interaktion är

Läs mer

Interaktionsdesign, designheuristik

Interaktionsdesign, designheuristik Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete

Läs mer

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

Läs mer

Människa-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011

Människa-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011 introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2011 Avdelningen för MDI, Informationsteknologi Användbarhet Kan jag

Läs mer

Grundläggande teori för användargränssnitt,del 2

Grundläggande teori för användargränssnitt,del 2 Grundläggande teori för användargränssnitt,del 2 Innehåll Översikt, navigering och orientering (ej i boken) Typer av användargränssnitt (Kap 6) Styrdon (ej i boken) Fitts lag (kort på sidan 527-528) Felhantering

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

Grundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5)

Grundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5) Vi håller på att fylla på den gröna delen! Grundläggande teori för användargränssnitt,del 2 Ergonomi kroppen Hörselsinnet Synsinnet Kognition perception Sociala och affektiva aspekter Human factors Användargränssnitt

Läs mer

Gränssnittsdesign. Design för användbarhet. Gränssnittsdesign - designheuristik

Gränssnittsdesign. Design för användbarhet. Gränssnittsdesign - designheuristik Gränssnittsdesign - designheuristik Vad påverkar designen? Vad ska man utgå från? Heuristik praktiska regler, tips och råd. Exempel (bra, dåliga) Gränssnittsdesign Vi ser arbetet med design av ett användargränssnitt

Läs mer

Föreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al.

Föreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al. Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas

Läs mer

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete

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

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

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

Analysfasen. Systemering med användarfokus

Analysfasen. Systemering med användarfokus Analysfasen Systemering med användarfokus ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering Suzana R (omarb från

Läs mer

Författare: Juha Söderqvist IT-GUI. Version 1.0. Datum

Författare: Juha Söderqvist IT-GUI. Version 1.0. Datum Författare: Juha Söderqvist IT-GUI Version 1.0 Datum 2017-08-18 Innehåll 1. Introduktion... 3 Human-computer interaction... 3 Grafiska användargränssnitt... 4 Operativsystem... 4 Xerox Alto Executive file

Läs mer

Föreläsning 4, Användbarhet, prototyper

Föreläsning 4, Användbarhet, prototyper Föreläsning 4 Användbarhet och prototyper Kapitel 5-7 i Stone et al. Mer om användbarhet Psykologiska principer avseende: Förväntningar En uppgift i taget Struktur för förståelse Känna igen eller komma

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

Föreläsning 8, Design

Föreläsning 8, Design Föreläsning 8: Design och prototyper FSR: 1, 4, 5, 6 Att läsa: Kapitel 11 i Rogers et al.: Interaction Design Översikt Konceptuell design (Fysisk design) Uppgiftsallokering Prototyper Typer av prototyper

Läs mer

Vad utmärker ett bra användargränssnitt?

Vad utmärker ett bra användargränssnitt? Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt

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

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 DAG: 5 mars, 2012 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.

Läs mer

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al.

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al. Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion Kapitel 5 (3) i Rogers et al. Översikt Human Action Cycle Konceptuella modeller Metaforer ikoner Emotionell design Antropomorfism Agenter

Läs mer

Användarmanual KTC MeView Lägenhetsinnehavare. Revision 4.0. Användarmanual KTC MeView. Lägenhetsinnehavare. Sida 1

Användarmanual KTC MeView Lägenhetsinnehavare. Revision 4.0. Användarmanual KTC MeView. Lägenhetsinnehavare. Sida 1 Användarmanual KTC MeView Lägenhetsinnehavare Sida 1 Innehåll Inledning... 3 Allmänt... 3 Tekniska förutsättningar... 3 Plug-in... 3 Upplösning... 3 Webbläsare... 3 Användaruppgifter... 4 Inloggning...

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

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Att kunna om perception och kognition Konceptuella modeller Metaforer Paradigm, teorier,

Läs mer

Föreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design

Föreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design Föreläsning 1: Interaktionsteknik, Introduktion Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design Interaktion SAOL: växelspel, samspel i umgänge Samspel med vad? med andra människor med saker?

Läs mer

Arbeta med bilder. Lathund kring hur du fixar till bilder från digitalkamera eller Internet så att de går att använda i ett kommunikationsprogram.

Arbeta med bilder. Lathund kring hur du fixar till bilder från digitalkamera eller Internet så att de går att använda i ett kommunikationsprogram. Arbeta med bilder Lathund kring hur du fixar till bilder från digitalkamera eller Internet så att de går att använda i ett kommunikationsprogram. Habilitering & Hjälpmedel Installera PhotoFiltre Att installera

Läs mer

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Innehåll Vad är TUI? Historia Massor med exempel Hur gör man? Problem och utmaningar Vad är TUI = Tangible User Interface? I bred mening Att ge fysisk form

Läs mer

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T Introduktion till kursen Människadatorinteraktion 10p 02-08-28 Maria Redström Patricija Jaksetic CR&T Dagens föreläsning: Kursadministration Introduktion till MDI Kursmoment Examination Designprinciper

Läs mer

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

Interaktion 1. Dagens föreläsning. Interaktionsmodeller Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt

Läs mer

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt

Läs mer

KURSMÅL WINDOWS STARTA KURSEN

KURSMÅL WINDOWS STARTA KURSEN KURSMÅL WINDOWS Detta är en introduktionskurs för dig som är nybörjare. Du kommer att få bekanta dig med datorns viktigaste delar och lära dig grunderna i operativsystemet Windows, vilket är en förutsättning

Läs mer

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete

Läs mer

Chaos om IT-projekt..

Chaos om IT-projekt.. Användarcentrerad systemutveckling, gränssnitt och prototyper. Lämplig extraläsning Gulliksen, Göransson: Användarcentrerad systemdesign, Studentlitteratur, kapitel: 4, 5, 6, 7, 8, 9 (Bredvidläsning) Syfte

Läs mer

Användaranalys och användbarhetskrav

Användaranalys och användbarhetskrav Från användaranalys och uppgiftsanalys till kravställning Föreläsning 18/9 2003 Kap 1.5, 7, 9, (14) (användaranlys och användbarhetskrav) Kap 2.1-2.2, 7, (14) (uppgiftsanalys och funktionalitetskrav) Förra

Läs mer

Chaos om datorprojekt..

Chaos om datorprojekt.. Systemutveckling och användbarhet Användarcentrerad systemutveckling, gränssnitt och prototyper. Referens till avsnitt i kursboken Dix kapitel 6 Gulliksen, Göransson: Användarcentrerad systemdesign, kapitel:

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

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap Interaktion 2 Innehåll Styrdon (ej i boken) Fitts lag (sidan 527-528) Natural user interfaces Kap 6.2.9, 6.2.11, 6.2.12 Kap 6.3-6.4 Styrdon Styrdon Tangentbord Pekdon Tangentbord QWERTY-layout QWERTY-layout

Läs mer

Vad utmärker ett bra gränssnitt?

Vad utmärker ett bra gränssnitt? Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I

Läs mer

Metodisk programutveckling

Metodisk programutveckling 2-1 Metodisk programutveckling Analys» krav analys - hur ska programmet användas?» domän analys - hur måste programmet vara strukturerat? Dialogmodellering» Dialogmodeller - Vilka fönster består dialogen

Läs mer

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

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

Läs mer

ANPASSA SKRIVBORDET i Pyramid Business Studio

ANPASSA SKRIVBORDET i Pyramid Business Studio ANPASSA SKRIVBORDET i Pyramid Business Studio Gäller version 3.38 Denna dokumentation, liksom den programvara som den beskriver, tillhandahålls under licens och får endast kopieras eller mångfaldigas i

Läs mer

Windows 8.1, hur gör jag?

Windows 8.1, hur gör jag? 2014 Windows 8.1, hur gör jag? Tor Stenberg Piteå Kommun 2014-03-28 1 av 13 Innehåll Hur jobbar jag med Windows 8.1... 2 Logga in... 2 Skrivbordet och programportal... 2 Logga ut och stänga datorn... 3

Läs mer

Vad vi pratade om förra gången. Fast med andra ord

Vad vi pratade om förra gången. Fast med andra ord Designprocessen 2 Vad vi pratade om förra gången Fast med andra ord Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design Hur samla in data och utvärdera

Läs mer

Skapa mapp. * Gör så här: Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande.

Skapa mapp. * Gör så här: Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande. Ideell IT-förening där äldre lär äldre Skapa mapp Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande. * Gör så här: 1. Se till att du befinner dig på den plats i datorn

Läs mer

ALEPH ver. 16 Introduktion

ALEPH ver. 16 Introduktion Fujitsu, Westmansgatan 47, 582 16 Linköping INNEHÅLLSFÖRTECKNING 1. SKRIVBORDET... 1 2. FLYTTA RUNT M.M.... 2 3. LOGGA IN... 3 4. VAL AV DATABAS... 4 5. STORLEK PÅ RUTORNA... 5 6. NAVIGATIONSRUTA NAVIGATIONSTRÄD...

Läs mer

Kortkommandon Allmänna i Windows 7

Kortkommandon Allmänna i Windows 7 n Allmänna i Windows 7 F1 CTRL + C CTRL + X CTRL + V CTRL + Z CTRL + Y DELETE SKIFT + DELETE F2 CTRL + HÖGERPIL CTRL + CTRL + NEDPIL CTRL + UPPIL CTRL + SKIFT med en piltangent SKIFT med en piltangent

Läs mer

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

Föreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al. Föreläsning 5 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från föregående föreläsning Användbarhetskrav att ta hänsyn till Användarnas förväntningar En uppgift i taget Struktur för

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

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc. Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

SÖKORD -Lägga till program i Autostart 35 -Ta bort program från Autostart 36 Avaktivera -Avaktivera Active Desktop 27 -Avaktivera personligt anpassade

SÖKORD -Lägga till program i Autostart 35 -Ta bort program från Autostart 36 Avaktivera -Avaktivera Active Desktop 27 -Avaktivera personligt anpassade SÖKORDSREGISTER A Active Desktop 17 -Lägg till ett Active Desktop-objekt 18 -Lägg till ett Active Desktop-objekt direkt från webbläsaren 20 -Flytta ett Active Desktop-objekt 21 -Låsa position på ett Active

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

Inställningstips. Visuella anpassningar Windows 10 2015-08-06

Inställningstips. Visuella anpassningar Windows 10 2015-08-06 Inställningstips Visuella anpassningar Windows 10 2015-08-06 Innehåll Inledning... 3 Anpassa bildskärmen... 4 Ändra storlek för text, appar och andra objekt... 4 Ändra muspekare och markör... 6 Egenskaper

Läs mer

Design för användbarhet

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

Läs mer

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman Design och krav Henrik Artman >>Ett av skälen till att projektet inte höll tidplan och budget var [beställarens] höga ambitionsnivå. Dessutom skulle man gjort en stordel av arbetet självt, men en del av

Läs mer

Interaction Design. Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling

Interaction Design. Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling Interaction Design Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling Innehåll Resultat Metodarbete Lärdomar Resultat Monokrom 94 96 pixlar Resultat Resultat Resultat Resultat Resultat

Läs mer

Formulär, textsträngar och en del annat

Formulär, textsträngar och en del annat 1ME322 Webbteknik 2 Lektion 6 Formulär, textsträngar och en del annat Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me322 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda JavaScript Interaktion

Läs mer

Att skapa egna konferenser i FirstClass

Att skapa egna konferenser i FirstClass Att skapa egna konferenser i FirstClass Som lärare har man behörighet att skapa egna konferenser i FirstClass förutom de som skapats centralt av skolledning och datagruppen. Man kan sedan välja vilka användare

Läs mer

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet 1-1 Grafisk formgivning Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet Komponenter måste utformas och användas på ett konsekvent och enhetligt sätt.

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

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB Kom igång med Windows 8 www.datautb.se DATAUTB MORIN AB Innehållsförteckning Grunderna i Windows.... 1 Miljön i Windows 8... 2 Startskärmen... 2 Zooma... 2 Snabbknappar... 3 Sök... 4 Dela... 4 Start...

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

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

Operativsystem - Windows 7

Operativsystem - Windows 7 Uppgift 5 B Operativsystem - Windows 7 Skapa mappar och undermappar Det finns olika sätt att skapa nya mappar på. Alternativ. Högerklicka på en tom yta. Håll muspekaren över Nytt. Klicka på Mapp Alternativ.

Läs mer

Kognition & Konceptuell design. Kognition 9/17/2014

Kognition & Konceptuell design. Kognition 9/17/2014 Kognition & Konceptuell design Kognition Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskap och kognitiv psykologi syftar till att beskriva och förstå hur tänkande

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

Nyheterna i Visma Tendsign 4.0

Nyheterna i Visma Tendsign 4.0 Användarmanual Nyheterna i Visma Tendsign 4.0 Uppdaterad 2014-05-21 VISMA COMMERCE AB +46 13 47 47 500 tendsignsupport@visma.com www.tendsign.com Innehållsförteckning 1. Visma TendSign 4.0... 2 2. Grafiskt

Läs mer

Kom igång guide till Notebook 10.0

Kom igång guide till Notebook 10.0 Kom igång guide till Notebook 10.0 Introduktion SMART Board är en interaktiv skrivtavla som du använder tillsammans med en dator och en projektor Datorn skickar en bild till projektorn Projektorn visar

Läs mer

Workshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5

Workshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5 Workshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5 Steg 1.1 Sammanfattningen av diskussionen är att strukturen på en sida bör vara till största del i balans, symmetrisk, reguljär, förutsägbar och

Läs mer

ANVÄNDARGUIDE. ViTex

ANVÄNDARGUIDE. ViTex ANVÄNDARGUIDE ViTex ViTex snabbguide 1. Inläsning till ViTex från inskannat dokument via kopiatorn 2. Uppläsning i ViTex 3. Navigation & Zoner 4. Ändra inställningar 5. Kontakt och Support 1. Inläsning

Läs mer

Microsoft. Windows 7 Grundkurs

Microsoft. Windows 7 Grundkurs Microsoft Windows 7 Grundkurs Innehållsförteckning 1 Börja arbeta med Windows...7 Operativsystem och program... 7 Utgåvor av Windows 7... 7 Mushantering... 8 Vänsterknappen... 8 Högerknappen... 8 Övriga

Läs mer

PP7Mobile User s Guide

PP7Mobile User s Guide PP7Mobile User s Guide PP7 Mobile är en del i PP7s produktserie och är beroende av PP7 Pro Desktop för att fungera. Modulen är optimerad för användning på mobiltelefon och/eller tablet. För användning

Läs mer

Design av användargränssnitt

Design av användargränssnitt Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska rekommendationer - Heuristik Exempel på bra och mindre bra design Vad är ett användargränssnitt?

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

Inställningstips Windows 10

Inställningstips Windows 10 @ Inställningstips Windows 10 2015-08-13 För att anpassa din dator med Windows 10. 1. Navigera till Skrivbordet (Windows+D) och höger-klicka med musen: 2. Tryck pil ner till Anpassa 3. Tryck Enter Inställningstips

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

1 Kursmaterialets Uppläggning... 4 2 Kursmaterialets Utformning... 5 3 Installation av Övningsfiler... 6. 1 PC:n en Beskrivning...

1 Kursmaterialets Uppläggning... 4 2 Kursmaterialets Utformning... 5 3 Installation av Övningsfiler... 6. 1 PC:n en Beskrivning... Innehåll Kapitel 1 Läs Detta Först 1 Kursmaterialets Uppläggning... 4 2 Kursmaterialets Utformning... 5 3 Installation av Övningsfiler... 6 Kapitel 2 Introduktion till Datorn 1 PC:n en Beskrivning... 12

Läs mer

Dessa tre fönster kan enbart visas i datavyn, inte i layoutvyn. Det är också möjligt att ha flera fönster öppna samtidigt.

Dessa tre fönster kan enbart visas i datavyn, inte i layoutvyn. Det är också möjligt att ha flera fönster öppna samtidigt. Fönstermenyer februari 2010 I ArcMap finns ytterligare tre sätt att visa geografiskt data i din karta: genom ett förstoringsglas, ett visningsfönster och ett översiktsfönster. I fall där du inte vill ändra

Läs mer

Länk till modulen Skapa Filarkiv

Länk till modulen Skapa Filarkiv Dokumenthantering i Ping Pong: åhörarkopior I denna modul går du igenom hur funktionen Dokument fungerar i PING PONG och hur den skiljer sig från Filarkivet. Du får också en genomgång av hur du laddar

Läs mer

Utveckling och utvärdering av gränssnitt - En gränssnittsprototyp för design av t-shirtar

Utveckling och utvärdering av gränssnitt - En gränssnittsprototyp för design av t-shirtar Utveckling och utvärdering av gränssnitt - En gränssnittsprototyp för design av t-shirtar Sebastian Johansson Rodrigo Vives Caballero EXAMENSARBETE 2006 ÄMNE INTERNETTEKNIK Postadress: Besöksadress: Telefon:

Läs mer

Kognition & Konceptuell design

Kognition & Konceptuell design Kognition & Konceptuell design Kognition Kognition Ni kommer läsa en hel kurs om kognition i tvåan Därför kommer vi bara skrapa lite på ytan i denna föreläsning Kapitel 3 har en mindre viktig roll i kursboken

Läs mer

Hur kan informationen kodas bättre? Förbättrad design. Ytterligare förbättringar. Läsbarhet och Layout. Alignments. Informationskodning

Hur kan informationen kodas bättre? Förbättrad design. Ytterligare förbättringar. Läsbarhet och Layout. Alignments. Informationskodning Design av användargränssnitt Jan Gulliksen Skärmdisposition och layout Skärmytan är en begränsad resurs Behövs verkligen all information som finns på sidan? Hellre för mycket information än för lite Samtidig

Läs mer

3.5 Visuell programmering

3.5 Visuell programmering 3.5 Visuell programmering Alla våra program hittills har varit C# Console Applications (sid 41) inkl. programmet MessageBox fast det genererade en grafisk meddelanderuta. Nu vill vi utnyttja grafikens

Läs mer

Nyheter i PowerPoint 2010

Nyheter i PowerPoint 2010 Nyheter i PowerPoint 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet.

Läs mer

Datakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson

Datakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson Thor Stone Education Datakurs, grund (Windows 7) 1 Efter att du slagit på strömmen till datorn och den har laddat in operativsystemet (Windows), visas skrivbordet på skärmen. Det som visas på skrivbordet

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