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
- Slides: 32