Interaktionsdesign, grundkurs INTERAKTION 1
|
|
- Ingvar Lindgren
- för 8 år sedan
- Visningar:
Transkript
1 Interaktionsdesign, grundkurs INTERAKTION 1
2 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering
3 Vad är interaktion? 1. Allmänt? Synonymer? I denna kontexten? 2. Vad erbjuder knappen på bilden till höger för interaktion? Vad kan ni säga om affordance, synlighet, feedback och mappning?
4 Dagens föreläsning Vad är interaktion? Interaktionsmodeller (kap 2.5) Typer av användargränssnitt Översikt, orientering, navigering Felhantering
5 Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt (på en konceptuell nivå) En hjälp på vägen mot de mer praktiska designvalen Man talar om fyra olika modeller: 1. Instruerande (instructing) 2. Konverserande (conversing) 3. Manipulerande (manipulating) 4. Utforskande (exploring)
6 Interaktionsmodeller : 1. Instruerande Användaren instruerar systemet och talar om för det vad det ska göra Väldigt vanligt förekommande Ex. ordbehandlare, biljettautomat, Fördelar En instruerande modell stödjer snabb och effektiv interaktion Lätt att implementera Nackdelar Måste ofta dela ner uppgiften i deluppgifter
7 Interaktionsmodeller : 1. Instruerande Ex på instruerande interaktion Skriva textbaserade kommandon Välja menyer från ett grafiskt gränssnitt med mus eller touch Ge kommandon med röststyrning Trycka på fysiska knappar
8 Interaktionsmodeller : 2. Konverserande Underliggande konceptuell modell om att man har en konversation med en annan människa Istället för att ge order (instruerande) så bygger detta på en tvåvägskommunikation där systemet är en partner i interaktionen. Allt från enkel röststyrning till mer naturliga dialoger Ex. automatisk trafikupplysning, hjälp- och support-system Fördelen är att vi är vana vid att interagera på detta sätt i vår vardag Nackdelen är att det kan bli missförstånd och dialogen kan bli väldigt onaturlig och omständlig
9 Interaktionsmodeller 2. Konverserande Ex på konverserande interaktion Automatiskt, röstbaserad dialog via telefon Textbaserad konversation med virtuell agent Röst- eller gestbaserad konversation med assisterande robot
10 Interaktionsmodeller 2. Konverserande Jämför hur du ställer en fråga till en annan människa hur du formulerar den till en automatisk röstbaserad tjänst hur du skriver den i ett sökfält på webben hur du formulerar den om du ställer den till en person i en chat
11 Interaktionsmodeller 3. Manipulerande Innebär att man interagerar genom att dra, välja, öppna, stänga, etc. virtuella objekt Bygger på hur vi gör motsvarande aktiviteter i den fysiska världen
12 Interaktionsmodeller 3. Manipulerande Ex på manipulerande interaktion Direktmanipulation flytta ett dokument till en mapp, Fysiska kontroller (Wii) och gester (Kinect) för att utföra manipulationen Fysiska objekt kan taggas och flyttas i en fysisk värld vilket överförs till en virtuell värld
13 Interaktionsmodeller 3. Manipulerande
14 Interaktionsmodeller 3. Manipulerande Direktmanipulation* känner vi igen från grafiska användargränssnitt. Det bygger på att virtuella ting ses som objekt som kan manipuleras. Uppfyller många av designprinciperna synlighet, affordance, mappning och feedback Och även flera av de användbarhetsmål vi pratade om i första föreläsningen, ex. lätta att lära, lätta att komma ihåg, ändamålsenliga, effektiva Vissa saker kan inte beskrivas i objektform och utförs enklare med kommandon (ex rättstavning) * myntat av Shneiderman 1983
15 Interaktionsmodeller 4. Utforskande Användaren rör sig genom virtuella miljöer eller fysiska miljöer förstärkta med inbyggd sensorteknik Bygger, precis som manipulation, på att man agerar som man gör i den verkliga miljön också i den miljö man interagerar med (oavsett om den är virtuell eller förstärkt)
16 Interaktionsmodeller 4. Utforskande Ex på utforskande interaktion Second life 3D-modeller av byggnader eller stadsmiljöer Förstärkt verklighet (augmented reality)
17 Interaktionsmodeller Notera att dessa modeller överlappar och går in i varandra och det går inte alltid att kategorisera en aktivitet som det ena eller andra Fundera på Vilken interaktionsmodell (instruerande, kommunicerande, manipulerande, utforskande) som skulle kunna passa för ett datorbaserat system som ska kunna användas av mindre barn för att kommunicera med barn i andra delar av världen.
18 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt (Kap ) Översikt, orientering, navigering Felhantering
19 Typer av användargränssnitt Den delen av systemet som användaren interagerar med länken mellan användare och system Ett användargränssnitt kan se ut på många olika sätt Från kommandobaserad till brain-computer interfaces (1) Från tangentbord till gester (2) Från stationär PC till smartwatch (3) Kan betyda 1. interaktionsstil (kommandon, fönster, ) 2. input/output-teknik (touch, mus, ) 3. plattform (PC, smartphone, )
20 Typer av användargränssnitt Kommandobaserad interaktion WIMP GUI Fönster Dialogrutor Formulär Menyer Natural user interfaces (gester, touch, röst) Nästa föreläsning!
21 Kommandobaserad interaktion Användaren ger kommandon som tolkas av systemet Förkortningar som skrivs i kommandotolk (ver, ls) Tangentbordskommandon (ctrl + alt + del) Fasta tangentkommandon (delete, enter) Konsistens (consistency) är den viktigaste deisgnprincipen
22 Kommandobaserad interaktion
23 Kommandobaserad interaktion Fördelar Snabbt för vana användare Billigt och enkelt Flexibelt och rikt på valmöjligheter Nackdelar Kräver träning och memorerande Hög felfrekvens Svårt att komma igång med
24 The Xerox Star Interface Utvecklades 1973 av Xerox PARC i Palo Alto, Kalifornien Mål: användar-gränssnitt som alla kan klara av
25 WIMP Windows Icons Menues Pointing device
26 WIMP Fördelar Lätt att lära, lätt att minnas Rikligt med feedback
27 WIMP Fördelar Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande
28 WIMP Fördelar Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande Nackdelar Kan ta mycket skärmyta
29
30 WIMP Fördelar Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande Nackdelar Kan ta mycket skärmyta Användaren måste lära sig symboler och ikoner
31
32 WIMP Fördelar Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande Nackdelar Kan ta mycket skärmyta Användaren måste lära sig symboler och ikoner Missledande visuell representation
33 Hur fick man ut disketten från en Mac förr?
34 WIMP Fördelar Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande Nackdelar Kan ta mycket skärmyta Användaren måste lära sig symboler och ikoner Missledande visuell representation Tidsödande byta styrdon
35 Graphical User Interface (GUI) WIMP utvecklades och numera pratar man mer allmänt om grafiska användargränssnitt (graphical user interfaces) Vanliga GUI-komponenter är: Fönster Dialogrutor Menyer Formulär
36 PAUS
37 Fönster
38 Fönster För att överkomma skärmens begränsade yta Översikt, navigering och orientering försvåras Att växla mellan olika fönster är en av de vanligaste operationerna när vi interagerar med ett datorsystem Genomsnittstiden för hur länge ett fönster är öppet och interageras med = 20 sekunder Att designa bra fönsterhantering är svårt!
39 Byta fönster Vilka olika sätt att byta fönster (byta aktivt program) kan ni komma på?
40 Byta skrivbord Linux desktop cube
41 Dialogrutor Speciell version av fönster som används för exempelvis: Bekräftelser Felmeddelanden Formulär Sekvenser
42 Dialogrutor Visuell organisation viktigt! Risk att pressa in för mycket information i en ruta Man pratar ibland om mappning av handlingssekvens dvs. att styra användarens uppmärksamhet och handlingar så att hen gör saker och ting i rätt ordning.
43 Spara som i tidig Office-version
44 Spara som i Office XP
45 Dialogrutor med tabbar Utrymmeseffektiv metod Översikt, navigering och orientering försvåras (speciellt om flera rader av tabbar används)
46 Designriktlinjer för formulär Vilken är metaforen? Vilka designriktlinjer kan ni se här till vänster?
47 Designriktlinjer för formulär Tillåt smidig navigering
48 Designriktlinjer för formulär Ge tydlig feedback när fält har fyllts i fel
49 Designriktlinjer för formulär Använd begränsningar för att styra vilken information som ska fyllas i
50 Menyer
51 Menyer Strukturerat sätt att välja från tillgängliga alternativ Bygger på principen att vi har lättare för att känna igen än att minnas (recognition over recall)
52 Menyer Många olika typer av menyer Expanderande menyer Kontextuella menyer Pajmenyer Adaptiva menyer
53 Typer av menyer Expanderande menyer Cascading, drop-down menus Kan svälja fler alternativ Mer flexibla Kräver bra motorisk kontroll
54 Typer av menyer Kontextuella menyer Popup-menyer Begränsat antal alternativ som är relevanta för den speciella kontexten Dyker upp där man är istället för högt uppe i en menyrad Hur vet användaren att den finns?
55 Typer av menyer Pajmenyer Typ av popup-meny Erbjuder ett snabbt sätt att välja mellan alternativen Begränsad mängd alternativ Man kan välja utan att titta (muskelminnet)
56 Typer av menyer Adaptiva menyer De minst använda valen visas ej Fungerar bra för en del användare men väcker ogillande hos vissa användare Bör ej användas som defaultinställning
57 Designriktlinjer för menyer Bättre gråmarkera än ta bort Positional constancy: Saker och ting bör befinna sig där vi är vana vid att hitta dem
58 Designriktlinjer för menyer Lägg mest använda valen överst, minst använda nederst
59 Designriktlinjer för menyer Dela in valen i naturliga grupper Erbjud eventuellt flera olika grupperingar av samma information Card sorting!
60 Designriktlinjer för menyer Undvik väldigt långa listor Erbjud någon form av struktur som underlättar att hitta i Erbjud möjlighet att fylla i bokstäver Fish-eye
61 Designriktlinjer för menyer Använd genvägar
62 Interaktionsmodeller och typer av användargränssnitt Använd dem som utgångspunkt för att fundera på konceptuell modell Interaktionsmodell vad användaren gör när hon interagerar med systemet (ge kommandon, föra dialog, ) Typ av användargränssnitt vilket användargränssnitt som stödjer användaren i interaktionen med systemet (röst/touch/ -baserat, grafiskt gränssnitt med menyer, )
63 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering (ej explicit i boken) Felhantering
64 Översikt, orientering och navigering Översikt: Vad finns? Orientering: Var är jag? Navigering: Hur kommer jag dit jag vill? Hjälp användaren att rita upp en karta i huvudet.
65 Översikt: vad finns? Ge användaren en översikt över vad produkten erbjuder Tätt kopplat till synlighet
66 Översikt Surfa in på på telefon (och dator) Hur skiljer sig översikten?
67 Översikt Automod Svårt att få överblick över helheten när olika delar ligger löst som individuella enheter.
68 The F-shaped pattern
69 The F-shaped pattern Hur vi läser webbinnehåll Nästan 70% av läsarens fokus ligger till vänster i vyn 1. Det vanligaste läsmönstret: 1. Horisontell ögonrörelse #1 2. Horisontell ögonrörelse #2 3. Vertikal ögonrörelse Jakob Nielsen reading_pattern.html
70 Orientering: var är jag? Användaren skall lätta förstå var man befinner sig i systemet, eller i en sidhierarki
71 Navigering: hur kommer jag dit jag vill? Se designriktlinjer för orientering Gruppering är en viktig aspekt
72 Några designriktlinjer för orientering och navigering Länkar ska vara beskrivande Unika och beskrivande rubriker S.k. breadcrumbs kan vara användbart Visar nuvarande position Tar lite plats Erbjuder lätt navigering upp i hierarkin Lätta att förstå och använda
73 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering (s 138)
74 Felhantering Det kommer att bli fel hur bra design systemet än har och hur välinformerad användaren än är!
75 Felhantering Handhavandefel Missförstår (man tänker fel) Slip (man tänker rätt, men gör fel) Systemfel
76 Felhantering Två sätt att hjälpa användaren Förebygga fel Utforma produkten/systemet så att användaren inte kan göra fel, ex med begränsningar och forcing functions Åtgärda fel Se till det finns möjligheter för användaren att upptäcka, förstå och åtgärda ett fel när det händer (och det kommer det att göra!)
77 Upptäckt-diagnos-åtgärd Hur lätt eller svårt är det att upptäcka felet/problemet och hur lång tid tar det? Hur lätt eller svårt är det att diagnostisera och förstå felet/ problemet? Hur tydligt framgår det vilken åtgärd som är rätt (t ex klicka på undo-knappen eller ringa tekniker för service)?
78 Principer för god felhantering Synlighet gör rätt saker synliga Feedback bra & begriplig Mappning vettig layout rätt saker på rätt plats Reversibilitet markera om något ej är reversibelt man ska bara behöva ändra/reversera det som är fel Forcing functions en funktionalitet som tvingar in användaren i ett visst beteende, ex att micron inte kan startas om dörren är öppen, och att bilen måste låsas med nyckeln överväg om dessa kan vara till nytta
79 Riktlinjer för design av felmeddelanden Upplys med artig ton användaren om vad han/hon behöver göra för att åtgärda felet. Undvik ord som FATAL, ERROR, INVALID, ILLEGAL etc. Undvik långa felkoder och stora bokstäver. Ljudfeedback ska användaren själv kunna ställa in, eftersom de kan orsaka förlägenhet. Ge exakt information. Erbjud en hjälpikon med vilken användaren kan få kontextberoende hjälp. Erbjud information på olika nivåer så att kortare meddelanden kompletteras med längre förklaringar.
80 Ett bra felmeddelande Varför är detta ett bra felmeddelande? Talar om vad som är fel Talar om orsaken till felet Ger alternativ på sätt att lösa problemet eller komma runt det
81 Och ett mindre bra
82 Och här är en riktig värsting
83 Referenser och resurser Historia om WIMP och GUI F-shaped pattern Massor av webbresurser för utforming av ex webb-sidor, ex Användbarhetsboken online-resurs för teori om interaktionsdesign
84
Interaktion 1. Dagens föreläsning. Interaktionsmodeller
Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt
Läs merDagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering
Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt
Läs merGrundläggande teori för användargränssnitt,del 2
Grundläggande teori för användargränssnitt,del 2 Innehåll Översikt, navigering och orientering (ej i boken) Typer av användargränssnitt (Kap 6) Styrdon (ej i boken) Fitts lag (kort på sidan 527-528) Felhantering
Läs merBoken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.
Interaktion 1 Boken Typer av interaktion (Kap 2.5) Typer av användargränssnitt (Kap 6.1-6.2) Översikt, navigering och orientering (ej i boken) Felhantering (kort på sid 138) OBS! Konkret interaktion är
Läs merGrundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5)
Vi håller på att fylla på den gröna delen! Grundläggande teori för användargränssnitt,del 2 Ergonomi kroppen Hörselsinnet Synsinnet Kognition perception Sociala och affektiva aspekter Human factors Användargränssnitt
Läs merTre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.
Tre kursblock Grundläggande teori för design av användargränssnitt Människa dator interaktion Del 1 1. Design 2.Human factors & Ergonomics 3. Human computer interaction Inledningsvis Interaktiv produkt/system
Läs merMenyer, formulär och dialogrutor
Interaktion 2 Menyer, formulär och dialogrutor Konkreta typer av interaktion för direktmanipulation/wimp Kursboken Kap 6 Menyer Tanken med att använda menyer i användargränssnitt Datorer är duktiga på
Läs merKommandobaserad interaktion
Interaktion 1 Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken) Kommandobaserad interaktion Kommandobaserad
Läs merFöreläsning 10: Gränssnitt och webbdesign
Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 1501006 Gränssnitt och webb 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar
Läs merFöreläsning 9: Gränssnitt och webbdesign
Föreläsning 9: Gränssnitt och webbdesign FSR: (1), 4, 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 160429 Gränssnitt och webbdesign 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt
Läs merDesignkoncept och gränssnittsmetaforer
1 Designkoncept och gränssnittsmetaforer Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. concept.tex 1914 2014-08-26 13:33:45Z danbos 2 Översikt 1
Läs merVad utmärker ett bra gränssnitt?
Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I
Läs merFörfattare: Juha Söderqvist IT-GUI. Version 1.0. Datum
Författare: Juha Söderqvist IT-GUI Version 1.0 Datum 2017-08-18 Innehåll 1. Introduktion... 3 Human-computer interaction... 3 Grafiska användargränssnitt... 4 Operativsystem... 4 Xerox Alto Executive file
Läs merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
Läs merFöreläsning 9: Gränssnittsdesign och webbdesign. Rogers et al. Kapitel 6
Föreläsning 9: Gränssnittsdesign och webbdesign Rogers et al. Kapitel 6 Paradigm Handlar om en viss ansats inom en grupp På 80-talet designades användarcentrerade applikationer för enskilda användare framför
Läs merInteraktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED
Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED Sammanfattning Styrdon Tangentbord och textinmatning Pekdon Fitts lag GOMS-KLM Styrdon Tangentbord Pekdon Tangentbord QWERTY-layout QWERTY-layout
Läs merFör support videos, webinstruktioner och mer information besök oss på www.thinksmartbox.com
Komma igång Grid 3 Svensk översättning av Leena Öberg på Picomed (www.picomed.se) För support videos, webinstruktioner och mer information besök oss på www.thinksmartbox.com Välkommen till Grid 3 ger dig
Läs merInnehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap
Interaktion 2 Innehåll Styrdon (ej i boken) Fitts lag (sidan 527-528) Natural user interfaces Kap 6.2.9, 6.2.11, 6.2.12 Kap 6.3-6.4 Styrdon Styrdon Tangentbord Pekdon Tangentbord QWERTY-layout QWERTY-layout
Läs merSpel som interaktiva berättelser
Spel som interaktiva berättelser Finns många typer av interaktivt berättande; ska titta närmare på spel eftersom de exemplifierar en rad aspekter av interaktivt berättande väldigt tydligt. Kan förstå spel
Läs merKom igång med Windows 8.1
Kom igång med Windows 8.1 www.datautb.se DATAUTB MORIN AB INNEHÅLLSFÖRTECKNING Grunderna i Windows.... 1 Miljön i Windows 8... 1 Startskärmen... 1 Zooma... 2 Snabbknappar... 2 Sök... 3 Dela... 3 Start...
Läs merMänniska-Datorinteraktion. HCI text
2002-04-17 09:13 Människa-Datorinteraktion DVC002 HCI text Anders Carlsson pt00aca@student.bth.se Per Salomonsson pt00psa@student.bth.se Grupp: D Innehållsförteckning 1. Inledning... 3 2. Design och produktutveckling...
Läs merInterak(on 3. - Fi/s lag, interak(onsanalys och nya typer av interak(on
Interak(on 3 - Fi/s lag, interak(onsanalys och nya typer av interak(on Fi/s lag En matema(sk modell av finmotorisk kontroll Fi/s lag OK Fi/s lag Distance (D) OK Width (W) Fi/s lag Distance (D) OK T = tid
Läs merKortkommandon Allmänna i Windows 7
n Allmänna i Windows 7 F1 CTRL + C CTRL + X CTRL + V CTRL + Z CTRL + Y DELETE SKIFT + DELETE F2 CTRL + HÖGERPIL CTRL + CTRL + NEDPIL CTRL + UPPIL CTRL + SKIFT med en piltangent SKIFT med en piltangent
Läs merFLEXILAGER Ett hjälpmedel för anpassad lagerhantering. Original -version
Beskrivning av FLEXILAGER Ett hjälpmedel för anpassad lagerhantering. Original -version Flexénita Sunnerstavägen 58 186 70 Brottby tel: 08 512 41803 FLEXILAGER 2 Innehållsförteckning INTRODUKTION.....3
Läs merManual. Användargränssnitt
Manual Användargränssnitt 0 Innehållsförteckning ANVÄNDARGRÄNSSNITT... 1 1. MENYNAVIGERING... 1 2. BACKA-KNAPP... 2 3. GLOBALA FUNKTIONER... 3 4. PERIOD... 4 Avrundning... 4 5. FLERA FLIKAR SAMTIDIGT...
Läs merInstallationsanvisning för Su Officemallar 2003 För PC
1 (11) INSTALLATIONSANVISNING MS Office 2003 - Windows 2013-11-26 Installationsanvisning för Su Officemallar 2003 För PC Word och PowerPoint Innehållsförteckning Var hittar jag Su Officemallar?... 2 Är
Läs merMicrosoft Windows 8 Grunder
WINDOWS 8 GRUNDER Inledning Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 Del 1 1 Introduktion till Windows Grundläggande om operativsystem...7 Starta och avsluta Windows 8...8 Välja
Läs merZoomText 10.1 Snabbguide Tillägg
ZoomText 10.1 Snabbguide Tillägg Detta tillägg till ZoomText 10 Snabbguide beskriver de nya funktionerna och andra ändringar som hör till ZoomText 10.1. För grundinformation som hur man installerar och
Läs merSida 1 av 12. WSB Biodling. Manual V.1.1. http://www.wermdobiodlare.se
Sida 1 av 12 WSB Biodling Manual V.1.1 Sida 2 av 12 Översikt: WSB Biodling är en app som hjälper dig med olika saker inom biodlingen. Nyheter i denna version är möjlighet att skapa skötselkort och dokumentera
Läs mer- en expertanalys. av Anna Olvenmyr
IT-universitetet i Göteborg MDI. Interaktionsdesign - en expertanalys av Anna Olvenmyr Grafiska Gränssnitt, 5 poäng 2003-10-27 Inledning och kategorisering...3 Utvärdering indelad i kategorier...4 Impression/
Läs merMigrera till Word 2010
I den här guiden Microsoft Microsoft Word 2010 skiljer sig rent utseendemässigt mycket, så vi har skapat den här guiden för att hjälpa dig att snabbare lära dig programmet. Här kan du läsa om de viktigaste
Läs merSida Kapitel 5 Stolpe, balk och balkongräcke... 3
1 Innehåll Sida Kapitel 5 Stolpe, balk och balkongräcke... 3 Stolpe... 3 Balk... 5 Räcke...11 Balkonggolv...15 Balkongräcke...18 2 Kapitel 5 Stolpe, balk och balkongräcke DDS-CAD Arkitekt 10 3 Kapitel
Läs merInteraktionsdesign. Användbarhet ISO 9241. Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning
Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign Designing interactive products to support the way people communicate and interact in their everyday and working lives.
Läs merClicker 5. Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel
Clicker 5 Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel Vad är Clicker 5? Clicker 5 är ett stöd till personer i behov av extra
Läs merFöreläsning 7, Interak2on
Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas
Läs merSnabbgenomgång. Windows Live Movie Maker
Snabbgenomgång Windows Live Movie Maker Inledning Den här snabbgenomgången är tänkt att användas av dig som är nybörjare på att arbeta i Windows Live Movie Maker. Den är inte tänkt som en omfattande guide
Läs merFöreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design
Föreläsning 1: Interaktionsteknik, Introduktion Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design Interaktion SAOL: växelspel, samspel i umgänge Samspel med vad? med andra människor med saker?
Läs merEn handledning för studerande på Högskolan Kristianstad
Använda kurskonferenser i FirstClass En handledning för studerande på Åsa Kronkvist, augusti 2005 Innehåll Introduktion...3 Webbklient eller FirstClassklient?...3 Allt ligger online...3 Hitta rätt...4
Läs merMyScore Mobil Manual 1 Senaste uppdatering: 2015/11/06 Fairdeal Group Sverige AB
MyScore Mobil Manual 1 Senaste uppdatering: 2015/11/06 Fairdeal Group Sverige AB Innehållsförteckning Inledning... 2 MyScore Mobile... 3 Viktigt om MyScore Mobile... 4 Installera MyScore Mobile... 5 Ändra
Läs merFöreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al.
Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas
Läs mer1284_omslag.qxd 2005-10-11 11:13 Sida 1 ECDL START OFFICE 2003 Allmän IT Windows XP Word 2003 Outlook 2003
ECDL START OFFICE 2003 Allmän IT Windows XP Word 2003 Outlook 2003 5 Arbeta med mappar och filer I Windows finns det två sätt att arbeta med de olika enheterna i systemet. Vilket du väljer beror på personligt
Läs merAtt läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.
Prototyper, Riktlinjer och standarder Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper behövs för att visa på designval för att designdokument
Läs merAtt komma igång med FirstClass (FC)!
Att komma igång med FirstClass (FC)! Vi har tillgång till FC genom vårt samarbete med folkhögskolor och därigenom med Folkbildningsnätet. FC kan användas på en dator på två sätt (dessutom kan du använda
Läs merGrafiska användargränssnitt, några tips
1 april 1997 Grafiska användargränssnitt, några tips Else Nygren Inledning Rapporten innehåller några stolpar som jag hoppas kan vara användbara vid bedömning av användargränssnitt. Materialet brukar användas
Läs merBetatestning - Solsystem
Betatestning - Solsystem Mikael Ågren, F03 Innehåll 1 Inledning 2 2 Frågorna 2 2.1 Är programmet konsekvent?................... 2 2.2 Behövs genvägar?......................... 2 2.3 Tillräcklig feedback?.......................
Läs merAnpassning av Windows XP
Anpassning av Windows XP Grunderna för hur du som arbetsterapeut ändrar inställningar i Windows XP för att öka tillgängligheten. Habilitering & Hjälpmedel Att komma igång För att komma åt de inställningar
Läs merPROTOKOLL i HANDDATOR för POCKET PC
Inledning Denna manual beskriver i huvudsak kommunikation mellan PocketPC och PC samt generella funktioner i handdatorn som avser protokoll. Det förutsätts att användaren har eller har tillgång till Protokollprogrammet
Läs merLära känna skrivbordet
Är det första gången du använder Windows 7? Den här versionen har mycket gemensamt med tidigare versioner av Windows, men du kan behöva hjälp med att få upp farten. Den här guiden innehåller praktisk information
Läs merBoken. Kap 2.1-2.4 Kap 11.3
Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever
Läs merSVENSK FILMINDUSTRIS WEBBPLATS
EXPERTANALYS AV SVENSK FILMINDUSTRIS WEBBPLATS JENNY DAFGÅRD MDI.INTERAKTIONSDESIGN GRAFISKA GRÄNSSNITT 23 OKTOBER 2003 INNEHÅLLSFÖRTECKNING INLEDNING...4 SVENSK FILMINDUSTRIS WEBBPLATS...6 ÖVERGRIPANDE
Läs merClaroRead Plus Mac Manual. Artikel.nr. 12501
ClaroRead Plus Mac Manual Artikel.nr. 12501 1 Välkommen till ClaroRead Plus Välkommen till ClaroRead Plus för Mac. ClaroRead Plus är till för att göra din dator mer lättanvänd. Programmet arbetar nära
Läs merVirtuella doftspår på webbplatser
C-Uppsats i Informatik Virtuella doftspår på webbplatser Författare: Robin Wendel Handledare: Morgan Rydbrink Termin: VT12 Kurskod: 21K40E Abstrakt Människan är nyfiken och vill finna ny information på
Läs merKapitel 5 Stolpe, balk och balkongräcke... 3
2014.02.21 1 Stolpe och balk Kapitel 5 Kapitel Innehåll... Sida Kapitel 5 Stolpe, balk och balkongräcke... 3 Stolpe... 3 Balk... 5 Balkongräcke... 11 Flytta räcke/vägg... 12 Balkonggolv... 14 2 2014.02.21
Läs merWordRead Plus för Mac
WordRead Plus för Mac Manual Artikelnummer: 3024018 www.icap.nu 1 Innehåll Välkommen till WordRead Plus... 3 WordRead Plus verktygsfält... 3 Teckensnitt... 5 Textfärg... 6 Bakgrundsfärg... 7 Avstånd...
Läs merRSI Road Status Information A new method for detection of road conditions
WP 5 Sida 1 av 15 RSI Road Status Information A new method for detection of road conditions Användarmanual för RSI WP 5 Sida 2 av 15 Användarmanual för RSI Om detta dokument Detta dokument är en användarmanual
Läs merAtt använda strategier för muntlig kommunikation. LS i moderna språk, spanska åk 9
Att använda strategier för muntlig kommunikation LS i moderna språk, spanska åk 9 Vad gör man när kunskaperna inte räcker i muntlig kommunikation och interaktion? Utgångspunkt: Elever som ger upp eller
Läs merVad utmärker ett bra användargränssnitt?
Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt
Läs merWindows 8.1, hur gör jag?
2014 Windows 8.1, hur gör jag? Tor Stenberg Piteå Kommun 2014-03-28 1 av 13 Innehåll Hur jobbar jag med Windows 8.1... 2 Logga in... 2 Skrivbordet och programportal... 2 Logga ut och stänga datorn... 3
Läs merInPrint. Grunderna för hur du kommer igång och arbetar med Communicate: InPrint. Habilitering & Hjälpmedel
InPrint Grunderna för hur du kommer igång och arbetar med Communicate: InPrint Habilitering & Hjälpmedel Förord Communicate InPrint är ett program du använder för att skapa material för utskrift. Du kan
Läs merWINDOWS 8.1. Grunder
WINDOWS 8.1 Grunder EXCEL 2013 Grunder INLEDNING Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 INTRODUKTION TILL WINDOWS Grundläggande om operativsystem...7 Starta och avsluta Windows
Läs merResurscentrum för kommunikation Dako 2015. SymWriter 2. Minimanual
Resurscentrum för kommunikation Dako 2015 SymWriter 2 Minimanual Symboler som stöd till det du skriver 2 F9 Byt symbol 2 F11 Skapa nya ord/symboler 3 Spara ändringar i ordlista 4 Specifikationer grammatik
Läs merIntroduktion. Markera den gröna bocken. Skriv in URL:en http://www.ipoint.se. Klicka på knappen Platser.
LATHUND Introduktion Välkommen till vår interaktiva kursportal. Detta är en lathund för dig som ska utbilda dig med hjälp av ipoint-kurser. Instruktionerna gäller när du använder Internet Explorer 8.0
Läs merNallelek Lärarvägledning
NALLELEK - LÄRA MERA PROGRAM AB Nallelek Lärarvägledning NALLELEK... 2 1.1 Programmet... 2 1.2 Övningar som stärker förmågan att iaktta bilder och se detaljer... 3 1.2.1 Pedagogiska tips... 3 1.3 Kategorisering
Läs merGolf ur ett motoriskt perspektiv
Golf ur ett motoriskt perspektiv Diskret färdighet Snabb, har en tydlig början och ett tydligt slut. Hela rörelsen programmeras i förväg. Motorisk färdighet Rörelsen/motoriken är avgörande för framgång.
Läs mer2. Komma igång Skapa grupper och elever Skriv också ut sidan 13 så att eleverna har en snabbguide till programmet.
2. Komma igång Skapa grupper och elever Börja med att läsa texten nedan om hur man börjar jobba med programmet efter installationen. Skriv gärna ut sidan och ha bredvid dig tills du känner att du behärskar
Läs merGrundläggande teori för användargränssni3, del 1
Grundläggande teori för användargränssni3, del 1 Innehåll Mentala och konceptuella modeller (Kap 2.3) Metaforer (Kap 2.4) Donald Normans designprinciper (Kap 1.6.3) Mentala och konceptuella modeller Mentala
Läs merProjektarbete 2: Interaktiv prototyp
Projektarbete 2: Interaktiv prototyp Jonatan Hilmarch (Grupp 13) 880427-5595 hilmarch@skip.chalmers.se Kurs: Människa-Datorinteraktion TIG061 HT 2010 Projekt 1 - en tillbakablick Enligt projektets systemdefinition
Läs merSoftware Translator 6.1 Manual
Software Translator 6.1 Manual 1 Innehåll Sidan Inledning 3 Installation 4 Auktorisation 4 Översikt Programfönster 5 Menyer Arkiv 5 Visa 6 Språk 6 Verktyg 7 Hjälp 7 Handhavande Att lägga till ett program
Läs merTips och idéer för Chrome OS och Google Dokument
Tips och idéer för Chrome OS och Google Dokument Läs mer om it i lärandet på webben: www.spsm.se/itilarandet Tips och idéer för Chrome OS och Google Dokument Skriften är utgiven av Specialpedagogiska skolmyndigheten
Läs merVersion 2.2 2014-06-04
Version 2.2 2014-06-04 1 Starta NatureIT Starta en webbläsare i din PC, Mac, läsplatta eller smartphone och skriv in www.natureit.se eller www.natureit.no. Då skall du få upp en bild som ser ut så här:
Läs merAnvändarmanual CallPad och VoicePad
Användarmanual CallPad och VoicePad Villkor för användning Ingen del av detta dokument får reproduceras eller överföras i någon form eller med några medel, elektroniskt eller mekaniskt, inklusive kopiering
Läs merManual för version V2
Innehållsförteckning 1. Om 2. Installera Administration 3. Programmets skrivbord 4. Lägga upp din första kund 5. Kontaktpersoner 6. Besiktningsadresser 7. Kontrollpunkter/Besiktningspunkter 8. Koppla kontrollpunkter/besiktningspunkter
Läs merHandicom. Symbol for Windows. Blisseditor. Version 3.4
Handicom Symbol for Windows Version 3.4 Handicom, Nederländerna/Frölunda Data AB 2009 Innehåll Installation och licenser...2 1. Inledning...2 2. ns huvudfönster...2 2.1 Verktygsfältet...2 2.2 Matris...2
Läs merSDC Violweb Kom-igång-guide. En instruktion för användare version 2.5 (mars 2016)
SDC Violweb Kom-igång-guide En instruktion för användare version 2.5 (mars 2016) Sammanfattning Den här anvisningen är till för dig som ska börja använda dig av SDCs tjänster. Anvisningen förklarar hur
Läs merDiagram. I detta kapitel lär du dig: m Diagrammets beståndsdelar. m Att skapa både inbäddat diagram och diagramblad. m Att ändra diagramform.
1 Diagram Med diagram kan du presentera information på ett effektivt sätt. Eftersom datan visas grafiskt så kan betraktaren ta till sig mycket information på en gång. Microsoft Excel har ett kraftfullt
Läs merKommande kurser om samspelet mellan människa och teknik. Mattias Wallergård Institutionen för designvetenskaper
Kommande kurser om samspelet mellan människa och teknik Mattias Wallergård Institutionen för designvetenskaper C-programmet Specialiseringen Användbarhet & Design Interaktion 1: neuromodellering, kognitiv
Läs merResurscentrum för kommunikation Dako 2013. SymWriter. Minimanual
Resurscentrum för kommunikation Dako 2013 SymWriter Minimanual Symboler som stöd till det du skriver 2 F9 - Byt symbol 2 F11 - Skapa nya ord/symboler 3 Spara ändringar i ordlista 4 Specifikationer grammatik
Läs merLathund, till Photo Story, för skräckslagna lärare
Lathund, till Photo Story, för skräckslagna lärare Inledning: Photo Story är ett roligt och lättanvänt program. Muntligtframträdande går mot en ny dimension när eleverna slipper nervositeten över muntligt
Läs merAndroid (BYOD) -Installera mstart -Kom igång manual
Android (BYOD) -Installera mstart -Kom igång manual Förutsättningar: För att ha möjlighet att synkronisera din Android enhet mot Stockholms Stads epost system krävs det att vissa delar är uppfyllda. Följande
Läs merINSTALLATION AV VITEC MÄKLARSYSTEM. Studentversion
INSTALLATION AV VITEC MÄKLARSYSTEM Studentversion Innehållsförteckning 1. Installera VITEC Mäklarsystem... 2 2. Läs noga igenom manualen... 2 3. Systemkrav... 2 4. Kundservice/Teknisk support... 2 5. Start
Läs merWordpress och Sociala medier av Sanna Ohlander 110407. STAFFANSTORP Framtidens kommun
STAFFANSTORP Framtidens kommun 1 Innehållsförteckning Det nya informationssamhället sid 3 Staffanstorps kommun framtidens kommun sid 4 Det sociala medier i korta drag sid 5 Vad är wordpress sid 6 Att skriva
Läs merInstruktion Tibropresentation
Datum 2013-02-18 Instruktion Tibropresentation I den här mappen hittar du en presentation av Tibro. Den är framtagen för att alla vi som presenterar Tibro i olika sammanhang ska göra det på ett enhetligt
Läs merLaboration: Att inhägna ett rektangulärt område
Laboration: Att inhägna ett rektangulärt område Du har tillgång till ett hoprullat staket som är 30 m långt. Med detta vill du inhägna ett område och använda allt staket. Du vill göra inhägnaden rektangelformad.
Läs merRouterinställning. Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst.
Routerinställning Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst. Om frågor uppstår efter att du använt denna guide så går det bra att maila fibergruppen.
Läs mer04 Kapitel 4.indd 56 05-06-20 13.28.27
04 Kapitel 4.indd 56 05-06-20 13.28.27 Kapitel 4 It s Tricky Coola tips & tricks för din ipod Att jag använder en låt av Run-D.M.C som namn på det här kapitlet om tips och tricks för din ipod ger mig lite
Läs merParticipatory Design III
Participatory Design III Participatory Design & Språkmönster Vecka 3 Summering av förra veckan Participatory Design Utgår från artikelseminariet Framtidsverkstad Språkmönster Binda ihop SUMMERING AV VECKA
Läs merE-POST3 Ett lättanvänt e-postprogram med stöd för talsyntes
E-POST3 Ett lättanvänt e-postprogram med stöd för talsyntes Sida 2 av 2 Innehållsförteckning INNEHÅLLSFÖRTECKNING...3 REKOMMENDERAD UTRUSTNING...5 INSTALLATION...5 ANVÄNDARLÄGE I E-POST3...6 STARTSIDA...7
Läs merDesignmetodik. Systemering med användarfokus Malin Pongolini
Designmetodik Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering
Läs mer2009-10-28. SDC Web-Access. Installationsanvisning v 2.0.2
2009-10-28 SDC Web-Access Installationsanvisning v 2.0.2 Sammanfattning av tjänsten Den här anvisningen är till för dig som ska börja använda dig av SDCs tjänst Web-Access och kommer att förklara vad du
Läs merBruksanvisning för hjälpbegäran
Bruksanvisning för hjälpbegäran Med verktyget för hjälpbegäran kan du öppna en fil som innehåller en stor mängd uppgifter för att kunna lösa ert problem och konsultera samtliga sända filer. Du kan skapa
Läs merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
Läs merDatorhistoria Introduktion till PBL
Datorhistoria Erfarenheter Inlärningsmål Ämne: Datorhistorik Första datorn? Eniac 1946? Definiera dator Internationellt? Svenskt? Dator = räknehjälpmedel? Mer räknehjälpmedel Abacus (kulram) c:a 3000 fkr
Läs merHögskolan i Kristianstad. Designkoncept. Design av medietjänster för mobila enheter VT14
Högskolan i Kristianstad Designkoncept Design av medietjänster för mobila enheter VT14 Emma Axelsson, Mattias Johansson, Gustav Jacobsson & Emmy Ellemo 2014-03-28 Lite-version (Designkoncept 1) Introduktion
Läs merFärgklövern. Färgklövern är gjord 1998 i samarbete mellan Datateket i Linköping och Hargdata AB i Linköping.
Färgklövern I Färgklövern kan du leka med färger, på lite olika sätt i de olika delprogrammen. Bestäm själv vilka och hur många färger du vill färglägga med. Alla dina målade bilder kan även skrivas ut
Läs merKognition & Konceptuell design
Kognition & Konceptuell design Kognition Kognition Ni kommer läsa en hel kurs om kognition i tvåan Därför kommer vi bara skrapa lite på ytan i denna föreläsning Kapitel 3 har en mindre viktig roll i kursboken
Läs merANVÄNDARMANUAL. handdatorer i ängs- och betesmarksinventeringen. för
ANVÄNDARMANUAL handdatorer i ängs- och betesmarksinventeringen för Ändringshantering Ansvarig för dokumentet: Maria Hall Diemer Datum Ändring Ansvarig 2010-05-11 Dokumentet skapades (version 1.0.0) Edward
Läs merSå får du maximal nytta av Evernote
Så får du maximal nytta av Evernote 7 Anteckna på telefon och dator 7 Organisera projekt och idéer 7 Dela dina anteckningar. Så funkar den digitala anteckningsboken Evernote Glöm aldrig en bra idé! På
Läs mercreate+ Interactive Scene Redaktörshandbok episerver
episerver create+ A PRODUCT IN THE EPiSERVER CREATE+ PACKAGE Version 1.2.1 Interactive Scene With Interactive Scene, putting together interactive presentations is quick and easy. Communicate your message
Läs merArbeta effektivare med OS X
(Se även: http://cs.lth.se/peter-moller/mac-anvaendning-video/) Peter Möller, november 2015, Institutionen för Datavetenskap Arbeta effektivare med OS X Söka information/filer Spotlight är namnet på Apples
Läs merVGR mediebank. Logga in med ditt AD konto. https://mediadatabas.vgregion.se/fotoweb/ Accepterar bilder, filmer, dokument och vektorformat
VGR mediebank https://mediadatabas.vgregion.se/fotoweb/ VGR Mediebank samlar bilder och annan media så att förvaltningar och samarbetspartners kan hämta hem bilder utan att det ska finnas några tveksamheter
Läs mer