16
1 Design och konstruktion av anv ändargränssnitt 1MD113 Design och konstruktion av användargränssnitt (distans) ”Gulan” Jan Gulliksen professor Jan. Gulliksen@hci . uu .se HCI(Uppsala Universitet) 05-03-18 Interaktionsdesign Informationsteknologi Institutionen för informationsteknologi Avdelningen för Människa- datorinteraktion (MDI) Mänsklig styrning av komplexa processer T. ex. Tåg- och båtstyrning Användbarhet och Användarcentrerad systemdesign T. ex. Processer, roller och metoder Designmetoder T. ex. Medicinsk informatik, Mobilt arbete Uppsala Universitet Institutionen för Informationsteknologi

Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

1

Design och konstruktion av anv ändargränssnitt 1MD113

Design och konstruktion avanvändargränssnitt (distans)

”Gulan”Jan Gulliksen

professor

[email protected](Uppsala Universitet)

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Avdelningen för Människa-datorinteraktion (MDI)

Mänsklig styrning av komplexa processerT. ex. Tåg- och båtstyrning

Användbarhet och Användarcentrerad systemdesignT. ex. Processer, roller och metoder

DesignmetoderT. ex. Medicinsk informatik, Mobilt arbete

Uppsala UniversitetInstitutionen för Informationsteknologi

Page 2: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

2

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Mänsklig styrning avhöghastighetsbåtar

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Page 3: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

3

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Page 4: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

4

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Page 5: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

5

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Page 6: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

6

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Användbarhet och Användarcentreradsystemdesign

Designförslagmed prototyper

Utvärderingmed mätningar motanvändbarhetsmål

Återkoppling medförslag tillförändringar

Analys av användarna,arbetsuppgifteroch användningssammanhang

Användarfokus, mätbar användbarhet

och iterationer

Page 7: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

7

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Process framför produkt

Navigation

with work

task buttons

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Page 8: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

8

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

”Ronden”

Krankenhaus Salem Onkologische DiagnostikDeutsches Krebsforschungszentrum

Page 9: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

9

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Nuklearmedicin

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Design och konstruktion avanvändargränssnitt

Grundläggande introduktion till MDI

5 poäng

Praktiskt projektarbete (Analys-Design-Utvärdering)

Gästföreläsningar

Skriftlig Tentamen

Page 10: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

10

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Kursansvarig

Jan Gulliksen, Avd. för Människa-datorinteraktion, Uppsala universitet.

Lägerhyddsvägen 2, hus 1, rum 153

E-post: [email protected]

Tel: 018-471 2849 (Vidarekoppling skertill mobiltelefon)

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Övriga lärare och gästföreläsare

Åsa Cajander, doktorand MDI, kursammanuens

Lars Oestreicher, fil. lic., systemvetare, DIS, UU

Iordanis Kavathatzopoulos, docent,kognitionspsykolog, MDI

Prel. Bo Westerlund, designer, CID, KTH

Prel. Nils-Erik Gustafsson, Konsult Raffinaderiet

Bengt Sandblad, professor, teknolog, MDI

Erik Borälv, fil. lic., datalog, MDI

Stefan Seipel, professor, teknolog, MDI

Prel. Carl Åborg, arbetsmiljöpsykolog, Örebrouniversitet

Page 11: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

11

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Kurswebb

Kursmaterial, läsanvisningar, OH-bilder, resultat, etc.kommer fortlöpande att publiceras på kursenswebbplats

http://www.it.uu.se/edu/course/homepage/hcidist/vt05

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Kurslitteratur

Benyon, D., Turner, P. & Turner, S. (2005)

Designing Interactive Systems

Pearson education

Boken är beställd och finns

på Akademibokhandeln och

Studentbokhandeln.

Page 12: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

12

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Kompletterande litteratur

Användarcentrerad systemdesign (2002) av Gulliksen och Göransson, Studentlitteratur

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Kursupplägg

Användbarhet, datorstöd i arbetslivet Människa-datorinteraktion Kognitionspsykologi Kognitiva arbetsmiljöproblem Gränssnittsdesign Användbarhet och användarcentrerad

systemutveckling Mycket praktiska exempel

Page 13: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

13

Design och konstruktion av anv ändargränssnitt 1MD113

Projektuppgift

Åsa Cajander,doktorand och

amanuens på kursen

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Delmoment i projektarbetetDel 1: Uppgiftsanalys och OLE-analys.Inlämnat 6 april, genomgång 8 april

Del 2: Design av prototyp för att stödja arbetsuppgiftensamt ett kort scenario. Dokumentera designen med QOC-teknik. Lämpligt att minst 50 % av projekttiden går åt till del2.

Inlämnat 11 maj, genomgång 13 maj

Del 3: Utvärdering av prototypen. Här utvärderar manvarandras prototyperInlämning 25 maj, genomgång 27 maj

Del 4: Modifiera och bemöt kritiken som framkommit iutvärderingen.Inlämning tentamensdatum

Page 14: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

14

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Skriftlig redovisning på webben

Allt arbete ska fortlöpande redovisas på webben.

Loggbok

Om sidorna endast kan visas med Internet Explorer, Netscape osvska detta framgå

html-dokument eller PDF

Spara mycket information längs med vägen

Skriv namn, datum och versionsnummer på alla skisser

Design och konstruktion av anv ändargränssnitt 1MD113

Frågor och hjälp underprojektarbetet

Frågor skickas direkt till Åsa Cajander företrädesvisvia mail [email protected] , eller vid akuta

fall, tel 070-425 0786

Page 15: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

15

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Projektarbete

Individuellt eller i grupper

Projektredovisning (projekthemsida)

Välj bland uppgifterna eller konstrueraegen uppgift (Gärna från den egnaverksamheten)

Viktigt att uppgiften är begränsad, attden inte redan är slutförd och att deninte är sekretessbelagd.

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Kursens målsättning

Att skapa förståelse för vad som gördatorsystem användbara och hur manskall gå tillväga för att konstrueraanvändbara system.

Ni styr innehållet genom frågor ochönskemål

Page 16: Design och konstruktion av användargränssnitt (distans) · Interaktionsdesign 05-03-18 Informationsteknologi Institutionen för informationsteknologi Kursupplägg Användbarhet,

16

Ins

titu

tio

ne

n f

ör

info

rma

tio

ns

tek

no

log

i

05-03-18Interaktionsdesign

In

form

ati

on

ste

kn

olo

gi

Institutionen för informationsteknologi

Vad är användbart och varför?

“Världens mest användbara väckarklocka“

Minskad söktid från 6 tim. till 3 min.

Hur mycket kan man spara?

Datorisering av Svenska sjukvården

Mobiltelefon, video - dataspel