Vad utmärker ett bra gränssnitt?

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "Vad utmärker ett bra gränssnitt?"

Transkript

1 Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow

2 GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I den här kursen koncentrerar vi oss dock på allmänna principer rörande GUI design och hur man designar GUIn för dator-mus-tangentbord.

3 What is this?

4 What kind of software is this?

5 What is this?

6 Ledtrådar Så snart vi står inför något okänt letar vi efter ledtrådar Donald Norman kallar detta signifiers som visar oss vad vi kan göra (funktionalitet) och hur vi ska göra det (interaktion) En stor del av GUI-design handlar därför om att skapa dessa ledtrådar, dvs kommunicera till användaren vad GUIt är till för, och hur det fungerar.

7 Zookeeper: ett bra GUI!

8 Zookeeper: Zookeeper är väldigt lik Bejeweled men den har den några extra designfeatures

9 Väl genomtänkt grafik Djuren har distinkta former och färger Bakgrunden är rutig för att visa gridet Själva spelytan är ljusare än det runtomkring, vilket gör att den lyfts fram rent visuellt.

10 Feedback!

11 Det lilla extra Zookeeper använder anthropomorphism (att man tillskriver något mänskliga egenskaper) Djurens ansiktsuttryck ger ledtrådar Hur många olika uttryck finns det?

12 Jämfört med Bejeweled Hemläxa: Jämför med Candy Crush Saga och liknande

13 Ledtrådar: Vad kan man göra? Namngivning av knappar, menyval etc Ikoner Hur man grupperar och placerar Pliancy: Att indikera att någonting på skärmen är klickbart eller manipulerbart på annat sätt. Feedback: Reaktioner på vad användaren gör eller har gjort, att visa status etc

14 Att göra saker: manipulation Donald Norman använder term: affordance the perceived and actual properties of the thing, [ ] that determine just how the thing could possibly be used. Men, han talade om fysiska objekt

15 Att göra saker: manipulation Alan Cooper använder termen pliancy, manipulerbarhet - Alla objekt som kan manipuleras har pliancy MEN den måste fortfarande indikeras så kallad hinting så att användarna förstår att de kan interagera med objektet - (Detta är ett större problem med touch-interface än med vanliga desktop GUIn)

16 Att indikera manipulerbarhet Static object hinting Att ett objekt kommunicerar alltid sin manipulerbarhet. Ex att knappar är ritade i 3D Dynamic visual hinting Att ett objekt ändrar utseende när markören passerar över det Pliant response hinting Att ett objekt ändrar utseende när man interagerar med det

17 Att indikera manipulerbarhet Cursor hinting - Att markören ändrar utseende när den passerar olika typer av objekt

18 Olika typer av feedback Feedback kan vara visuell - Objekt ändrar utseende för att visa att de är valda eller för tillfället aktiva Feedback kan också ges via ljud - Ljud brukar typiskt indikera att någonting händer nu, och kan användas för att dra uppmärksamheten till något som för tillfället inte syns, som ett program i bakgrunden. - -plinget är ett typiskt exempel - Undvik negativ ljudfeedback

19 Olika typer av feedback Feedback kan också vara modal - Initierar ett nytt mode /läge, t.ex. att öppna ett nytt fönster eller en dialog eller modeless - Avbryter inte användaren utan indikerar bara - Är att föredra framför modal feedback, om möjligt

20 Feedback: Modeless visuell feedback

21 Feedback: Modeless visuell feedback

22 So far so good Så nu har vi talat om: hur man indikerar vad man kan göra i ett GUI (pliancy, namngivning, ikoner, layout ) hur systemet reagerar på det som använderen gör (feedback) What s left?

23 Flow

24 Flow Flow är när allt flyter på utan störningar, pauser eller irritation. Flow tillståndet är EXTREMT PRODUKTIVT

25 Att designa för flow Följ användarens mentala model (extremt viktigt)

26 Att designa for flow Alla viktiga vertyg/funktioner ska vara inom räckhåll Layout: Komponenterna ska paceras på ett sätt som naturligt stödjer arbetet: - Det man arbetar med ska stå i fokus, med navigation etc runt om - Saker i rätt ordning (ex OK-knappen sist)

27 Att designa for flow Direkt manipulation stärker också flow eftersom det känns mer naturligt än

28 än exakta inställningar Det kan vara bra med exakta inställningar ibland, men man löper en viss risk att bryta flow

