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



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

Föreläsning 7, Interak2on

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

Handlande, metaforer och interaktionsstilar

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception

Grundläggande teori för användargränssni3, del 1

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

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

Kommandobaserad interaktion

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.

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

Användbarhet för webben MDI, Webb och speciella behov 1

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.

Dokument i klassens aktivitet

Kognition. Kognition, interaktion och användare. Överblick - kognition. Data-information-kunskap. Nivåer av kognition. Dä ä bar å åk.

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

Användarcentrerad design Interak3on och informa3on

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se

Designkoncept och gränssnittsmetaforer

Principer för interaktionsdesign

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet?

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet?

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

Föreläsning 5 Konceptuell design och designprinciper

Teknik, principer, metaforer och modeller Lars Oestreicher

ORDNA DINA BILDER. Var finns bilderna Var bör de finnas

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

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

Grunder. Grafiktyper. Vektorgrafik

Människan och Tekniken. Fö 3 Människan och tekniken. Perception. Visuell perception

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

Att skriva inlägg i Spelmansgillets bloggar hos Blogspot/Google

Människa-datorinteraktion. Innehåll. Forts. Teknik, principer, metaforer och modeller Bengt Sandblad

förmågor är begränsade. Hur kan vi Ok, vi vet att människans kognitiva underlättar interaktionen?

Boken. Kap Kap 11.3

Kognition crash course

Tillämpad programmering CASE 1: HTML. Ditt namn

Lathund Claro Read Plus

Representationer. Henrik Artman KTH

Människa-datorinteraktion. Innehåll. Teknik, principer, metaforer och modeller Bengt Sandblad

Vad påverkar designen?

Interaktionsdesign, grundkurs INTERAKTION 1

Föreläsning 2. Operativsystem och programmering

Läsa med stöd av talsyntes

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker

Designmetodik. Systemering med användarfokus Malin Pongolini

Sociala medier för företag

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

Optisk bänk En Virtuell Applet Laboration

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.

Följande program utvecklades av BITTECH. De flesta såldes via Elevdata, Frölunda Data och VetaMer. De finns inte längre till försäljning.

Inställningstips. Visuella anpassningar Windows

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande

Grafiska användargränssnitt

Kognition & Konceptuell design

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al.

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Kognition, interaktion och användare. Översikt. Kognition. Henrik Artman. Introduktion till kognitionsvetenskap

KURSMÅL WINDOWS STARTA KURSEN

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

SMD084 lp människa/datorinteraktion. Del II Programmeringens matematiska grunder. Del I - Lektionsplanering. Del II Lektionsplanering

F15 Tillgänglighet/Accessibility Dagens agenda

Fördelar med Web- baserade utbildningar har revolu6onerat kunskapsutvecklingen.

Depression Hur kan man förstå depression ur e9 inlärningsperspek=v? Ak=vitet som behandling. De press

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

Kommentarer till MDI tentamen

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

DESIGNDOKUMENT 1(8) 1. Idé & koncept. Grundidé, syfte & innehåll. Målgrupp, koncept & sammanhang

Prisma Västra Götaland

Sidpanelen och gadgetar De är nya. De är smarta. Lär dig hur du använder dem.

Skillnader mellan design för tryck och webbdesign

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

Ja, men resultatet blir inte lika bra. Det är att skapa genvägsikoner. Se anvisningar nedan:

TDDC77 Objektorienterad Programmering

