Prosjektrettet systemarbeid Tema Brukergrensesnitt Hsten 2008 Lrere Tore

Prosjektrettet systemarbeid Tema: Brukergrensesnitt Høsten 2008 Lærere: Tore Mallaug, Kjell Toft Hansen

Tema for dagen er… l l l l l Hovedmål Hva er systemering? Nøkkelfaktorer Formål Systemanalytikerens rolle Informasjonssystemets ulike deler Systemutvikleren som en koordinator Hvorfor systemutvikling? Hva er systemutvikling? 10/31/2020 l l l Viktige begreper i systemutvikling Modell, metode, teknikk, verktøy Systemutvikling eller programvareutvikling Systemutviklingsprosjekt Livssyklusmodeller Forstudiet, analysefasen, designfasen, innføringsfasen ©Kjell Toft Hansen 2

Hva er HCI og MMI? l Human Computer Interaction (HCI) eller Menneske-Maskin-Interaksjon (MMI) l En fagdisiplin som omfatter design, evaluering og implementering av interaktive informasjonssystemer for menneskelige bruk og studiet av de viktigste fenomener som omgir disse systemene. l Et fagområder som bidrar til forståelsen av samspillet mellom mennesker, maskiner og organisasjoner. 10/31/2020 ©Kjell Toft Hansen 3

Hva omfatter HCI (MMI)? 10/31/2020 ©Kjell Toft Hansen 4

MMI er tverrfaglig Dataspråk Kunstig intelligens Systemutvikling Sosialpsykologi Matematikk Sosiologi Organisasjonspsykologi 10/31/2020 Kognitiv psykologi Menneske-Maskin-Interaksjon Ergonomi ©Kjell Toft Hansen 5

Kognitiv psykologi l Hvorfor trenger vi kunnskaper om kognitiv psykologi? l l l 10/31/2020 Vi lærer hva vi kan forvente at brukerne gjør Det blir lettere å forklare og identifisere årsakene til de problemene som oppstår Fagområdet bidrar til standarder, metoder for testing og modeller for å forutsi brukerens oppførsel ©Kjell Toft Hansen 6

Kognitiv psykologi l Kognitiv psykologi omhandler hvordan mennesket: l l l tilegner seg informasjon gjenfinner informasjon organiserer informasjon assosierer informasjon utnytter informasjon Kognitiv psykologi er studiet omkring: l l 10/31/2020 læring, lagring og glemsel koding kontekstinnvirkninger oppmerksomhet ©Kjell Toft Hansen 7

Kognitiv psykologi • Persepsjonspsykologi: – – 10/31/2020 Studiet omkring sansene og hvordan disse prosesserer informasjon Inkluderer anatomi, psykologisk neurologi og informasjonsprosesseringskarakteristika ©Kjell Toft Hansen 8

Brukergrensesnitt • Brukergrensesnitt = Graphical User Interface (GUI) • • • Det grensesnittet som gjør at en bruker kan kommunisere med maskiner Synlige bilder på skjermen som f. eks. vinduer, menyer, meldinger, hjelpefunksjoner, etc. Brukerdokumentasjon Brukergrensesnitt 10/31/2020 ©Kjell Toft Hansen Indre deler av datamaskinen 9

Systemanalytikerens rolle l l l En meget sentral person i systemutviklingsprosessen Må ha forståelse for en organisasjons mål, struktur og prosesser Må ha kunnskap om å utnytte informasjonsteknologi slik at det gir fordeler i virksomheten 10/31/2020 ©Kjell Toft Hansen 10

Model Human Processor (MHP) 10/31/2020 ©Kjell Toft Hansen 11

MHP – enkel respons OPPGAVE: Når et symbol kommer opp på skjermen skal brukeren trykke J tasten på tastaturet. Antar at hendene er på tastaturet. T = 0. Dvs. symbolet kommer opp på skjermen 10/31/2020 ©Kjell Toft Hansen 12

MHP – enkel respons T = Tp. Dvs. symbolet er overført til VIS av den perseptuelle prosessor P og flyter (omkodet) etter en kort tidsforsinkelse inn i WM. 10/31/2020 ©Kjell Toft Hansen 13