29 Använd så få steg som möjligt Hur många interaktionssteg måste man göra när man ska Spara som (om man har otur)? Spara som Tala om var Ange namn Ange filtyp Kan man undvika några av dessa steg?

30 Undvik onödiga val

31 ange defaults istället

32 Flow Undvik onödiga dialogrutor: Allt är är bra. OK? Skilj på att utföra en funktion och att konfigurera den att skriva ut vs. installera och konfigurera skrivare

33 Flow Skilj på att utföra en funktion och att konfigurera den att skriva ut vs. installera och konfigurera skrivare

34 Flow Det är stor skillnad på vad användare kan göra, och vad de oftast gör. - En programmerare måste hantera både vanliga och ovanliga val - Men GUI-designern ska designa för det vanligaste valet!

35 The enemy: Excise Image from creativeuncut.com

36 Excise är Alla de där extra interaktionerna som inte har nånting med målet att göra, men ändå måste utföras. - Om målet är att ta bilen till jobbet - så är det excise att öppna garage-dörren, köra ut, stänga garagedörren, tanka på vägen, hitta parkeringsplats, betala för parkeringen Excise är förstås också alla onödiga saker man måste göra

37 Visuell excise Excise kan också vara visuell, om det tar lång tid att förstå hur man kan använda ett GUI utan att det verkligen behövs (hög kognitiv last, om skärmen upplevs som väldigt rörig, med många animationer, färger etc..) Gissa vad denna website var för

38 staplesville.ca

39 Excise: Onödigt arbete, ping pong

40 Nödvändig excise: Navigation Navigation mellan - Sidor - Program - Vyer kan förenklas genom Översikter Signposts/breadcrumbs undvika djupa hierarkier

41 Nödvändig excise: växla modes (lägen) Ibland vill man göra det som ligger lite utanför det normala användningsfallet.

42 Excise att kräva inmatning när den inte behövs Att kräva att användarna ska mata in information som systemet redan har Att kräva att användarna ska ange allting, istället för att ge default-värden

43 Sammanfattning Ge användaren ledtrådar som visar vad man kan göra (funktionalitet) och hur (interaktion) Ge feedback Försök skapa flow Undvik excise

44 Sammanfattning Gör så här: Undvik detta:

45 Do this Don t do this

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

Vad 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 mer

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Den här veckan Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Kom ihåg att boka tiden för handledning på fredag när doodles kommer upp. Handledning

Läs mer

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215 TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215 DAG: 14 mars, 2011 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.

Läs mer

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

Grundlä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 mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Pappersprototyper Designexempel Listor (Tidwell kap.5, List of Things)

Läs mer

Interaktionsdesign, grundkurs INTERAKTION 1

Interaktionsdesign, grundkurs INTERAKTION 1 Interaktionsdesign, grundkurs INTERAKTION 1 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Vad är interaktion? 1.

Läs mer

Spel som interaktiva berättelser

Spel 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 mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Missad övning 5? Kontakta mig på peter.borjesson@ait.gu.se för att få en kompletteringsuppgift.

Läs mer

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

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet? Efterlysning! Kognitiv design 1 Hur man gör en användare glad Kursrepresentanter? Maila! Webbaserat system för gruppindelning. Idag Inledande exempel Vad är användbarhet? Hur gör användaren? Normans sjustegsmodell

Läs mer

Grupp 7 s Analys På Två Olika Parkeringsautomater

Grupp 7 s Analys På Två Olika Parkeringsautomater Inlämningsuppgift 1 Kognitiv ergonomi Industridesign, LTH Grupp 7 s Analys På Två Olika Parkeringsautomater Grupp 7: Patrick, Micke, Hanna och Raine 2003-09-11 Inlämninguppgift1 Kognitiv ergonomi Industridesign,

Läs mer

Clicker 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 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 mer

Kognition crash course

Kognition crash course Kognition crash course Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskap och kognitiv psykologi syftar till att beskriva och förstå hur tänkande går till. Människans

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU 1 Idag Lite av varje Projekt Kapitel 7 i Tidwell Kapitel 6 nästa gång Tenta

Läs mer

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

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu. Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Information om projekt och rapport Exempel på tentafrågor En del från

Läs mer

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag Den här veckan Kapitel 7 och 11 Kom ihåg att boka tiden för handledning på fredag Uppsamling av missade övningar på onsdag Making it look good Visuell design Färger Typografi Exempel och patterns Komplex