Interak(on 3. - Fi/s lag, interak(onsanalys och nya typer av interak(on

En bok om hur vi tillsammans ska få fler i vår omvärld att upptäcka hur fantastiska Sveriges nationalparker är.

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca

Att bygga enkla webbsidor

För mycket information! Att presentera vetenskap. Målet med föreläsningen. Planera din presentation besvara dessa frågor: Presentationens struktur

Eleverna i Kallingeskolan F-6 har gjort en egen tolkning av likabehandlingsplanen

Mattekungen åk 6-9 vers. 1.0

aktivitetsfältet Mozilla Firefox Internet Explorer Google Chrome Safari

Instruktion Tibropresentation i powerpoint

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

EasyProducer Kom igång guide

Datavetenskap. Beteendevetenskap MDI. Design

ViTex snabbguide. 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument

Användbarhet. Bryt rätt regler. Nils Ehrenberg

Nya funktioner i InPrint 3

Barnonkologi ur e% sjukgymnas.skt perspek.v

Det numeriska tangentbordet

Ordna dina bilder Åke Wilhelmsson 20 mars Några synpunkter och förklaringar innan du börjar organisera om dina bilder

Manual Produktion av presentationssynkar med PowerPoint och Producer

Föreläsning 8, Design

Vad är kognition? Kognition relation till förväntningar. Kognition, interaktion och användare. Översikt. Kognition

Resultat av kursvärdering

Windows 8.1, hur gör jag?

Datorn som Pedagogiskt Verktyg

Transkript:

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/ gående Handicap olägenhet orientering/mobilitet MDI, Webb och speciella behov 2 060914

AngreppssäK MDI, Webb och speciella behov 3 060914

Webben: Syn Färgblindhet Ej absolut textstorlek Kontrast mellan text och bakgrund Ordning och struktur Rubriker för snabb överblick MDI, Webb och speciella behov 4 060914

Bilder mm. ALT akribut välj text noga dekora9onsbilder förses med tom ALT tag logotyper, e[er funk9on Ljudlänkar, mul9mediapresenta9on osynlig bild för ak få med ALT MDI, Webb och speciella behov 5 060914

Hörsel Videopresenta9on textade Varningssignaler och annat inte enda källan 9ll varning MDI, Webb och speciella behov 6 060914

Kogni9va problem Särskilt fokus på struktur ordval omfakning Dyslexi rubriker för snabb överblick överseende sökmotorer, stavningsförslag länktexter, inte klicka här MDI, Webb och speciella behov 7 060914

Rörelsehinder Musoberoende interak9on Specialanpassad inmatning MDI, Webb och speciella behov 8 060914

Allmänt 10 20% av befolkningen har speciella behov Men tekniker och interak9onss9lar är också användbara vid 9llfälliga behov 24 9mmarswebben: hkp://www.verva.se/publika9oner/ och klicka vidare MDI, Webb och speciella behov 9 060914

Human Ac)on Cycle 080418 Interak9onsteknik 10

Norman om konceptuella modeller DESIGN MODEL USER S MODEL DESIGNER USER SYSTEM SYSTEM IMAGE 11 040903

Metaforer och analogier metafor bildligt ukryck, t.ex. en het diskussion analogi motsvarighet, likhet, parallell 12 040903

Metaforer i gränssnik Likheter med fysiskt objekt, även egenskaper t. ex. skrivbordsmetaforen Handlingar eller objekt Fler exempel Nätet E post Mappar Webbshopping 13 040903

Fördelar med metaforer UnderläKar inlärning, ger snabb förståelse för nya företeelser LäKare ak bygga vidare på känt koncept än ak skapa ek helt nyk Hjälper användare ak förstå den underliggande konceptuella modellen Bidrar 9ll terminologi Kan fungera som inspira9on i designsitua9oner 14 040903

Problem med metaforer Kan bryta mot konven9oner och kulturella regler papperskorgen på skrivbordet Användarens förståelse för systemet kan begränsas 9ll metaforen, vilseledande Metaforen måste vara analog med problemets struktur för ak fungera bra Kan utgöra en begränsning för designers i föreställningar om problemrummet Kan gå emot designprinciper Dålig design förs över i onödan 15 040903

Interak9onss9lar, historiskt Omkopplare Assembler Högnivåspråk Kommandospråk Grafiska användargränssnik På väg mot VR i 3D Interak9onss9lar 16 070918

AK välja interak9onss9l handlar om hur man realiserar/implementerar systemets funk9onalitet ak välja ek säk ak konkre9sera designen beror av uppgi[, sammanhang, utrustning Interak9onss9lar 17 070918

Interak9onss9lar Kan delas in i: kommandospråk menyer frågor och svar formulärifyllning naturligt språk direktmanipula9on gester Interak9onss9lar 18 070918

Naturligt språk alla kan det, ingen inlärning tekniskt forgarande inte perfekt tal får inte förutsäka ak man måste hålla saker i minnet vill vi diskutera med en maskin? Interak9onss9lar 19 070918

Direktmanipula9on: kännetecknas av kon9nuerlig representa9on av aktuellt objekt snabba reversibla opera9oner vars inverkan på objektet omedelbart blir synlig komplex kommandospråkssyntax byts ut mot direktmanipula9on av aktuellt objekt genom knapptryckningar eller andra fysiska handlingar användare som upplever ak de har kontroll snabb inlärning (Ben Shneiderman, 1982) Interak9onss9lar 20 070918

Exempel på DM system Excel Geografiska 9llämpningar Photoshop har funk9onalitet med DM TV spel CAD/CAM Wii Interak9onss9lar 21 070918

Förklaringar 9ll DM Rutkowski: The user is able to apply intellect directly to the task; the tool itself seems to disappear Normans exekverings och evalueringsgap Direkthet och avstånd Psykologiska teorier Interak9onss9lar 22 070918

Exekverings och evalueringsgapen Exekveringsgapet sy[ar på ak man inte all9d kan hika lämpliga redskap i användargränssniket vilka passar in på de mål man vill uppnå. Man frågar sig hur ska jag kunna ugöra (exekvera) det jag vill. Evalueringsgapet sy[ar på hur enkelt man kan avgöra om det som ugörts (exekverats) uppfyller de mål man vill uppnå. Interak9onss9lar 23 070918

Exekverings och evalueringsgapen Interak9onss9lar 24 070918

Ikoner Avbildar Symboliserar KompleKeras med text Gester Bygger på metafor Interak9onss9lar 25 070918

Virtuella miljöer DM i 3D För ak simulera svåra situa9oner Farligt Dyrt Upplevelser, känsla Kräver utrustning Gester i 3D Interak9onss9lar 26 070918

UKrycksfulla gränssnik Färg, ikoner, ljud, grafik, anima9oner används för ak göra gränssnik 9lltalande DeKa kan påverka användbarheten i ek gränssnik man kan stå ut med en hel del om resultatet är este9skt Interak9onss9lar 27 070918

Interak9onss9lar 28 070918

080418 Interak9onsteknik 29

Este9k kontra användbarhet Designideal Det enkla, s9lrena Inte bara funk9onalitet och användbarhet som påverkar Interak9onss9lar 30 070918

NyA och este9k Interak9onss9lar 31 070918

Ska datorer säga ursäkta? Reeves & Naas (1996) anser det Datorer ska ta e[er e9keksregler Är användare lika förlåtande mot datorer som mot människor? Kan man förvänta sig ak datorn försöker bäkra sig? Diskussion: Hur bör meddelanden se ut? Interak9onss9lar 32 070918

Antropomorfism ak föreställa sig mänskliga egenskaper hos ickemänskliga företeelser vanligt i t ex reklam förekomst i användargränssnik ger reak9on på oss människor Interak9onss9lar 33 070918

Vad föredrar vi? Feedback när man gör något fel: 1. Hm, Lena, det där blev inte korrekt. Du kan ju bäkre än så. Försök igen! 2. Ej korrekt. Försök igen. Interak9onss9lar 34 070918

Stöd för antropomorfism Reeves & Naas har visat ak smicker i datorbaserat undervisningsstöd har en posi9v påverkan Elever var mer benägna ak fortsäka med sådana meddelanden Interak9onss9lar 35 070918

Kri9k av antropomorfism Människor känner sig frustrerade och dumma Man gillar inte när figurer på skärmen pekar finger åt en Många föredrar en mer opersonlig s9l Anses mindre trovärdigt och fråntar användare ansvar (Quintanar, 1982) Interak9onss9lar 36 070918

Agenter Sy[e: fånga uppmärksamhet signalera trovärdighet inspirera annat... Interak9onss9lar 37 070918

Resultat människor tenderar ak säka större 9lltro 9ll agenter som inte liknar människor i så hög grad men också uppgi[sberoende office gemet ananova.com it s not my fault but... du ser inte ut ak sika på ek nät som jag har hand om Interak9onss9lar 38 070918