HCI-text Skriftlig examination
|
|
- Monica Persson
- för 5 år sedan
- Visningar:
Transkript
1 Människa-datorinteraktion, DVC Januari 2002 HCI-text Skriftlig examination Del 1. Grupp A Johan Bergsten, mda00jbe@student.bth.se Stefan Höglund, mda00sho@student.bth.se
2 Innehållsförteckning : Innehållsförteckning :...2 Introduktion till HCI...3 Inledning...3 Designmönster...4 Användning av designmönster...5 Direct Manipulation...5 Övriga designmönster...9 Metaforer...11 Reflektion på designmönster...11 Källförteckning
3 Introduktion till HCI Human Computer Interaction, HCI är ett ämne som berör design, utvärdering och implementation av interaktiva datorsystem för mänskligt användade. Stort fokus ligger på användaren och aktiviteter kring denne. Idag tillverkars många produkter som människor använder i sitt liv, men hur användbara är de? Då en produkt tillverkas tänker utvecklaren oftast inte på användaren. Personerna som utvecklar produkten är tekniska experter på sitt område och tycker däför att deras produkter är enkla och användbara för alla. Så är dock sällan fallet. Hur svårt är det inte att progra mmera videon för inspelning eller att installera ett nytt program på datorn? Speciellt svårt blir det om det är första gången man gör det. Interaktionsdesign (Eng. Interaction Design) är ett multidisciplint ämne inom HCI som för olika kategorier utvecklare och designers närmare varandra och närmare användaren, vilket resulterar i användbara och enkla produkter. Inledning Under hösten har vi arbetat med olika övningar, där har vi bl.a. studerat färdig kod och manipulerat den för att ändra i ett grafiskt användargrä nssnitt. En del av kursfokus ligger på laborationer där vi har lärt oss om designmönster och hur vi kan använda oss av dem för att designa så användbara applikationer som möjligt. Genom att praktisera de nya kunskaperna och samtidigt reflektera över dem skapar vi god förståelse för designmönster. Vi vill med denna text reflektera över vad vi lärt oss och hur vi har använt oss av kunskaperna i vår slutliga laboration. Vi ska lyfta fram olika designmönster och diskutera varför de är viktiga i designen av en användbar applikation. Vi kommer att styrka argument med hjälp av andra källor inom HCI-området. Ett annat område vi vill behandla är informationsinsamlig och kravformulering. Dessa är centrala ämnen i MDAutbildningen och vi vill därför ge dessa extra utrymme i vår HCI-text. I kursen 3
4 objektorienterad systemutveckling introducerades vi till begreppet krav och kravspecifikation (Eng. requirements). Vi vill i texten undersöka hur kravbegreppen i HCI och objektorienterad systemutveckling hänger ihop, om de kompletterar varandra eller om de konkurrerar med varandra. Designmönster I HCI-kursen introducerades vi till designmönster. Designmönstren ger riktlinjer för hur användbara användargränssnitt designas. De hjälper designern att designa program som känns familjära för användaren. En designer som känner till designmönstren har stor nytta av det. Designmönstren ger universellt användbara riktlinjer för användargränssnittsdesign som alltid är bra att ha i bakhuvudet under designarbetet. Men hur viktiga är designmönstren? Vilket är viktigast? Dessa är några frågor vi ska försöka besvara efter att vi presenterat de mönster vi tycker är grundläggande och de mönster vi har använt oss av i våra laborationer. Use elements that are familiar to the user in the GUI. (Grand, 1999) Vid kursens första laborationstillfälle tilldelades vi ett kompendium om designmöster. I vår första laboration beskrev och identifierade vi följande designmöster: Selection, Direct Manipulation, Window Per Task och Form. Dessa designmöster kommer vi att beskriva i texten nedan. I vår andra laboration, där vi designade och implementerade ett eget program, fick vi chansen att själva tillämpa designmöster. Exempel på hur vi implementerade designmönster i laboration 2 följer i texten nedan. De möster vi inte har använt oss av beskriver vi endast kortfattat i texten p.g.a. det begränsade utrymmet. De fyra designmönster vi valt att fokusera på är de designmönster vi tror är vanligast. 4
5 Användning av designmönster Direct Manipulation 2 Direct Manipulation låter användare interagera med ett objekt genom att manipulera en representation av objektet. I figur 1 nedan utgörs objektet av en tabell (1) och objektrepresentationen av en slider (2). Genom att dra slidern i sidled manipulerar användaren storleken på tabellcellerna i realtid. 1 Figur1. SwingSet, TableView. Fördelen med Direct Manipulation är att användaren ser på en gång hur objektet förändras. Användaren slipper då att hålla en mental modell av objektet t.ex. genom att gå in på en annan sida för att se hur objektet har påverkats. Tack vare Direct Manipulation blir det enkelt för användaren att avgöra om utgången av manipulationen var den önskvärda. 3 Form Designmöstret Form (Sv. Formulär) låter användaren skriva in strukturerad data som enskilda bitar av information i ett användargränssnitt. Då användaren väljer att registrera en ny media (Figur 2) visas ett formulärfönster (3) i användargränssnittets högra hälft. Datan ska här registreras som enskilda informationsbitar på ett strukturerat 4 Figur 2. Media Register, Registrera ny video. 5
6 sätt. Användaren vet vilken information som ska skrivas in eftersom varje textfält har en tydlig rubrik. Längst ner på formulärssidan finns en Spara -knapp (4) som användaren trycker på då all information är inskriven. Den fugerar som en bekräftelse, från användargränssnittets sida, på att registeringen är klar. Förbättringar som skulle gjort formulärsidan ännu bättre hade varit en markering av vilken information som är obligatorisk och ett meddelande till användaren om denne försöker skriva in felaktig information t.ex. text i ett fältet avsett för publiceringsår. Ett annat exempel på designmönstret Form är hur vi använde det i laboration två. I laborationen skapade vi applikationen Telefonbok. Vid användning av applikationen guidar designmönstret användaren genom registreringen av en ny kontakt i telefonboken (Figur 3). Uppgiften utföres uppifrån och ner och slutar med att användaren registrerar informationen genom att trycka på knappen Register längst ner i förnstrets vänstra hörn. Användaren känner igen sig tack vare designmönstret som gör funktionen Figur 3. Telfonbok, Registrera ny person. användbar. Då användaren känner igen sig undviks frustration och uppgiften blir enkel att utföra. Interfaces should be designed to be simple, perceptually salient and elegant and to adhere to usability design principles, well-thought-out graphic design principles and ergonomic guidelines (e.g. Mullet and Sano, 1996) 6
7 Selection Selection låter användaren interagera med användargränssnittet genom att göra val från en lista. Exemplet från SwingSet2 Table Demo är en sk flat presentation där alla val visas på en gång. Användaren får en enkel översikt av de möjliga val hon eller han kan göra. Det är även en Singel selection där användaren endast kan markera ett val i listan. 5. I figur 4 specificerar användaren data med hjälp av drop down -menyn (5). Användargränssnittet vet i Figur 4. SwingSet, TableView. förväg vilka möjliga val användaren kan göra. Användaren behöver inte skriva in någon data, utan specificerar datan genom sitt val. Användaren tycker att det är lättare att välja data från en lista än att specificera den själv, vilket i sin tur gör det lätt för en nybörjare att guida sig själv genom användargränssnittet och göra val. Window Per Task Window Per Task innebär att användargränssnittet ska ha separata fönster för varje sammanhängande uppgift användaren ska utföra. All information som krävs för att utföra uppgiften ska finnas i fönstret. Användargränssnittet gör det möjligt att byta mellan olika fönster och på så vis koordinera arbetsuppgifter. Figur 5. SwingSet, TableView. Figur 5 visar ett exempel på Window Per Task. Under fliken Table Demo (6), kan användaren registrera personers intressen. Under fliken Source Code kan 6 7
8 användaren läsa applikationens källkod. Uppgifterna användaren utför under respektive flik är vitt skilda, det är därför rätt att dela upp dem i var sitt fönster enligt designmöstret Window Per Task. Fördelen med detta mönster är att användaren behöver bara koncentrera sig på ett fönster och när hon är klar med fönstret kan hon enkelt gå vidare. Ett annat exempel på designmönstret Window Per Task är implementerat i vår laboration 2, Telefonbok. Då användaren klickar på knappen ny öppnas ett nytt fönster med ett formulär där personuppgifter ska fyllas i. Då användaren trycker på knappen Register stängs fönstret och den nya kontakten presenteras i huvudfönstret. Många användare förväntar sig att program ska fungera på ett visst sätt. Det ska vara lätt att Figur 6. Telfonbok, Registrera ny person. förstå och lära sig använda det. Vi har lärt oss detta genom åren som MDA-studenter och även Preece med flera understryker hur viktigt det är sin bok Interaction Design (Preece, 2002). The way an interface is designed can greatly affect how well people can perceive, attend, learn and remember how to carry out their tasks. (Preece, 2002) 8
9 Övriga designmönster Interaction Style Detta mönster hjälper designern att välja det primära sätt på vilket användaren ska interagera med ett fönster. Interaction Style är ett meta-mönster som stödjer val av dominerande interaktionsstil enligt designmönstren Selection, Form, Direct Manipulation och Conversational Text. Explorable Interfaces Explorable Interfaces är ett designmönster som tillåter användaren att bli förlåten i sitt användande. Detta t.ex. genom att användaren ges möjligheten gå tillbaka till tidigare beslut eller ändra och göra om. T.ex. finns det i Microsoft Word en ångra-knapp (7) där användaren kan ångra en handling och nå ett tidigare stadium i arbetsprocessen. På engelska kallas funktionen undo. Figur 7. Microsoft Word 7. Conversational Text Designa ett användargränssnittet som accepterar kommandon i form av text. Detta mönster är inget vi har arbetat med, så vi har väldigt lite erfarenhet av det. Limited Selectio n Size Vid implementation av Selection, se till att undvika att inte visa mera än ett antal begränsade val för tillfället. Relaterade designmöster är Selection. Ephemeral Feedback Förser användare med återkoppling om statusen på deras arbete utan att störa användaren i det naturliga arbetsflödet. Exempel är en progress meter. 9
10 Disabled Irrelevant Things Disabled Irrelevant Things innebär att designern gömmer eller sätter element i användargränssnittet som inte är relavanta i det aktuella tillståndet ur funktion. Ett exempel på Disabled Irrelevant Things från laboration 2 ( Telefonboken ) visas i figur 8. Här syns en liten del av den tabbade panel som användaren använder för att bläddra bland kontakterna i telefonboken, sorterade på efternamn. Endast tabbar som innehåller kontakter är påkopplade (Eng. enabled). De tomma sidorna är ju inte intressanta och är därför frånkopplade (Eng. Disabled). På detta sätt har vi gjort applikationen mera lättanvänd. Step-by-Step Instructions Step-by-Step Instructions leder användaren genom uppgiften genom att användargränssnittet talar om för användaren hur denne ska utföra en uppgift, istället för att användaren talar om för användargränssnittet vad som ska utföras. Detta kan vara ett väldigt bra designmönster att använda då en användare t.ex. ska installera ett nytt program på sin dator. Fig. 8, Lab 2 Telefonboken Tomma tabbar är frånkopplade. Supplementary Window Detta designmönster är känt eftersom det brukar implementeras genom dialogfönster. Mönstret visar ett tilläggsfönster till huvudfönstret. Syftet med detta fönster är att visa användaren att t.ex. någonting är fel eller att man försöker öppna fil som inte finns. Dialogfönstret poppar då upp och informerar om vad som inträffat. Ett exempel på detta implementerade vi i vår applikation Telefonboken (laboration 2) se figur 9. Fig. 9, Exempel på Supplementary window från lab. 2 Telefonboken. 10
11 Metaforer Många av designmönstren bygger på att designern skapar metaforer av verkliga objekt (Preece, 2002, kapitel 2.4). Det kan vara metaforer i form av utseende eller egenskaper. Microsoft Windows är fullt av metaforer som representerar verkliga objekt. T.ex. papperskorgen, skribordet och dokument. Objekt representeras ofta genom ikoner som kan manipuleras. Metaforerna är mycket avändbara eftersom de hjälper användaren att orientera sig samt förstå och lära sig hur objekt ska användas. Ett exempel på hur metaforer kan hjälpa användare är vid utskrift av ett dokument. Genom att dra dokumentikonen (som representerar ett dokument) och släppa den på skrivarikonen (som representerar skrivaren) så skrivs dokumentet ut. Ett exempel på hur metaforer används i designmönster är designmönstret Form (Sv. Formulär). Designmönstret ger riktlinjer för hur användaren ska registrera strukturerad data som enskilda bitar av information i ett användargränssnitt. Här används formulärmetaforen för att användaren ska känna igen sig och förtså hur uppgiften ska lösas. Form innebär att textfälten i användargränssnittet utformas som ett formulär där användaren registrerar information. Reflektion på designmönster Designmönster är bra både för designern och för användaren. En designer som känner till designmönstren har nytta av detta i designen av grafiska användargränssnitt. Genom ha designmönstren i bakhuvudet, tänka tillbaka på dem och implementera så många som möjligt av dem i designen, så skapar designern mer användbara applikationer. För oss var det nytt att använda designmöster i applikationsdesign. Genom laborationerna har vi fått god förståelse för nyttan med designmönster. Det var en utmaning att i laboration två försöka implementera så många designmönster som möjligt. Vi ville ju skapa en så användbar prototyp som möjligt eftersom den skulle utvärderas av en annan laborationsgrupp (och oss själva) då den var klar. Vi tycker också att designmönstren har 11
12 gett oss en bättre bild av användare n och vad användaren förväntar sig av en applikation. Designmönstren skapar tillsammans en standard för användargränssnittsdesign. Ju fler designers som känner till och implementerar designmöntren, desto fler användare borde bli nöjda med deras applikationer. På så vis skapas fler användbara applikationer. 12
13 Källförteckning Robertson, James & Susanne: Volere Requirements Specification Template Edition Larman, Craig. Applying UML And Patterns: An Introduction to Object-Oriented Analysis and Design. Prentice Hall Kyhlbäck, Hans. Föreläsning i HCI på BHT: MDI och Standard, krav och testning Blekinge Tekniska Högskola. Den 21 november Grand, Mark. Patters in Java: Volume 2. Wiley Preece, Rogers, Sharp. Interaction Design Beyond human-computer interaction. Wiley
HCI-text Skriftlig examination
Människa-datorinteraktion, DVC002 17 Januari 2002 HCI-text Skriftlig examination Del 2. Grupp A Johan Bergsten, mda00jbe@student.bth.se Innehållsförteckning : Innehållsförteckning :... 2 Kravetablering...
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 merMä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 merDen kompletta studiehandledningen för kursen DT126G Användbarhet för mobila enheter
Den kompletta studiehandledningen för kursen DT126G Användbarhet för mobila enheter Daniel Bosk studyguide.tex 1577 2014-01-21 16:59:17Z danbos Innehåll 1 Mål 1 2 Kursupplägg 2 2.1 Schema................................
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 merDH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang
DH2622 MDI-fk Introduktion till kursen & ämnet Tisdagen den 27 oktober 13-15 i svg alz@kth.se http://www.csc.kth.se/utbildni ng/kth/kurser/dh2622/ MDI på KTH Kursen i sitt sammanhang Forskningsmiljö Utbildning
Läs merDen kompletta studiehandledningen för kurserna DT157G/IG025G Människa datorinteraktion och IU127G Interaktionsdesign
Den kompletta studiehandledningen för kurserna DT157G/IG025G Människa datorinteraktion och IU127G Interaktionsdesign Daniel Bosk studyguide.tex 1897 2014-08-21 15:05:49Z danbos Innehåll 1 Mål 1 2 Kursupplägg
Läs merObjekt-orienterad Programmering och Design. TDA552 Alex Gerdes, HT-2018
Objekt-orienterad Programmering och Design TDA552 Alex Gerdes, HT-2018 Kursteamet Dr. Alex Gerdes examinator och föreläsare (Dr. Niklas Broberg föreläsare) Handledare: Sólrún Halla Einarsdóttir Yazan Ghafir
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 merObjektorienterad Systemutveckling Period 3
Objektorienterad Systemutveckling 2 2018 Period 3 kurskod C1OB2B Innehåll Kursintroduktion Kursmaterialet finns temporärt även på http://www.gidenstam.org/hb/oosu2 KURSINTRODUKTION Kursintroduktion Inblandade
Läs merProjekt: Utveckling av ett användargränssnitt
Projekt: Utveckling av ett användargränssnitt Daniel Bosk interactivesys.tex 221 2017-09-25 14:46:14Z jimahl Innehåll 1 Introduktion 1 2 Syfte 2 3 Läsanvisningar 2 4 Genomförande 2 5 Examination 3 5.1
Läs merGuide till att använda Audacity för uttalsövningar
Guide till att använda Audacity för uttalsövningar Victoria Johansson Humlabbet, SOL-center, Lund IT-pedagog@sol.lu.se 28 mars 2006 1 Inledning Audacity är ett program som kan användas för att spela in
Läs merFöreläsning 1 2i1029 / MDI - Människa DatorInteraktion. Vem är jag någonstans? Vad är MDI?
Föreläsning 1 2i1029 / MDI - Människa DatorInteraktion Göra teknik för människor - eller göra människor för teknik? Patric Dahlqvist &Ulrika Norman 1 Vem är jag någonstans? Patric Dahlqvist, patricd@dsv.su.se,
Läs merObjekt-orienterad Programmering och Design. TDA551 Alex Gerdes, HT-2016
Objekt-orienterad Programmering och Design TDA551 Alex Gerdes, HT-2016 Kursteamet Dr. Alex Gerdes kursansvarig, föreläsare Dr. Niklas Broberg examinator, (föreläsare) Fredrik Sjöholm handledare Johan Andersson
Läs merIntroduktion till människa datorinteraktion och interaktionsdesign
Introduktion till människa datorinteraktion och interaktionsdesign Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1257 2013-09-05 07:55:25Z
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Armin Nezirevic Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Vad utmärker ett bra användargränssnitt? Kort kursinfo
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 merTENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091
TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 DAG: 5 mars, 2012 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.
Läs merGRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet
GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller
Läs merDesign och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion
Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen Ph D, MSc Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) och CID(KTH) Uppsala Universitet Institutionen för Avdelningen för
Läs merHandledning för Installation av etikettskrivare
Handledning för Installation av etikettskrivare Windows 7 Expert Systems 2011 Expert Systems kundtjänst: Senast Uppdaterad: 15-02-23 Exder Etikettskrivare Windows 7 Sida 2 av 23 Innehållsförteckning 1.
Läs merJa, men resultatet blir inte lika bra. Det är att skapa genvägsikoner. Se anvisningar nedan:
Du måste ha WinZip installerat, eller ett annat program som kan hantera filer med filtillägget zip! Du måste packa upp filen innan du kan använda ikonerna eller bilderna här. Vad är WinZip? WinZip är ett
Läs merLaboration 1 Introduktion till Visual Basic 6.0
Laboration 1 Introduktion till Visual Basic 6.0 Förberedelse Förbered dig genom att läsa föreläsningsanteckningar och de kapitel som gåtts igenom på föreläsningarna. Läs även igenom laborationen i förväg.
Läs merObjekt-orienterad programmering och design. DIT953 Niklas Broberg, 2018
Objekt-orienterad programmering och design DIT953 Niklas Broberg, 2018 Kursteamet Niklas Broberg kursansvarig, föreläsare, examinator Johannes Åman Pohjola föreläsare Assistenter: Karin Wibergh Sarosh
Läs merFö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 merSnabbstartsguide. Verktygsfältet Snabbåtkomst Kommandona här är alltid synliga. Högerklicka på ett kommando om du vill lägga till det här.
Snabbstartsguide Microsoft Word 2013 ser annorlunda ut jämfört med tidigare versioner, så vi har skapat den här guiden så att du så snabbt som möjligt ska komma igång. Verktygsfältet Snabbåtkomst Kommandona
Läs merAtt fastställa krav. Annakarin Nyberg
Att fastställa krav Annakarin Nyberg Disposition Del 1 Varför samla in krav? Typer av krav Interaktionsdesign och krav Del 2 Analys, tolkning och presentation Scenarios Use cases Task analysis Avslutning
Läs merNätkurs Design & konstruktion av användargränssnitt 1MD113 Sid 1 (5) Lektion 11 Användare, uppgifter och krav del
Nätkurs Design & konstruktion av användargränssnitt 1MD113 Sid 1 (5) Del 3 Uppgiftsanalys Av Stefan Blomkvist Uppgiftsanalysen ska svara på frågor om vilka uppgifter användarna utför och hur dessa genomförs.
Läs merSnabbguide till de nya funktionerna
Snabbguide till de nya funktionerna INNEHÅLL Vad är nytt i PhysioTools... 2 Sidan Övningar... 2 Starta PhysioTools... 2 Webbadress till er installation av PhysioTools... 2 Gör ett träningsprogram... 2
Läs merInteraktionsdesign, grundkurs (7,5 HP)
Interaktionsdesign, grundkurs (7,5 HP) Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign, Virtual Reality & Augmented Reality Det började med att farmor
Läs mer2009-08-20. Manual för Typo3 version 4.2
2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1
Läs merLaboration 2 Datorverktyg vid LiU
Laboration 2 Datorverktyg vid LiU Denna laboration är tänkt att ge information om några av de grundläggande verktyg som du, som studerar vid Linköpings Universitet, kan ha nytta av. Ett tips är att läsa
Läs merMiljön i Windows Vista
1 Miljön i Windows Vista Windows Aero Windows Aero (Aero Glass), som det nya utseendet eller gränssnittet heter i Vista, påminner mycket om glas och har en snygg genomskinlig design. Det är enklare att
Läs merInteraktionsdesign, grundkurs (7,5 HP)
Interaktionsdesign, grundkurs (7,5 HP) Vem är jag? Christofer Rydenfält Forskar inom Human Factors, ofta med fokus på avancerad sjukvård Doktor i arbetsmiljöteknik Lärare på kursen Christofer Rydenfält:
Läs merIC1007 Människa-dator interaktion: Principer och Design 7,5 hp
IC1007 Människa-dator interaktion: Principer och Design 7,5 hp Human-computer Interaction: Principles and Design Kursplan för IC1007 gäller från och med HT11 Betygsskala: A, B, C, D, E, FX, F Utbildningsnivå:
Läs merMagnus Palm. Lättläst IT
Magnus Palm Lättläst IT Del 1 LÄRA KÄNNA DIN DATOR 1. Persondatorn... 6. Bekanta dig med Windows XP... 7 3. Filer... 10. Hitta i datorn... 1 5. Gör det enkelt att hitta i datorn... 16 6. Övningsuppgifter...
Läs merInteraktionsdesign (7,5 HP)
Interaktionsdesign (7,5 HP) Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign och Virtual Reality Det började med att farmor Gretas TV tappade alla
Läs merSpela in och exportera din PowerPoint som en film via Premiere Elements
Spela in och exportera din PowerPoint som en film via Premiere Elements Microsoft Powerpoint är ett program som numer är välbekant för alla inom utbildningssektorn. Det som många inte känner till är att
Läs merIT-körkort för språklärare. Modul 9: Rätta skrivuppgifter
IT-körkort för språklärare Modul 9: Rätta skrivuppgifter Innehåll I. Rätta uppgifter i Word... 3 Markera fel med färger snabbt och enkelt... 3 Använd Words rättningsverktyg skriv kommentarer... 4 Gör ändringar
Läs merGran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)
Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) I detta exempel kommer du att lära dig Att skapa en ny presentation från början Att skapa en enkel knapp Att använda händelseinställningar, events
Läs merProjekt: Utveckling av ett användargränssnitt
Projekt: Utveckling av ett användargränssnitt Daniel Bosk interactivesys.tex 157 2016-10-04 21:02:00Z jimahl Innehåll 1 Introduktion 1 2 Syfte 2 3 Läsanvisningar 2 4 Genomförande 2 5 Examination 3 5.1
Läs merIntroduktion till MDI
Introduktion till MDI Anna Swartling ast@kth.se Varifrån kommer MDI? Relativt ny vetenskap, håller fortfarande på och utvecklas Tvärvetenskapligt Kognitiv psykologi Datalogi Ergonomi Pedagogik Socialpsykologi
Läs merStarta Egenrapportering automatiskt i Windows
EGENRAPPORTERING WINDOWS Starta Egenrapportering automatiskt i Windows En förutsättning för att starta Egenrapportering är att man har Java installerat på sin dator. Vi rekommenderar av säkerhetsskäl att
Läs merSkapa mapp. * Gör så här: Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande.
Ideell IT-förening där äldre lär äldre Skapa mapp Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande. * Gör så här: 1. Se till att du befinner dig på den plats i datorn
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Kort kursinfo Lab info Föreläsning - Vad utmärker ett bra användargränssnitt?
Läs merLaboration 2 i datorintro för E1 Detta dokument innehåller instruktioner och övningar för introduktion till E-programmets datorsystem och web-mail.
Laboration 2 i datorintro för E1 Detta dokument innehåller instruktioner och övningar för introduktion till E-programmets datorsystem och web-mail. E-programmets datorsalar är utrustade med datorer som
Läs merDesign och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion
Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen Ph D, MSc Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) och CID(KTH) Uppsala Universitet Institutionen för Avdelningen för
Läs merObjektorienterad programmering med Java Swing: Händelser, lyssnare och applets
GUI (forts) Objektorienterad programmering med Java Swing: Händelser, lyssnare och applets Sven-Olof Nyström Uppsala Universitet 18 mars 2005 Skansholm: Kapitel 6 Användaren kan kommunicera med programmet
Läs merGrafiska användargränssnitt i Java
TDDD78, TDDE30, 729A85 jonas.kvarnstrom@liu.se 2018 Grafiska användargränssnitt i Java En genomgång av de viktigaste begreppen Alternativ 2 Från början fanns AWT, Abstract Window Toolkit Stora delar har
Läs merAnvändarmanual Brunskog Transportbokning.
Användarmanual Brunskog Transportbokning. Det finns två typer av användare i Brunskog Transportbokning. En enkel användare som endast kan boka en sändning och som inte har tillgång till de övriga funktioner
Läs merJuni 2003 PlanCon Viewer Handledning PlanCon PROJEKT
PlanCon Viewer Med PlanCon Viewer kan du som inte har PlanCon öppna PlanCon projekt (*.prj) och skriva ut dessa. Inga ändringar i projektet kan göras. Filtreringar, sorteringar och vissa ändringar i utseendet
Läs merKom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB
Kom igång med Windows 8 www.datautb.se DATAUTB MORIN AB Innehållsförteckning Grunderna i Windows.... 1 Miljön i Windows 8... 2 Startskärmen... 2 Zooma... 2 Snabbknappar... 3 Sök... 4 Dela... 4 Start...
Läs merOm Publisher Publisher är ett program som passar bra att använda när du vill sammanställa bild och text för att skapa tillexempel broshyrer,
Om Publisher Publisher är ett program som passar bra att använda när du vill sammanställa bild och text för att skapa tillexempel broshyrer, affischer, nyhetsbrev eller flersidiga publikationer som en
Läs merAnvända Internet. med hjälp av Internet Explorer. Nybörjarguide
Använda Internet med hjälp av Internet Explorer Nybörjarguide Av Carl Ewnert 1 Innehåll: 1. Introduktion 3 2. Utseendet 4 3. Verktygsfältet 4 4. Börja Surfa. 5 5. Att söka på Internet 5 6. Spara en sida
Läs merOm Mappar... 2. Uppgift 1: Skapa en mapp på Skrivbordet... 2 Om enheter... 3 Uppgift 2: Byt namn på din nya Höst -mapp till Vår...
RIGMOR SANDER WINDOWS-ÖVN Sid 1 (9) Om Mappar... 2 Om mappars namn... 2 Uppgift 1: Skapa en mapp på Skrivbordet... 2 Om enheter... 3 Uppgift 2: Byt namn på din nya Höst -mapp till Vår... 3 Öva mer på att
Läs mer6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.
Fiskar Arbetsbeskrivning knappmeny (Mediator 8) I detta exempel kommer du att lära dig Att göra en mastersida med knappar Att använda en mastersida på andra sidor Att använd funktionen Alignment Arbetsgång
Läs merMicrosoft. Access 2007. Grundkurs. www.databok.se
Microsoft Access 2007 Grundkurs www.databok.se Innehållsförteckning 1 Börja arbeta med Access... 1 Vad är en databas?... 1 Starta Access 2007... 1 Skapa en ny databas... 2 Skärmbilden, arbetsytan och deras
Läs merKapitel 33. Presentationer med PowerPoint
Kapitel 33 Presentationer med PowerPoint 164 165 Kapitel 33 Vad visas på skärmen? 33 I Microsoft Office PowerPoint 2010 finns ett antal verktyg och funktioner som kan användas till att skapa välformaterade
Läs merInteraktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling
martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»
Läs mer5HVLVWHQVWDEHOO 'DWD3DUWQHU. Er partner inom data
5HVLVWHQVWDEHOO Tack för att du valde programmet 5HVLVWHQVWDEHOO! Vi hoppas att programmet ska vara till stor hjälp i ditt arbete. Har du synpunkter på programmet är du mycket välkommen att höra av dig
Läs merHandbok för Nero ImageDrive
Handbok för Nero ImageDrive Nero AG Information om upphovsrätt och varumärken Användarhandboken till Nero ImageDrive och dess innehåll skyddas av upphovsrätt och tillhör Nero AG. Med ensamrätt. Den här
Läs merManual. Kursplan. Astrakan. ESF Edition Publikt användargränssnitt. Artisan Global Media
Manual Astrakan Kursplan ESF Edition Publikt användargränssnitt Artisan Global Media ~ 2 ~ Innehållsförteckning Publikt användargränssnitt... 3 Allmän... 3 Personlig... 4 Presentation av Kurstillfälle...
Läs merIntroduktion till Programmering. Dåtid, nutid och framtid
Introduktion till Programmering Dåtid, nutid och framtid Reflektion och feedback vänta! Vad har den här kursen lärt mig om mitt eget lärande? Vad kommer jag fortfarande minnas från den här kursen om fem
Läs merALEPH ver. 16 Introduktion
Fujitsu, Westmansgatan 47, 582 16 Linköping INNEHÅLLSFÖRTECKNING 1. SKRIVBORDET... 1 2. FLYTTA RUNT M.M.... 2 3. LOGGA IN... 3 4. VAL AV DATABAS... 4 5. STORLEK PÅ RUTORNA... 5 6. NAVIGATIONSRUTA NAVIGATIONSTRÄD...
Läs merKursplanering Objektorienterad programmering
Kursplanering Objektorienterad programmering Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-OOP Klass Systemutvecklare.NET 2 Syfte och koppling till yrkesrollen Syftet är att få en stabil grund
Läs merSkärmtangentbordet som är enkelt att använda både med mus, touchskärmar och interaktiva whiteboards
Skärmtangentbordet som är enkelt att använda både med mus, touchskärmar och interaktiva whiteboards Tel: 031-769 00 60 info@frolundadata.se www.frolundadata.se Introduktion WizKeys är flexibelt och kostnadseffektivt
Läs merESGRAF. Datablad SDS00009SE Version 1.0 02/02/2015 Integration. Presentationsmjukvara
ESGRAF Presentationsmjukvara ESGRAF är ett program med gemensamt grafiskt användargränssnitt för styrning och övervakning av passerkontrollsystem, inbrottslarm, brandlarm och digital video från Pelco.
Läs merPrototyper och användartest
Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"
Läs merKURSMÅL WINDOWS STARTA KURSEN
KURSMÅL WINDOWS Detta är en introduktionskurs för dig som är nybörjare. Du kommer att få bekanta dig med datorns viktigaste delar och lära dig grunderna i operativsystemet Windows, vilket är en förutsättning
Läs merInteraktionsdesign, grundkurs (7,5 HP) Johanna Persson
Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson johanna.persson@design.lth.se 046 222 43 58 Min bakgrund Civilingenjör i Medieteknik (LiTH) med inriktning mot visualisering och virtual reality Doktorand
Läs merFöreläsning 4, Användbarhet, prototyper
Föreläsning 4 Användbarhet och prototyper Kapitel 5-7 i Stone et al. Mer om användbarhet Psykologiska principer avseende: Förväntningar En uppgift i taget Struktur för förståelse Känna igen eller komma
Läs merSUDOA vt-03 Föreläsningsdatum: MDI - fördjupning
MDI - fördjupning Anna Stockhaus ast@kth.se Användare Varierar extremt mycket Negativa sidor: Olika koncentrationsnivåer Humörsvängningar Olika motivationer och känslor Fördomar och rädslor Gör fel och
Läs merGrafiska användargränssnitt i Java
jonas.kvarnstrom@liu.se 2017 Grafiska användargränssnitt i Java En genomgång av de viktigaste begreppen Alternativ 2 Från början fanns AWT, Abstract Window Toolkit Till stor del ersatt av Swing: Mer omfattande,
Läs merUtskick till kunder. Vitec Mäklarsystem
Utskick till kunder Vitec Mäklarsystem Innehållsförteckning 1. Inledning... 2 2. Urval... 2 3. Skapa etiketter med adresser... 4 4. Utskick med e-post... 5 5. Utskick med e-post och bifogade filer... 6
Läs merLathund för Svenskt Näringsliv
Lathund för Svenskt Näringsliv OneDrive OneDrive... 3 Vad är fördelarna med OneDrive för dig som användare?... 3 Skapa OneDrive-konto... 4 Kom åt OneDrive på olika enheter... 6 Via appar på datorn... 6
Läs merInstallation av M7005 och till M7005 hörande serverprogram
150607/150716/151005/SJn Installation av M7005 och till M7005 hörande serverprogram samt Anpassning av M7005:s utseende Installation och anpassning av M7005 sida 1 (18) Innehåll 1 M7005:s hemsida är M7005.Metem.se...
Läs merFyra i rad Javaprojekt inom TDDC32
Fyra i rad Javaprojekt inom TDDC32 Analys och design-dokument Version 2.0 Datum 2008-05-19 Dokumentnummer 20080303 Sammanfattning Detta är analys och design-dokumentet för programmet Fyra i rad. Fyra i
Läs merDIGITALA RESURSER MANUAL FÖR. Föreläsning via Acrobat Connect
DIGITALA RESURSER MANUAL FÖR Föreläsning via Acrobat Connect 1 Introduktion Följande guide beskriver hur du kan arbeta med Adobe Acrobat Connect som verktyg vid föreläsningar på distans. 1.1 Förutsättningar
Läs merKursvärderingar guide för lärare
Guide Kursvärderingar guide för lärare Denna guide beskriver hur man steg för steg skapar en kursvärdering och skriver en kursrapport i Studentportalen. Exempel på frågor, kursvärderingar och kursrapporter
Läs merOperativsystem - Windows 7
Uppgift 5 B Operativsystem - Windows 7 Skapa mappar och undermappar Det finns olika sätt att skapa nya mappar på. Alternativ. Högerklicka på en tom yta. Håll muspekaren över Nytt. Klicka på Mapp Alternativ.
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 merVälkommen på kurs hos RIGHT EDUCATION!
Välkommen på kurs hos RIGHT EDUCATION! När du startar på en ny kurs, börja med att orientera dig i kursupplägget så att du får en uppfattning om vad kursen innehåller. Du har full översikt över kursens
Läs merPraktikum i programvaruproduktion
Praktikum i programvaruproduktion Introduktion Föreläsare/Ansvarig: Pontus Boström Email:pontus.bostrom@abo.fi Rum A5055 Assistent: Petter Sandvik Email: petter.sandvik@abo.fi Rum: A5048 Föreläsningar:
Läs merIntroduktion till användbarhet för mobila enheter
Introduktion till användbarhet för mobila enheter Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1914 2014-08-26 13:33:45Z danbos Översikt
Läs merFöreläsning 17 UTBLICK: FORTSÄTTNINGSKURSER I DATAVETENSKAP + ANDROID
Föreläsning 17 UTBLICK: FORTSÄTTNINGSKURSER I DATAVETENSKAP + ANDROID Vad gör vi här? Programmeringsteknik fördjupningskurs (EDAA01; 7,5hp) Valfri för F, N & BME (kan läsas från åk 2 eller i sommar!) Avancerad
Läs merStudentmanual. 2013-08-09 (Bb Learn 9.1.13) iktsupport@oru.se
Studentmanual Inledning... 1 Krav på dator och rekommenderade webbläsare... 1 Support och stöd... 1 Översikt... 1 Logga in i Blackboard... 1 Navigeringsmenyn... 2 Fliken Min Blackboard... 2 Struktur inne
Läs merHT1 2013, FÖRELÄSNING 14 (INFÖR TENTAN)
Objektorienterad modellering och diskreta strukturer (EDAF10/EDA061) HT1 2013, FÖRELÄSNING 14 (INFÖR TENTAN) Dagens agenda Admin Tentatid och plats Tillåtet på tentan EDAF10 Föreläsning inför XL-projektet
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 merSlutrapport: Informationsvisualisering av släktträd
Slutrapport: Informationsvisualisering av släktträd Grupp 11 Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson 2003-10-10 Göteborg, Chalmers/GU Innehåll 1. INLEDNING...3 2. SYFTE...3 3. METOD...3
Läs merDesign för användbarhet Designexempel, hur tänkte man vid designen?
Design för användbarhet Designexempel, hur tänkte man vid designen? Bengt Göransson :: Användbarhetsdesigner Guide Redina AB :: Bengt.Goransson@guide.se Why? Bengt Göransson, Guide Redina AB, 2005 http://www.guide.se/
Läs merMedicinska fakulteten
XXX Medicinska fakulteten Moodle v.2.8 Manual Kaltura (LU Play) v.3 Innehållsförteckning 1 Inledning... 4 1.1 Ladda upp film i en aktivitet eller resurs... 4 1.1.1 Media Upload... 6 1.1.2 Create a recording...
Läs merUppdaterad 2010-05-11. Lathund Synpunkten för handläggare och ansvarig chef
Uppdaterad 2010-05-11 Lathund Synpunkten för handläggare och ansvarig chef 1 Innehållsförteckning Handläggarens roll och ansvarsuppgifter... 3 Närmaste chefs roll och ansvarsuppgifter... 3 Praktisk handläggning
Läs merDiabetes.se CMS guide för föreningar. Senast uppdaterad:
Diabetes.se CMS guide för föreningar Senast uppdaterad: 2016 11 28 Innehåll Inledning... 3 Frågor... 3 Logga in... 4 Om Föreningens sidor... 6 Skapa ny sida... 7 Redigera en sida/lägg till information
Läs merKurs 5:1 Att presentera med PowerPoint del 1
Kurs 5:1 Att presentera med PowerPoint del 1 STUDENTDATORUTBILDNINGEN MALMÖ HÖGSKOLA Att presentera med bildspel, del 1 Här är en kort vägledning som kan hjälpa dig i ditt arbete med att skapa en presentation.
Läs merRegisterhantering för Excel 2003
1 (124) Registerhantering för Excel 2003 Med detta kursmaterial hoppas jag att du får en rolig och givande introduktion till hur du kan utnyttja Excel som ett registerprogram. Jag hoppas du kommer att
Läs merNU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET. hur man markerar och ändrar dem, är det dags att titta lite närmare på
6 Arbeta med ramar NU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET hur man markerar och ändrar dem, är det dags att titta lite närmare på hur du kan arbeta med dem i en design. De flesta designers
Läs merDesign och konstruktion av användargränssnitt (distans) Avdelningen för Människadatorinteraktion. Gulan Jan Gulliksen Ph D, MSc
Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen Ph D, MSc Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) Uppsala Universitet Institutionen för Avdelningen för Människadatorinteraktion
Läs merIntroduktion till MDI
Introduktion till MDI Anna Stockhaus ast@kth.se Innehåll & mål för gränssnittsdelen! Interaktionsprogrammering & människa-dator interaktion (MDI) www.nada.kth.se/kurser/kth/2d1323/03_04/doa/index.html!
Läs merLATHUND INNEHÅLL Inloggningslänk, Panelen Wordpress, Sidor, Nyheter Föreningssidor Bulletinen Licensierade företag Slider Formulär Menyn
LATHUND celiaki.se 2014 06 27 INNEHÅLL Inloggningslänk, sid 2 Panelen Wordpress, sid 2 Sidor, sid 2 4 Redigera sida Skapa ny sida Ta bort sida Nyheter, sid 4 Föreningssidor, sid 5 7 Presentation och kontaktuppgifter
Läs mer