Läs mer

Människa-Datorinteraktion. HCI text

Mä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 mer

Objektorienterad programmering

Objektorienterad programmering Objektorienterad programmering Emil Ahlqvist (c10eat@cs.umu.se) Didrik Püschel (dv11dpl@cs.umu.se) Johan Hammarström (c08jhm@cs.umu.se) Hannes Frimmel Moström (c10hml@cs.umu.se) 1 1. Introduktion 1.1 Objektorienterad

Läs mer

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.

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. 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 mer

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Design och konstruktion av grafiska gränssnitt Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Making it look good: Visual Style and Aesthetics Visuell design Färger Typografi Exempel

Läs mer

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Lite info först Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Förra veckan... GUI = Graphical User Interface (grafiskt användargränssnitt) Gör så här

Läs mer

Studentguide Adobe Connect Pro

Studentguide Adobe Connect Pro Studentguide Adobe Connect Pro 2009-11-10 Inloggning För att vara med i ett möte behöver du inte installera någon programvara utan allt som behövs på din dator är Adobe Flash Player. Det programmet finns

Läs mer

- en expertanalys. av Anna Olvenmyr

- 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 mer

Innehåll. Användarstudier. Användarstudier enligt Microsoft. Varför? Aktivt lyssnande. Intervjuteknik. Intervju Observation Personor Scenarier Krav

Innehåll. Användarstudier. Användarstudier enligt Microsoft. Varför? Aktivt lyssnande. Intervjuteknik. Intervju Observation Personor Scenarier Krav Innehåll Användarstudier Johan Åberg johan.aberg@liu.se Intervju Observation Personor Scenarier Krav Varför? Användarstudier enligt Microsoft http://www.youtube.com/watch?v=v_s13 VtPpJQ Aktivt lyssnande

Läs mer

Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED

Interaktion 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 mer

Migrera till Word 2010

Migrera 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 mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU 1 Idag Lite av varje Doing things Golden rules Heuristics Intro usability Tenta

Läs mer

Objektorienterad programmering Föreläsning 15. Grafiska användargränssnitt (GUI Graphical User Interface)

Objektorienterad programmering Föreläsning 15. Grafiska användargränssnitt (GUI Graphical User Interface) Objektorienterad programmering Föreläsning 15 Copyright Mahmud Al Hakim mahmud@dynamicos.se www.webacademy.se Agenda Grafiska användargränssnitt (GUI Graphical User Interface) Standardklassen (Control)

Läs mer

Föreläsning 7. Grafiska användargränssnitt

Föreläsning 7. Grafiska användargränssnitt Föreläsning 7 Grafiska användargränssnitt För att göra grafiska användargränssnitt: Måste man veta hur man skapar komponenterna i ett GUI och vilka det finns. Till lab 3 räcker det med att känna till de

Läs mer

Projektrapport EDA095

Projektrapport EDA095 Projektrapport EDA095 Grupp 8 Fredrik Stål, dt08fs5@student.lth.se Per-Gustaf Stenberg, dt08ps5@student.lth.se Mattias Frisk, dt08mf3@student.lth.se Joakim Hembrink, dt08jh8@student.lth.se 16 maj 2012

Läs mer

När ReadHear är installerat på din dator, startar du det genom att klicka på programmets ikon.

När ReadHear är installerat på din dator, startar du det genom att klicka på programmets ikon. ReadHear - lathund ReadHear är en programvara som kan användas när du vill läsa upp talböcker från MTMs katalog Legimus eller inlästa läromedel från Inläsningstjänst i Daisy-format. DAISY står för Digitalt

Läs mer

KURSKATALOG. qlikview.com

KURSKATALOG. qlikview.com KURSKATALOG qlikview.com Om katalogen I den här katalogen finns all information du behöver om QlikViews utbildningar. Katalogen är indelad i två delar: utbildningar med instruktör antingen i QlikTechs

Läs mer

Aldrig mer krångliga system

Aldrig mer krångliga system Whitepaper Aldrig mer krångliga system När du investerar i ett nytt system är det viktigt att ställa rätt krav på användbarhet. Bra användbarhet ökar produktiviteten och arbetsglädjen. Läs mer på www.visma.se/commerce

Läs mer

GYMKEEPER ANDREAS SÖDERSTRÖM

