F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203...

9
Patric Dahlqvist 1 Patric Dahlqvist 1 2I1029 Människa DatorInteraktion Föreläsning 5, 25/4-04 Interaktionsstilar och Multi- & Hypermedia Patric Dahlqvist 2 Vadå Design? de,signa [-saj’na] v. –de formge, [SAOL] design v 1(A) to decide how something will look,work, etc. … [Oxford] Patric Dahlqvist 3 Interaktionsstilar

Transcript of F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203...

Page 1: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 1

Patric Dahlqvist 1

2I1029Människa DatorInteraktionFöreläsning 5, 25/4-04

Interaktionsstilar ochMulti- & Hypermedia

Patric Dahlqvist 2

Vadå Design?de,signa [-saj’na] v. –de formge, [SAOL]design v 1(A) to decide how something will look,work, etc. … [Oxford]

Patric Dahlqvist 3

Interaktionsstilar

Page 2: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 2

Patric Dahlqvist 4

Interaktionsstilar (aktiviteter)

InstrueraKonverseraManipulera och NavigeraUtforska och ”Skumma”

Patric Dahlqvist 5

Interaktionsstilar (objekt)KommandobaseratFormulärFråga - Svar

MenyerDirektmanipulationNaturligt språk

Patric Dahlqvist 6

Kommandobaserat

Page 3: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 3

Patric Dahlqvist 7

Formulär

Patric Dahlqvist 8

Fråga - Svar

Patric Dahlqvist 9

Menyer

Page 4: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 4

Patric Dahlqvist 10

Direktmanipulation

Patric Dahlqvist 11

Direktmanipulation

Kontinuerlig representation av objektFysiska/konkreta handlingar istället för komplicerad syntaxSnabba, inkrementella, reversibla operationer som syns

Patric Dahlqvist 12

Naturligt språk

Hur gör man för att få bokstäverna att bli större?

Du kan öka fonten genom att ….

Page 5: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 5

Patric Dahlqvist 13

Fönster

Patric Dahlqvist 14

Fönster

Patric Dahlqvist 15

Multimedia

Kombination av 2 eller flera medierav vilka ett är diskretoch ett är kontinuerligt.Interaktion är nödvändig.

( )

Page 6: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 6

Patric Dahlqvist 16

Klassifikation av mediatyper

Skapad i datorn

Diskret

Fångad från verkligheten

Kontinuerlig

Stillbilder

TextGrafik

Ljud Rörliga bilder Animeringar Ljud

Patric Dahlqvist 17

Val av medium.

Patric Dahlqvist 18

Färger

Page 7: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 7

Patric Dahlqvist 19

Fler Färger

GUL, BLÅ, RÖD, LILA, BEIGE, SVART

GUL, BLÅ, RÖD, LILA, BEIGE, SVART

Patric Dahlqvist 20

Ljud

Patric Dahlqvist 21

Lexivisuellpresentation

DN 98030203

Page 8: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 8

Patric Dahlqvist 22

Hypermedia

Icke-linjär mediaHypertext – icke-linjär text

1945 - Vannevar Bush - Memex

c 1965 Douglas Engelbart, Ted Nelson Augment - Xanadu

1966 IBM system 1500 - ett mm- system för utbildning

1969 - 1985 Plato-systemet, Ticcit mfl system

1987 Notecards - Xerox Parc

1988 Hypercard - Atkinson

Patric Dahlqvist 23

Lost in hyperspaceLoggarGuidade turerEgna bokmärken "Fyrar””Browsers”SökmotorerFramesAndra människor

Patric Dahlqvist 24

Dugga

EX.Design for errors innebär att:a) man utgår från att designern gör fel i utvecklingsarbetet.

b) man designar så att det går att göra fel i programmet utan att det leder till storaproblem för användaren.

c) man analyserar vilka fel användaren oftast gör, för att kunna göra bättre lösningar i framtiden.

Page 9: F.rel.sning 5 med anteckningar - people.dsv.su.sepatricd/F_rel_sning_5.pdfpresentation DN 98030203 Patric Dahlqvist 8 Patric Dahlqvist 22 Hypermedia ¾Icke-linjär media ¾Hypertext

Patric Dahlqvist 9

Patric Dahlqvist 25

Varje fråga har ett och endast ett rätt svar!Skrivtid minst till 08.15 och max till 08.45Ringa in bokstaven till vänster!Duggan består av 20 frågor. Varje fråga har tre svarsalternativ. Ringa in det alternativ (a, b eller c) som du anser vara det rätta svaret på frågan. Kom ihåg att fylla i namn och personnummer!Maximal poäng är 20. För betyget G erfordras minst 12 poäng.Inga hjälpmedel tillåtna!Poängsättning:Korrekt svar: 1p

Fel svar: -0,5pInget svar: 0p