MHP – enkel respons T = Tp+Tk. Dvs. den kognitive prosessor K registrerer stimulus i WM og initiere respons (trykk J) 10/31/2020 ©Kjell Toft Hansen 14

MHP – enkel respons T = Tp+Tk+Tm. Dvs. motorkommando (respons) utføres av motorprosessoren. Dermed blir svaret på reaksjonstiden T = 240 ms. 10/31/2020 ©Kjell Toft Hansen 15

Magisk tall: 7 +/- 2 l l l 73551783 73 55 17 83 Kan du huske: l l Vfgnh 76 dks 54 bcg Hvor mange grupperinger i: l 10/31/2020 www. bestbookbuys. com ©Kjell Toft Hansen 16

Gjenkjenning vs. hukommelse l Hvorfor er en flervalgstest lettere enn en skriftlig prøve? l l l Flervalgstest: Kan gjenkjenne svaret Skriftlig prøve: Må huske svaret Et brukergrensesnitt gir oss mulighet til å gjenkjenne kommandoene i en meny, i stedet for å huske dem slik som i DOS og UNIX 10/31/2020 ©Kjell Toft Hansen 17

Brukerens tålmodighet l Hvor hurtig må et system respondere før brukerens tålmodighet er slutt? Responstid Brukerreaksjon < o, 1 sek < 1 sek Virker øyeblikkelig Merker forsinkelsen, men mister ikke fatningen > 10 sek Skifter til en annen oppgave 10/31/2020 ©Kjell Toft Hansen 18

Mentale modeller og metaforer l Hvordan bruker mennesker kunnskapen til å forstå eller lage forutsigelser omkring nye situasjoner? l l Mennesker lager mentale modeller. Kan ikke ignorere brukernes mentale modeller. Bruker testing for å avdekke brukernes mentale modeller. Metaforer - Et uttrykk som brukes i overført eller billedlig betydning. l 10/31/2020 Bruk av ikoner eller tilsvarende gjør gjenkjenning lettere. ©Kjell Toft Hansen 19

Syn l l Øyet tar i mot informasjonen, hjernen tolker informasjonen To hovedfaktorer: l l Lysintensitet Farge (bølgelengde) Fortolkningen i hjernen bestemmer hva vi ser Optiske illusjoner er et resultat av hjernens fortolkning 10/31/2020 ©Kjell Toft Hansen 20

Illusjoner Kan du se dette som et tredimensjonalt bilde? 10/31/2020 ©Kjell Toft Hansen 21

Hvor mange terninger 10/31/2020 ©Kjell Toft Hansen 22

Farger l Farge bli bestemt i forhold til følgende faktorer: l l l 10/31/2020 Fargetone Lysintensitet Metning ©Kjell Toft Hansen 23

Fargesirkel 10/31/2020 ©Kjell Toft Hansen 24

Synlig fargespekter 10/31/2020 ©Kjell Toft Hansen 25

Hvorfor bruke farger l l l Estetisk tiltrekkende. Øke effektiviteten Ekstra koding. Lettere å huske. Kan lett bli misbrukt. 10/31/2020 ©Kjell Toft Hansen 26

Fargeharmonier l Monokromatisk: l l Komplementær: l l Farger overfor hverandre i fargesirkelen. Analog: l l Samme farge men forskjellig lysstyrke og metning. Farger som ligger ved siden av hverandre på fargesirkelen. Triade: l 10/31/2020 Farger som utgjør et triangel på fargesirkelen ©Kjell Toft Hansen 27

Monokromatiske farger Alle er blå 10/31/2020 Alle er oransje ©Kjell Toft Hansen 28

Komplementære farger 10/31/2020 ©Kjell Toft Hansen 29

Analog – lys oransje, mørkere guloransje og lys gul 10/31/2020 ©Kjell Toft Hansen 30

Triade – rød, gul og blå 10/31/2020 ©Kjell Toft Hansen 31

Tekst og bakgrunnsfarger for lesbarhet l Regel 1: l l Regel 2: l l Bruk passende kontrast Ikke bruk for mye, sort og hvit har for mye kontrast Regel 3: l 10/31/2020 Mørk tekst på lys bakgrunn, ikke lys tekst på mørk bakgrunn ©Kjell Toft Hansen 32