GYMKEEPER ANDREAS SÖDERSTRÖM GYMKEEPER ANDREAS SÖDERSTRÖM 20120529 ABSTRAKT En post mortem på mitt ios-projekt. Utmaningen låg i att under 10 veckors tid sätta sig in i en plattform och programspråk jag aldrig använt förut. Jag har

Läs mer

Innehållsförteckning

Innehållsförteckning CANDY4 HD 20150129 Innehållsförteckning 1 Vad är CANDY4 HD?... 4 2 Säkerhetsföreskrifter... 5 3 Vad finns i förpackningen?... 6 4 Fysisk beskrivning... 7 5 Kom igång... 9 5.1 Ladda batteriet... 9 5.2 Ta

Läs mer

Tjänsten Jing och lärande över Internet Författare: Sofia Sundgren sosu0002, Digitala Distributioner

Tjänsten Jing och lärande över Internet Författare: Sofia Sundgren sosu0002, Digitala Distributioner Tjänsten Jing och lärande över Internet Författare: Sofia Sundgren sosu0002, Digitala Distributioner Innehållsförteckning Sammanfattning s. 3 1. Tjänstebeskrivning s. 4 1.1. Bakgrund s. 4 1.2. Funktioner

Läs mer

Kommandobaserad interaktion

Kommandobaserad 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 mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Sjuk Kortföreläsning Idag Torsdag intro till projekt Kom då! 1 MENYER OCH TOOLBARS

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Getting input from users Exempeldesign Paper prototyping Idag CHARM ingen övning

Läs mer

natur och miljö Syfte

natur och miljö Syfte Natur och miljö Kurskod: SGRNAT7 Naturvetenskapen har sitt ursprung i människans nyfikenhet och behov av att veta mer om sig själv och sin omvärld. Att veta hur företeelser i omvärlden hänger samman är

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Nya 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 mer

Netwise CMG Voice. 2002-02-28, Rev 1.0, CJ 1(16)

Netwise CMG Voice. 2002-02-28, Rev 1.0, CJ 1(16) Netwise CMG Voice Allmänt... 2 Användargränssnitt... 3 Telefongränssnitt... 3 Aktivitetsinformation... 3 Administration... 3 Inloggning... 4 Huvudmeny...4 Administration av dina röstmeddelanden... 5 Administration

Läs mer

Inkapsling (encapsulation)

Inkapsling (encapsulation) UML UML är en standard för att dokumentera och visualisera sina tankar och beslut under analys och design. Att lära sig allt om UML får inte plats i den här kursen, men vi kommer lära oss vissa delar.

Läs mer

Användarmanual Phoniro App 3.4 för Android

Användarmanual Phoniro App 3.4 för Android Användarmanual Phoniro App 3.4 för Android Innehållsförteckning Innehållsförteckning... 2 1 Phoniro Care - en IT-plattform inom vård och omsorg... 5 2 Terminologi och ikoner... 6 2.1 Terminologi... 6 2.2

Läs mer

Instruktion arbeta med rapportmallen

Instruktion arbeta med rapportmallen Instruktion arbeta med rapportmallen 29 oktober, 2015 INNEHÅLLSFÖRTECKNING 1 BÖRJA ANVÄNDA MALLEN 3 1.1 FYLLA I INFORMATION 3 1.2 INSTÄLLNING VISA /DÖLJ 3 1.3 INSTÄLLNING VISA TABELLSTÖDLINJER 3 2 FORMATMALLAR

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Exempel på tentafrågor En del från tidigare tentor men också lite andra

Läs mer

Om användare och designprocessen

Om användare och designprocessen Om användare och designprocessen Målorienterad design. Olika typer av användare. Mentala modeller, metaforer med mera. Att designa The interaction framework. Förra veckan. Gör så här Men inte så Förra

Läs mer

Virtuella doftspår på webbplatser

Virtuella 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 mer

BICT:01 BICT. sv-se. Användarinstruktion Gäller från BICT 2.24. Utgåva 5. Scania CV AB 2015, Sweden

BICT:01 BICT. sv-se. Användarinstruktion Gäller från BICT 2.24. Utgåva 5. Scania CV AB 2015, Sweden BICT:01 Utgåva 5 sv-se BICT Användarinstruktion Gäller från BICT 2.24 339 837 Scania CV AB 2015, Sweden Introduktion 3 Om BICT 3 Inställningar 4 Översikt 5 Beskrivning av termer 6 Grafiska symboler i programmet

Läs mer

Godman redovisning 2012

Godman redovisning 2012 Godman redovisning 2012 Kort presentation av Godman redovisning 2012 och vad som är nytt och förändrat. Startsidan Programmets startsida har inte får några större förändringar. Det som är nytt är att det

Läs mer

Projektarbete 2: Interaktiv prototyp

Projektarbete 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 mer

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc. Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Realtid. eda040project2010 MANUAL. - Christoffer Olsson. - Daniel Lehtonen

Realtid. eda040project2010 MANUAL. - Christoffer Olsson. - Daniel Lehtonen Realtid eda040project2010 MANUAL dt08es7 dt08co0 dt08dm8 dt08dl4 - Emil Selinder - Christoffer Olsson - David Meyer - Daniel Lehtonen Innehållsförtäckning Introduktion Hur man kör igång programmet Proxy

Läs mer

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.

Boken. 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 mer

Att intervjua och observera

Att intervjua och observera Att intervjua och observera (Även känt som Fältstudier ) Thomas Lind Institutionen för informationsteknologi Visuell information och interaktion 2014-01-27 Påminnelser från högre ort Gruppindelning! Välj/Hitta

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Information Projekt Projektplanering in 11/2 Projekthandledning Möjlighet till

Läs mer

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

Innehå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 mer

Skriv in sökvägen sam.sll.se

Skriv in sökvägen sam.sll.se Lathund för SAM-användning SAM (Säker Anslutning Multiaccess) används när det är driftavbrott på kommunikationen till Stockholm och vi därför inte kan nå TakeCare. Det du bör göra är att först konstatera

Läs mer

LINDINSPECT Webbgränssnitt

LINDINSPECT Webbgränssnitt rukarinformation Introduktion till webbverktyget LINDINSPET Förkrav: Datorn skall vara uppkopplad mot Internet (alt. annat nätverk med LINDINSPET). Stödjer Windows Internet från Explorer 9 eller senaste

Läs mer

Survey&Report steg för steg: Skapa rapport 2013-05-13

Survey&Report steg för steg: Skapa rapport 2013-05-13 1 Survey&Report steg för steg: Skapa rapport 2013-05-13 Ola Stjärnhagen 2 Skapa rapport 1. Klicka på Enkät > Hitta enkät. Listan som dyker upp visar endast de 50 senast skapade enkäterna. Klicka på Sök

Läs mer

Handbok Kstuds. Tomasz Boczkowski Granskare: Eugene Trounev Översättare: Stefan Asserhäll

Handbok Kstuds. Tomasz Boczkowski Granskare: Eugene Trounev Översättare: Stefan Asserhäll Tomasz Boczkowski Granskare: Eugene Trounev Översättare: Stefan Asserhäll 2 Innehåll 1 Inledning 6 2 Hur man spelar 7 3 Spelets regler, strategi och tips 8 3.1 Spelets regler........................................

Läs mer

HANDLEDNING ZENIT BILBOKNING

HANDLEDNING ZENIT BILBOKNING Sid 1 (16) HANDLEDNING ZENIT BILBOKNING Sid 2 (16) INNEHÅLLSFÖRTECKNING 1 HANDLEDNING FÖR WEBBASERAD BILPOOL... 3 1.1 LATHUND... 3 1.2 ÖVERSIKT ARBETSLÄGE WEBBASERAD BILPOOL... 3 1.3 INFORMATION OM BILPOOLENS

Läs mer

Elisabeth Bejefalk IT-Assistent Avesta kommun

Elisabeth Bejefalk IT-Assistent Avesta kommun Elisabeth Bejefalk IT-Assistent Avesta kommun Du ska nu få lära dig hur du enkelt kan göra ett bildspel i PowerPoint. Utifrån det du snart har lärt dig kan du sen göra mer avancerade bildspel genom att

Läs mer

CANDY4 HD II 20160419

CANDY4 HD II 20160419 CANDY4 HD II 20160419 2 Innehållsförteckning 1 Vad är CANDY4 HD II?... 6 2 Säkerhetsföreskrifter... 7 3 Vad finns i förpackningen?... 8 4 Fysisk beskrivning... 9 5 Kom igång... 11 5.1 Ladda batteriet...

Läs mer

Dynamic Review for Models ProjectWise Navigator

Dynamic Review for Models ProjectWise Navigator Dynamic Review for Models ProjectWise Navigator Magnus Cullberg Application Engineer, Bentley Systems Arbetsflöde för Dynamiskt Samarbete Arbete pågår Ordna & Publisera Granska, Analysera Förbättra Bentley

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Armin Nezirevic Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Denna vecka Onsdag Uppsamling av missade övningar Torsdag projektredovisning

Läs mer

Grundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5)

Grundlä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 mer

Upptäcka och analysera. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna.

Upptäcka och analysera. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Upptäcka och analysera Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Qlik, QlikTech,

Läs mer

Instruktion Tibropresentation

Instruktion 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 mer

J A G T Ä N K E R, D Ä R F Ö R Ä T E R J A G.

J A G T Ä N K E R, D Ä R F Ö R Ä T E R J A G. bistro JAG TÄNKER, DÄRFÖR ÄTER JAG. Stockholm Örebro Gävle Uppsala Norrköping InDesign CS4 innehåller en mängd genomskinlighetsfunktioner som främjar din fantasi och kreativitet. InDesign CS4 ger dig kontroll

Läs mer

Betatestning - Solsystem

Betatestning - 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 mer

Byta lösenord på en Ingate Firewall 1180/1190/SIParator 18/19. Lisa Hallingström Paul Donald Bogdan Musat Adnan Khalid

Byta lösenord på en Ingate Firewall 1180/1190/SIParator 18/19. Lisa Hallingström Paul Donald Bogdan Musat Adnan Khalid Byta lösenord på en Ingate Firewall 1180/1190/SIParator 18/19 Lisa Hallingström Paul Donald Bogdan Musat Adnan Khalid Table of Contents Byta lösenord på en Ingate Firewall 1180 eller Ingate Firewall 1190...3

Läs mer

En Raggningsexperts Bekännelser

En Raggningsexperts Bekännelser En Raggningsexperts Bekännelser AV: Dennis Danielsson Förord Dom allra flesta av oss har någon gång i sitt liv gjort saker man sedan ångrat, vissa har gjort fler saker och andra har gjort färre. Den stora

Läs mer

Microsoft Expression Blend + Sketch Flow

Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

Handbok för knappexpansionsmodul (KEM) för IP-telefon. BCM Business Communications Manager

Handbok för knappexpansionsmodul (KEM) för IP-telefon. BCM Business Communications Manager Handbok för knappexpansionsmodul (KEM) för IP-telefon BCM Business Communications Manager Dokumentversion: 02 Artikelkod: N0094437 Datum: Januari 2006 Copyright Nortel Networks Limited 2006 Med ensamrätt

Läs mer

Innehåll 1. Inledning 2. Metod 3. Resultat och diskussion 3.1 Miljön 3.2 Bankomaten 3.3 Användarna 4. Sammanfattning 5. Bilagor 5.

Innehåll 1. Inledning 2. Metod 3. Resultat och diskussion 3.1 Miljön 3.2 Bankomaten 3.3 Användarna 4. Sammanfattning 5. Bilagor 5. Innehåll 1. Inledning 2 2. Metod 2 3. Resultat och diskussion 2 3.1 Miljön 2 3.2 Bankomaten 5 3.3 Användarna 10 4. Sammanfattning 10 5. Bilagor 5.1 Flödesdiagram 5.1.1 SEB 5.1.2 5.2 Intervjuer 1 1 Inledning

Läs mer

TRACOM Sneak Peek Excerpts from. Självskattnings-Guide

TRACOM Sneak Peek Excerpts from. Självskattnings-Guide TRACOM Sneak Peek Excerpts from Självskattnings-Guide självskattnings- GUIDE Innehållsförteckning Introduktion...1 SOCIAL STYLE MODELLEN TM...1 Vad bestämmer din stil?...1 SOCIAL STYLE och arbetet med

Läs mer

Människa-Datorinteraktion

Människa-Datorinteraktion Människa-Datorinteraktion Grundutbildnings-, forskarutbildnings- och forskningsämne som behandlar Gränssnitt och kommunikation människa-dator Kommunikation och samarbete människa-människa via (medierat

Läs mer

WordRead Plus för Mac

WordRead 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 mer

Paneler - VCPXX.2. Programmeringsmanual för VCP-paneler. Revision 2

Paneler - VCPXX.2. Programmeringsmanual för VCP-paneler. Revision 2 Paneler - VCPXX.2 Programmeringsmanual för VCP-paneler Revision 2 Innehållsförteckning Innehållsförteckning... 2 1 Symbolfiler för kommunikation via IndraLogic... 3 2 Uppsättning i IndraWorks... 6 3 Programmering

Läs mer

Scribus fortsättning

Scribus fortsättning Scribus fortsättning Guide och uppgifter Gunnar Markinhuhta ITLyftet ~ 1 ~ Scribus forts del 1 Hantera text och objekt Text längs bana 1. Rita ut en vågig linje med Frihandspennan eller Bezier-verktyget

Läs mer

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012 Oktober 2012 Uppgiften går ut på att redovisa dina kunskaper kring JavaScript, liksom din förmåga att skapa en CSS-baserad layout. Detta gör du genom att lämna in ett resultat som följer specifikationerna

Läs mer

Microsoft Windows 8 Grunder

Microsoft 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 mer

2 SPD - ett realtidsystem för distansundervisning

2 SPD - ett realtidsystem för distansundervisning 1 FÖRUTSÄTTNINGAR 1 1 Förutsättningar Vårt verktyg, SPD, är tänkt som ett kompliment till befintliga distansundervisningssytem, tex Luvit. Det är alltså inte ett fristående program. Funktioner som chat,

Läs mer

Flexibel meny i Studentportalen

Flexibel meny i Studentportalen Guide Flexibel meny i Studentportalen Via en flexibel meny kan lärare och administratörer skapa en menystruktur som består av menyblock och funktioner i valfri ordning. På så sätt kan menyn spegla kursens

Läs mer

Rhino3D. Schackbräde. Krav. Några detaljer som kan vara bra att känna till:

Rhino3D. Schackbräde. Krav. Några detaljer som kan vara bra att känna till: Laboration 2, PVT02 Modellering och Animering i Rhino 2D4138 Visualisering, datorgrafik och avancerad interaktion, (fovgrafik02), våren 2002 görs under andra kursveckan Labben går ut på att ni ska få en

Läs mer

Lathund till Dexter IUP

Lathund till Dexter IUP Barn- och utbildningsförvaltningen 2009-01-01 Lathund till Dexter IUP Version 3 1. Gå in på webbadressen: http://skolwebb.eskilstuna.se 2. Logga in med ditt användarnamn och lösenord. Klicka på knappen

Läs mer

TABELLHANTERING. Formler, fungerar det att ha i tabeller?

TABELLHANTERING. Formler, fungerar det att ha i tabeller? TABELLHANTERING Formler, fungerar det att ha i tabeller? Detta lilla kompendium går igenom skillnader i tabeller mellan olika program. Eftersom det finns skillnader på hur tabeller fungerar så skall jag

Läs mer

Handbok Artikulate. Andreas Cord-Landwehr Ondrila Gupta Översättare: Stefan Asserhäll

Handbok Artikulate. Andreas Cord-Landwehr Ondrila Gupta Översättare: Stefan Asserhäll Andreas Cord-Landwehr Ondrila Gupta Översättare: Stefan Asserhäll 2 Innehåll 1 Inledning 5 1.1 Inlärningsmetodiken.................................... 5 1.2 De första stegen i Artikulate................................

Läs mer

Användarhandbok OE/OSSpeaker V.10.3

Användarhandbok OE/OSSpeaker V.10.3 Användarhandbok OE/OSSpeaker V.10.3 OESpeaker Version 10.3 OSSpeaker Version 10.3 Status: 26.2.2007 Innehållsförteckning Installation av programmet 2 Inknappning av onlinekontroller 2 Inmatning av biografier

Läs mer

För en helt ny användare går det snabbare än tidigare att lära sig de funktioner som finns.

För en helt ny användare går det snabbare än tidigare att lära sig de funktioner som finns. Hej I denna guide kan du hitta de flesta förändringar som finns i den nya versionen av Adobe Connect. Den är främst riktad till er som jobbat med Connect i den tidigare versionen. Dock ger övergångsguiden

Läs mer

1.2 Logotypens färgsättning

1.2 Logotypens färgsättning GRAFISK MANUAL Vår grafiska profil Den grafiska profilen utgörs av logotypen, våra färger och vår typografi. Dessa bildar tillsammans bilden och uppfattningen av varumärket Ridentity. Denna manual beskriver

Läs mer

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

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of

Läs mer

Resurscentrum för kommunikation Dako 2015. SymWriter 2. Minimanual

Resurscentrum 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 mer

Kognition & Konceptuell design

Kognition & 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 mer

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

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 mer

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering

Dagens 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 mer