Design och konstruktion av grafiska gränssnitt
|
|
- Amanda Isaksson
- för 8 år sedan
- Visningar:
Transkript
1 Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Project Backend Evaluering Idag Kom på övningen på onsdag med prototyp Boka tid för handledning på fredag! (Snart) 1
2 IMAT-BACKEND Grunder IMatDataHandler Singleton IMatDataHandler.getInstance() Facade Samlad ingång till bakomliggande funktioner Grundläggande funktionalitet Ladda/spara data Komma åt produkter Komma åt Customer, CreditCard, User Komma åt ShoppingCart Komma åt orderhistorik Ta fram bilder Hantera favoriter 2
3 Grunder, forts Customer, CreditCard, User getcustomer getcreditcard getuser Enkla klasser Ger ett objekt av varje, mer behövs inte Innehåll sparas Anropa shutdown() när programmet avslutas ShoppingCart getshoppingcart() Tillståndet sparas Lite metoder för att lägga till/ta bort innehåll addshoppingcartlistener Kan lägga till en lyssnare som meddelas när kundvagnen ändras Implementera ShoppingCartListener shoppingcartchanged(cartevent evt) Vad som ändrades och om det var lägga till eller ta bort Räcker oftast att veta attnågot ändrades Rita om kundvagn 3
4 Product Behållare med namn, pris, kategori, enhet etc för produkter Skapas automatiskt när backenden läser in data Varje produkt har ett unikt id ProductCategory Enumeration med de kategorier som finns som default Javadoc ger översättning för vissa ShoppingItem Produkt + mängd Bra för att lägga till 3st eller 4,5 kilo av något till kundvagnen Konstruktor för 1 produkt och för produkt + mängd ShoppingItem(Product product, double amount) 4
5 Hitta produkter IMatDataHandler har ett antal metoder för att plocka fram produkter List<Product>findProducts(String s) Produkter med matchande namn List<Product>getProducts() Alla produkter List<Product>getProducts(ProductCategory pc) Alla produkter i en viss kategori Product getproduct(int idnbr) Produkt med ett visst id-nummer Order Motsvarar en beställning IMatDataHandlern skapar automatiskt ett Order-objekt när man gör en beställning placeorder() placeorder(boolean clearcart) Alla ordrarsom gjorts sparas automatiskt och läses in vid omstart För att göra orderhistorik behöver man alltså bara hantera hur ordrar visas upp 5
6 Mer IMatDataHandlern tillhandahåller godtyckligt skalade bilder för produkter getimageicon(product p) getimageicon(product p, Dimension d) getimageicon(product p, int width, int height) Dessa går bra att sätta som bilder på knappar, labels etc seticon För den som vill ha favoriter så stöds det Arkitektur API Frågor? Arkitektur Ha flera forms i implementationen! Ingen arkitektur Extralager ovanpå IMatDataHandler Extralager + central controller Extralager + flera controller Inget extralager flera controller Extralager på central director + flera controller 6
7 Demo Extralager ovanpå IMatDataHandler Flera controllers Användbarhet Oftast vill man att ens produkter ska ha hög användbarhet Det finns ett antal standardfaktorer man tittar på Sen undersöker man produkten för att förbättra dessa Usability a product should be Effective to use (effectiveness) Efficient to use (efficiency) Safe to use (safety) Having good utility (utility) Easy to learn (learnability) Easy to remember (memorability) 7
8 Bra? Interaktionsdesignspraxis Fastställ behov och krav loop Utveckla alternativa designförslag Bygg interaktiva prototyper för kommunikation och analys Utvärdera designen baserat på prototyperna end loop Utvärderingstekniker kommer in under hela processen då utvärdering sker i varje varv Val av utvärderingsteknik beror bl a på hur långt man kommit i utvecklingen 8
9 Utvärdering Utvärdering är något som bör pågå kontinuerligt under utvecklingsprocessen Interaktionsdesignsprocessen har en utvärderingsfas i varje cykel Tidig utvärdering kan göra att man undviker att lägga resurser på att utveckla fel produkt Kollar på funktionalitet och användbarhet Avser såväl design som implementering Mål med utvärdering Utvärdera systemets funktionalitet Alla önskade funktioner finns Alla funktioner är lätta att nå Alla funktioner motsvarar användarnas förväntningar Utvärdera systemets effekt på användaren Lätt att lära Trevligt att använda (satisfaction) Excise/overload Identifiera specifika problem Detaljer som inte funkar som förväntat Viktigt att korrigera innan release 9
10 Huvudkategorier Utvärdering av experter Designer Usability-expert Mäter inte hur systemet verkligen funkar utan bara om det är designat enligt bästa rådande principer Utvärdering med faktiska användare Testar om systemet faktiskt funkar för avsedda personer Fältstudier Laboratorieexperiment Expertutvärdering Utvärdering av experter kan utföras under hela designprocessen och är förhållandevis enkelt och billigt 4 metoder Cognitive walkthrough Heuristic evaluation Use of models Use of previous work 10
11 Cognitive Walkthrough Jmfr code walkthrough där man stegar igen delar av koden för att se vad som händer Främst inriktat på att man kan lära sig systemet genom att utforska det Det är så de flesta gör En expert walks through/stegar sig igenom olika uppgifter för att hitta eventuella problem Genomgången stöds av ett formulär Efteråt sammanställer man eventuella problem Det är förstås mycket viktigt att detta görs systematiskt Cognitive Walkthrough, forts För cognitive walkthrough behövs En prototyp Behöver inte vara färdigt system, men nära hur man tänkt sig En beskrivning av uppgiften användaren ska utföra En fullständig lista över de steg användaren behöver göra för att utföra uppgiften Info om vem användarna är och vilken kunskap och erfarenhet testarna kan anta att de har. 11
12 Cognitive Walkthrough, forts För varje steg i listan ovan försöker testarna besvara följande frågor 1. Motsvarar handlingen användarens mål i den givna situationen? Är det man ska göra det man vill? 2. Kommer användarna att se att handlingen som ska utföras finns tillgänglig? T ex syns meny/knapp man ska använda? 3. När användaren hittat rätt handling, kommer de att veta att det är den de behöver? Det är en sak att en knapp syns en annan att man förstår att den ska användas 4. När handlingen utförts kommer användaren förstå den feedback som ges? Dvs vet man om man lyckats eller ej? Heuristic Evaluation Man identifierar en uppsättning användbarhetskriterier (heuristics) Kollar på Nielsens 10 heuristics Sen låter man experter utvärdera designen och undersöka om de principer man valt följs Flera utvärderare som testar oberoende 3-5 utvärderare fångar 75% av problemen Kan användas på specifikationer, prototyper och färdiga system Enkelt och billigt Exempel från verkligheten 12
13 Jakob Nielsens heuristics Jakob Nielsen välkänd usability-guru, se Detta är ytterligare en uppsättning principer det är allmänbildning att ha hört talas om. Tänkta bl a för att kunna användas i utvärdering Fungerar också som designprinciper Visibility of system status Systemet ska alltid hålla användaren informerad om vad som sker Match between system and real world Systemet ska alltid följa användarens modell och termer istället systemmodell och terminologi. Följ real-world conventions. User control and freedom Användare väljer ofta fel väg och behöver nödutgång för att komma tillbaka enkelt. Stöd undooch redo. Nielsens heuristics, forts Consistency and standards Man ska inte behöva fundera på om saker betyder vad de brukar. Följ plattformskonventioner. Error prevention Ännu bättre än felhantering är att se till att inga problem uppstår. Leta efter problemsituationer och begär konfirmation för farliga handlingar Recognition rather than recall Minimera användarens minnesbelastning genom att visa det som kan utföras. Man ska inte behöva komma ihåg saker från en dialog till en annan. Instruktioner ska vara synliga eller lättåtkomliga när det behövs. 13
14 Nielsens heuristics, forts Flexibility and efficiency of use Shortcuts & accelerators kan ofta snabba upp interaktionen för erfarna användare. Erbjud möjlighet att anpassa vanliga actions. Aesthetic and minimalist design Dialoger ska inte innehålla information som är irrelevant eller sällan behövs. Varje bit onödig information slåss om uppmärksamhet med den relevanta informationen och minskar dess synlighet Nielsens heuristics, forts Help users recognize, diagnose and recover from errors Felmeddelanden ska uttryckas på vanligt språk (inga felkoder), tala om precis vad problemet är och föreslå en konstruktiv lösning Help and documentation Även om det är bäst om systemet kan användas utan hjälp så kan den behövas. Hjälp ska vara lätt att nå, lätt att söka i, fokuserad på användarens uppgift, lista konkreta steg att göra och inte vara för stor. 14
15 Exempel från verkligheten Lite närmare Vad kan dessa betyda? 15
16 Modeller och tidigare arbete Model-based evaluation Använder kognitiva eller designmodeller för design GOMS Goals, operators, methods, selection Förutspå problem utifrån modellen Även andra varianter som dialogmodeller Use of previous work Dyrt göra studier Man kan därför söka i litteraturen efter tidigare arbeten som stöder eller motsäger den design man föreslår Designmönster kan vara ett exempel Utvärdering med användare Expertutvärdering är mycket användbart men kan inte ersätta faktiska tester med riktiga användare Görs ofta i senare faser av utvecklingen I början måste man förstås lära känna sina användare också Kräver typiskt någon forma av system att testa Huvudkategorier Labstudier Fältstudier 16
17 Labstudier Fördelar Tillgång till specialutrustning Inga störningar från miljön Nackdelar Kontexten saknas Man kanske studerar saker som aldrig sker på riktigt Svårt att observera samarbete Lämpligt Om systemet används på farligt eller svåråtkomligt ställe Man vill studera kontrollerad manipulation Fältstudier Fördelar Naturlig omgivning Kontext (observation kan störa/ändra) Studier över lång tid möjliga Nackdelar Störningar, distraktion Oväsen Lämpligt När kontext är viktig Studier över lång tid 17
18 Experimental Evaluation Kontrollerad utvärdering av specifika aspekter av interaktion Bevisa att något är på ett visst sätt Utvärderaren väljer en hypotes som ska testas Man ställer upp ett experiment där vissa förhållanden undersöks genom att man varierar vissa saker och håller andra konstanta Sen mäter man och mappar resultat på de olika förhållanden experimentet görs under Faktorer i experiment Deltagare Vem representativa, tillräckligt många Statistisk analys minst 10 Variabler Saker man varierar och mäter Hypotes Det man vill visa Experimentdesign Hur man utför experimentet 18
19 Variabler Independent variable (IV) Något man ändrar för att framställa olika villkor Stil på GUI:t Antal menyelement Dependent variable (DV) Något som mäts i experimentet Tid Antal fel Antal klick Hypotes Förutsägelse/antagande om resultatet Uttrycks i termer av IV och DV T ex antalet fel kommer att öka när fontstorleken minskar Null hypothesis Säger att ingen skillnad kommer att kunna iakttas Antalet fel påverkas inte av fontstorlek Målet är att motbevisa detta 19
20 Experimentdesign Within groups design Varje deltagare utför experimentet under samtliga villkor Kan leda till överförande av inlärning Mindre kostsamt Inga problem från olika användare Between groups design Varje deltagare deltar bara under ett villkor Inga problem med överfört lärande Fler deltagare behövs Variation bland användare kan påverka resultat Analys av data För att visa att resultaten man får är giltiga gör man typiskt statistisk analys på materialet Typ 95% säkert att fontstorlek påverkar antalet fel Innan man börjar bör man Spara originaldata Titta på datan Val av statistisk metod beror på Typ av data Vilken information man vill ha ut Typiska kategorier av data Diskret ett ändligt antal värden Kontinuerlig godtyckliga värden 20
21 Analys av data, forts Vad är man ute efter? Finns det (verkligen) en skillnad? Hur stor är skillnaden? Hur korrekt är resultatet/uppskattningen Statistiska metoder är en vetenskap i sig och ingår inte i denna kurs. Man kan skumma igenom texten för att få en bild av vad det handlar om. FÄLTSTUDIER 21
22 Observationsmetoder För att samla in information om faktisk användning samlar man ofta in data genom att observera användare när de använder systemet. Typiskt utförs specificerade uppgifter Det finns lite olika metoder: Think aloud Cooperative evaluation Protocol analysis Automated analysis Post-task walkthroughs Think aloud Tänka högt Man iakttar användaren när han/hon utför uppgifter Användaren uppmanas att beskriva vad han gör och varför, vad man tror händer etc Fördelar Enkelt, kräver inte mycket expertis Kan ge värdefulla insikter Kan visa hur systemet faktiskt används Nackdelar Subjektivt Selektiv info Att beskriva samtidigt kan påverka hur man gör saker 22
23 Cooperative evaluation Variation på tänka-högt Experten deltar mer aktivt i utvärderingen, samarbetspartner Anändare och utvärderare kan ställa frågor till varandra under hela session Fördelar Mindre begränsat och enklare att använda Användaren uppmuntras att kritisera systemet Mer möjligheter till förklaringar/följdfrågor Protokollanalys Nyttan av observationsmetoder beror på hur bra man kan notera och samla in det som kommer fram. Kallas protokoll Analys kan utföras på flera sätt Papper o penna billigt, begränsat till skrivhastighet Ljudinspelning bra för tänka högt, synka med notes svårt Video bra data, kräver utrustning, inkräktar Dataloggar automatiskt, diskret, mycket data att analysera User notebooks mest för studier över tid Ofta blandar man flera metoder i verkligheten Audio/video-transkription är inte enkelt 23
24 Frågetekniker Att ställa frågor till användarna ofta bra sätt att få information Resultat subjektiva Även mycket användbart under tidiga faser för att skapa en bild av användarna och deras behov Två huvudkategorier Intervjuer Enkäter/frågeformulär Intervjuer Analytiker ställer frågor till användarna en och en med förberedda frågor Informellt, subjektivt, ganska billigt Fördelar Kan anpassas till situationen Man kan gå vidare och utforska frågor på djupet Kan få fram användarnas åsikter och oförutsedda problem Nackdelar Mycket subjektivt Tar lång tid 24
25 Intervjuer, forts Det är viktigt att förbereda frågor i förväg Ofta delar men in intervjuer i 3 kategorier Structured interview Man har vissa förberedda frågor och ställer bara dessa Semi-structured Man har förberedda frågor men går också vidare med följdfrågor för att utforska svar vidare Open Mer som en diskussion Semi-structured antagligen vanligast Enkäter En uppsättning bestämda frågor som ges till användare Fördelar Snabbt och når en stor användargrupp Kan analyseras mer rigoröst Nackdelar Mindre flexibelt Går mindre på djupet 25
26 Enkäter, forts Behöver noggrann design Vilken information efterfrågas Hur ska svaren analyseras Typer av frågor Allmänna Öppna (open-ended) Skalära Flerval Rankade Frågetyper Allmänna Samlar in bakgrund om användaren Ålder, kön, yrke, bostadsort, datorvana Öppna Möjlighet att skriva vad man vill Kan du föreslå förbättringar för gränssnittet? Svåra att analysera men kan ge information man inte tänkt på Skalära Det är lätt att rätta till fel 1-5 Skalan viktig, 1-3 kan var för lite, 1-10 för mycket 1-5 eller 1-7 funkar ofta bra 26
27 Frågetyper, forts Flerval Ett antal rutor eller checkboxar Ofta bra för att samla information om tidigare erfarenheter Ja/nej är ett specialfall Rankade Ordna ett antal alternativ Bra för att ta reda på vad man föredrar Frågeformulär bör testas innan man skickar ut dem av 4-5 användare Det är vanligt med låg svarsfrekvens (20-30%) Påverkar förstås hur representativa svaren kan anses vara Välja evalueringsmetod När i processen: Typ av evaluering: Hur objektiv: Typ av mätningar: Nivå på information: Grad av interference: Resurser som finns: design vs implementation laboratorie vs fält subjektiv vs objektiv kvalitativa vs kvantitativa hög nivå vs låg nivå obtrusive vs unobtrusive tid, deltagare, utrustning, expertis 27
Design och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Project Backend Evaluering Idag Boka tid för handledning på fredag! 1 http://ixdcth.se/courses/2015/dat216/backend
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Project Backend Evaluering Onsdag test pappersprototyp Alla grupper måste
Läs merDesign 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 Utvärdering Rapport JComboBox? Tenta 55% av betyget Hjälpmedel
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Data- och informationsteknik Chalmers/GU 1 Idag Lite av varje Utvärdering Rapport JComboBox? Tenta 55% av betyget Hjälpmedel
Läs merFöreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?
Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? FSR: (1), 2, 5, (6), 7 Att läsa: Kapitel 14-15 i Rogers et al.: Interaction design 160405 Mer om utvärdering 2 Översikt
Läs merDesign 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 merStöd för att skapa intuitiva användargränssnitt
Stöd för att skapa intuitiva användargränssnitt Russinen ur kakan Isabella Scandurra Centrum för ehälsa, Uppsala Universitet SAMTIT, Agenda Användbarhetsstandarden ISO 9241-11 Utvecklingsmetoder/utvärderingsmetoder
Läs merDesign 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 Några gyllene regler Projektintro Idag 1 GETTING INPUT
Läs merDesign 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 Några gyllene regler Projektintro Idag Obs extra redovisningsmöjlighet
Läs merOlika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare
TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ
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 merDesign 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 merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Paper Prototyping Lite kodtips Lists of Things Designexempel Onsdag övning
Läs merTENTAMEN: 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 merFöreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.
Föreläsning 5 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från föregående föreläsning Användbarhetskrav att ta hänsyn till Användarnas förväntningar En uppgift i taget Struktur för
Läs merFöreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.
Föreläsning 6 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation,
Läs merSAMBRUK. Tentativa förslag för arbete med interaktionsdesign vid utveckling av kommunala e-tjänster. Jonas Sjöström (
SAMBRUK Tentativa förslag för arbete med interaktionsdesign vid utveckling av kommunala e-tjänster Jonas Sjöström ( sjjo@ihh.hj.se ) Agenda 1.Designprocess för användbara e-tjänster 2.Designideal för e-tjänster
Läs merGranskning av gränssnitt. Mattias Arvola
Granskning av gränssnitt Mattias Arvola 2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera 3 Mål med utvärderingen Revidera,
Läs merDesign 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 LayoutManagers Sista Tidwell Backend projekt (Små skärmar)
Läs merPraktiskt användande av användbarhetstekniker 1 (58)
Praktiskt användande av användbarhetstekniker 1 (58) Vem är jag? Lise-Lotte Thuse, Software Developer & Usability Expert, Industriell IT Kand. & Mag. i Informatik, inrikt. Systemutveckling & Usability
Läs merTest och utvärdering - introduktion. Systemering med användarfokus Malin Pongolini
Test och utvärdering - introduktion Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Data- och informationsteknik Chalmers/GU 1 Idag Lite av varje Lab1 kod Doing things Golden rules Heuristics Intro usability
Läs merUsability- användbarhet
Usability- användbarhet Tekniker, metoder och annat vi måste känna till för att kunna använda oss av usability som ett framgångsrecept i design av IT & digitala medier. cwiberg@informatik.umu.se Veckans
Läs merPrototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping
Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning
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 merHeuristisk utvärdering
Interaction design, industrial design, design management, service design, information design, experience design, graphic design, furniture design, destination design, product design, ergonomics design,
Läs merInnehå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 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 merFöreläsning 5 Konceptuell design och designprinciper
Föreläsning 5 Konceptuell design och designprinciper Kapitel 8 9 i kursboken 080415 Interak@onsteknik 1 Från krav @ll design hur gör man Work reengineering, dvs. af omstrukturera, konstruera om befintligt
Läs merLOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE
LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE Uppsala Universitet 2005 Andreas Kjellgren (ankj3389@student.uu.se) Fredrik
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Några gyllene regler Doing Things Projektintro Idag Övningarna start 9.00 Vi
Läs merExamensarbete på Siemens Elema AB
Introduktion Examensarbete på Siemens Elema AB - att arbeta med användarvänlighet. Kvantitativ utvärdering av användargränssnittet till ett rapporteringsverktyg för dokumentation av kranskärlssjukdomar.
Läs merInklusiv Design Design för Alla
Inklusiv Design Design för Alla Alla kan vara med! Design för Alla Vilka designar vi för? 2 Design för Alla Vilka designar vi för? 3 Design för Alla Vilka designar vi för? Perfekt syn Felfri Superstark
Läs merDesign 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 merRedigeringsteknik och postproduktion
Interaktionsdesign- Metod Metoder för att skapa kunskap om användaren: Behov Preferenser Reaktioner Kvalitativa metoder Kvantitativa metoder Boken: Part 1 (urval) Interaktionsdesign Teoretiskt fokus för
Läs merAgenda. Inledning, teoretiska metoder Hierarkisk uppgiftsanalys, HTA Cognitive walkthrough CW Heuristisk evaluering
Agenda Inledning, teoretiska metoder Hierarkisk uppgiftsanalys, HTA Cognitive walkthrough CW Heuristisk evaluering Teoretiska metoder Inspektionsmetoder Teoribaserade Olika typer av walkthroughs Uppgiftsanalysmetoder
Läs merAtt genomföra ett e-postutskick till klubbens medlemmar
Att genomföra ett e-postutskick till klubbens medlemmar Medlem online innehåller en funktion där du kan göra ett utskick till de medlemmar som har en e-post registrerad i systemet. Observera att de medlemmar
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 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 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 merFö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 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 merBrukarenkät IFO 2014. Kvalitetsrapport 2014:02 KVALITETSRAPPORT
Brukarenkät IFO 2014 Kvalitetsrapport 2014:02 KVALITETSRAPPORT Brukarenkät 2014 visar att förvaltningen totalt sett har en mycket god brukarnöjdhet (kundnöjdhet) i alla de områden som berörs i enkäten.
Läs merKunskap = sann, berättigad tro (Platon) Om en person P s har en bit kunskap K så måste alltså: Lite kunskaps- och vetenskapsteori
Lite kunskaps- och vetenskapsteori Empiriska metoder: kvalitativa och kvantitativa Experiment och fältstudier Människor och etik 1 Kunskap = sann, berättigad tro (Platon) Om en person P s har en bit kunskap
Läs merFöreläsning 12 Inspektionsmetoder. Rogers et al. Kapitel 15
Föreläsning 12 Inspektionsmetoder Rogers et al. Kapitel 15 Inspektionsmetoder Metoder som genomförs utan användare En eller helst flera experter utför en inspektion eller granskning Man utgår ifrån vedertagna
Läs merSystemet och användaren En arbetsplatsstudie av upphandlingshantering på Visma Commerce
Systemet och användaren En arbetsplatsstudie av upphandlingshantering på Visma Commerce Ellen Andersson, Rikard Karlsson, Linn Olsson, Elin Sjöström, Alice Walden Handledare: Mathias Broth & Magnus Bång
Läs merProvivus tips om KONCENTRATION - VAD PEDAGOGEN KAN GÖRA
Provivus tips om KONCENTRATION - VAD PEDAGOGEN KAN GÖRA Det kan vara svårt att räcka till som pedagog. Med en eller flera elever som har behov av särskilt stöd kan man lätt själv känna sig otillräcklig.
Läs merFörslag på lektionsupplägg: Dag 1- en lektionstimme
MiniKonsulter Fångar upp elevernas naturliga kreativitet och nyfikenhet genom problemlösning i arbetslivet samt ökar elevernas naturliga intresse för problemlösning och innovationer. Skapar och bibehåller
Läs merUtvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling -
Utvärdering Fredag 1 oktober 13-15 F1 Ann Lantz - alz@nada.kth.se Anna Swartling - ast@kth.se Övergripande (1) Av den verkliga världen: Hur agerar man, vad händer? Hur används teknik? Beteendevetenskapliga
Läs mer1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?
1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,
Läs merMAMN25 Interaktionsdesign (7,5 HP)
MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? Definition av interaktionsdesign Designing interactive products to support the way people communicate and
Läs merAtt 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 merVad är interaktionsdesign?
MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? 1 Definition av interaktionsdesign Designing interactive products to support the way people communicate
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 merProjektuppgift i Användarcentrerad Systemdesign, ht 04
Projektuppgift i Användarcentrerad Systemdesign, ht 04 E-Dagis enligt systemutvecklings metoden The Usability Engineering Lifecycle, Deborah J. Mayhew Grupp 3: Daniel Lundberg, dalu8987@student.uu.se Hanna
Läs mer1 Skapa Tabell...2. 2 Skapa Relationer...20. 3 Redigera Relationer...24. 4 Redigera Fält i Tabell...26. 5 Lägga till Poster i Tabell...
Kapitel 5 Tabell 1 Skapa Tabell...2 1.1 Tabellfönstret... 4 1.2 Fältegenskaper... 8 1.3 Primärnyckel... 11 1.4 Spara Tabell... 12 1.5 Tabellguiden... 12 2 Skapa Relationer...20 3 Redigera Relationer...24
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 merElektronisk budbok för tidningsbud
Elektronisk budbok för tidningsbud Ett arbete av Johan Millert (millert@home.se) Innehållsförteckning för kursen Interaktionsdesign Sommaren 2004 Inledning...2 Bakgrund...2 Kravanalys...2 Användarintervjuer...2
Läs merUtvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför?
Användbarhet Användbarhetsutvärdering Stefan Berglund Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå specifika mål på ett ändamålsenligt, effektivt och för användaren
Läs merFrågetekniker. Föreläsning 3, Utvärderingstekniker MDI, Lena Palmquist 1. Än en gång: JEdit (Py Kollberg) Loggning. Tolkande dataanalys
Föreläsning 3, Utvärderingstekniker Än en gång: Frågetekniker Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 13-15. Mål, frågeställningar Teknik Hur
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 merTeoretiska och empiriska ansatser
Teoretiska och empiriska ansatser I. C. MariAnne Karlsson Teori Empiri Utgångspunkt för kravbild / målbild för diagnos av problem för utvärdering av (design)lösning Scenario inkl. personas 1 Exemplet Diagnos/Utvärdering
Läs merALLMÄNT OM FUNKTIONSPAKET OMDÖME
Skola24 Omdöme Skoladministratören är den person på skolan som skapar en undersökning och bestämmer vilka ämnen/kurser/klasser som ska omfattas av den. Innan en undersökning startas upp är det viktigt
Läs merÅterkoppling att få gruppen att arbeta. Ann-Marie Falk Irene Karlsson-Elfgren Örjan Östman
Återkoppling att få gruppen att arbeta Ann-Marie Falk Irene Karlsson-Elfgren Örjan Östman Grupparbete inom kursen Aktiva studenter i grupparbeten våren 2007 Inledning I denna rapport beskriver vi återkoppling
Läs merMata fåglar. Mata fåglar. Studiehandledning till. Mata. fåglar. Niklas Aronsson SOF. En studiehandledning från Studiefrämjandet
Mata fåglar Mata fåglar Studiehandledning till Mata SOF Niklas Aronsson fåglar En studiehandledning från Studiefrämjandet Vad är en studiecirkel? En studiecirkel är en liten grupp människor som samlas
Läs merKonsten att leda workshops
Konsten att leda workshops Förbättra din kommunikation, prestation och ledarskap. www.lacinai.se 1 Några grundbultar: I ett seminarium är målet satt liksom innehållet I en workshop är målet satt, men innehållet
Läs merVad roligt att ni har valt att bjuda varandra på den här timmen.
Hej! Vad roligt att ni har valt att bjuda varandra på den här timmen. Att prata med en ny person kan kännas nervöst även om man som ni redan har en hel del gemensamt. Därför finns den här guiden som ska
Läs merVetenskapsmetodik. Föreläsning inom kandidatarbetet 2015-01-28. Per Svensson persve at chalmers.se
Vetenskapsmetodik Föreläsning inom kandidatarbetet 2015-01-28 Per Svensson persve at chalmers.se Detta material är baserad på material utvecklat av professor Bengt Berglund och univ.lektor Dan Paulin Vetenskapsteori/-metodik
Läs merAnvändbarhet och Utvärdering. Design och Utvärdering Hösten 2013 Annakarin Nyberg
Användbarhet och Utvärdering Design och Utvärdering Hösten 2013 Annakarin Nyberg Idag skall vi prata om: Vad är användbarhet? Hur testar vi det? Vilka är måtten? Vad kan vi ha resultaten till? Vanliga
Läs merSpråkäventyret. Mål. Verktyg. Inledande arbete
Språkäventyret Mål Sammanfatta hur jag gjorde spelet Språkäventyret på Fronter. Verktyg Fronters provverktyg Inledande arbete Fundera över dessa saker innan du börjar: 1. Vilken del av det centrala innehållet
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 merLÄRARHANDLEDNING Samla på sinnen
LÄRARHANDLEDNING Samla på sinnen Bakgrund MegaMind är Tekniska museets nya science center som handlar om hur en bra idé blir till och hur man kan ta den vidare till verklighet från sinnesintryck till innovativt
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 merMBX Mobilapp. Inloggning. Mobilapplikationens huvudmeny. MBX Mobilapp - 2016
MBX Mobilapp MBX mobilapplikation finns både för Android och iphone, och gränssnittet är i princip detsamma på de båda plattformarna. I detta dokument används skärmbilder från Android. Inloggning För att
Läs merTentamen för kursen Objektorienterad programvaruutveckling GU (DIT010)
Tentamen för kursen Objektorienterad programvaruutveckling GU (DIT010) Tid: Onsdagen 15 december 2004, 8:30 till 13:30 Plats: M Ansvarig lärare: Katarina Blom, tel 772 10 60. Läraren besöker tentamen kl
Läs merC-UPPSATS. Den gigantiska webbplatsen
C-UPPSATS 2008:208 Den gigantiska webbplatsen En användbarhetsstudie av www.nll.se Jenny Bäckström Andreas Johansson Luleå tekniska universitet C-uppsats Mediedesign Institutionen för Musik och medier
Läs merAldrig 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 merHandlingsbarhet kan innefatta
Handlingsbarhet vs. användbarhet Göran Goldkuhl Forskningsgruppen VITS IEI Linköpings universitet Handlingsbarhet kan innefatta användbarhet användbarhet avbildning 1 Kvalitet hos IT-system Handlingsbarhet
Läs merIdentifiering av stödbehov
Identifiering av stödbehov Bedömning i matematik Förskola - vinter Lärarhandledning Allmänna principer för bedömningen Bekanta dig på förhand med instruktionerna och materialet. Kontrollera att du har
Läs merSå gör du din kund nöjd och lojal - och får högre lönsamhet. Tobias Thalbäck Om mätbara effekter av kundnöjdhet
Så gör du din kund nöjd och lojal - och får högre lönsamhet Tobias Thalbäck Om mätbara effekter av kundnöjdhet Hög kundnöjdhet ger högre avkastning Företag med hög kundnöjdhet genererar högre avkastning
Läs merLÄRARHANDLEDNING Mecka med ljud
LÄRARHANDLEDNING Mecka med ljud Bakgrund MegaMind är Tekniska museets nya science center som handlar om hur en bra idé blir till och hur man kan ta den vidare till verklighet från sinnesintryck till innovativt
Läs merSTÖD BARN MED ADHD I KLASSRUMMET
STÖD BARN MED ADHD I KLASSRUMMET Det här kapitlet ger råd om bra sätt att stödja barn med ADHD i klassrummet. Här finns även förslag på metoder som kan användas för att hjälpa till att skapa en bra stödstruktur.
Läs merObjektorienterad 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 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 merConcept Selection Chaper 7
Akademin för Innovation, Design och Teknik Concept Selection Chaper 7 KPP306 Produkt och processutveckling Grupp 2 Johannes Carlem Daniel Nordin Tommie Olsson 2012 02 28 Handledare: Rolf Lövgren Inledning
Läs merObservationer i granskning av undervisning
1 (8) Observationer i granskning av undervisning Vad är en observation? En observation kategoriseras som en s.k. interaktiv metod, i likhet med exempelvis intervjuer. Med andra ord så deltar inspektören
Läs merTentamen. 2D4135 vt 2005 Objektorienterad programmering, design och analys med Java Lördagen den 28 maj 2005 kl 9.00 14.
Tentamen 2D4135 vt 2005 Objektorienterad programmering, design och analys med Java Lördagen den 28 maj 2005 kl 9.00 14.00, sal E33 Tentan har en teoridel och en problemdel. På teoridelen är inga hjälpmedel
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 merFigur 1. Skärmbild med markerade steg i videon. Diagram och tabell som visar positionerna som funktion av tiden.
Videomodellering I tillägg till videoanalys är det möjligt att skapa modeller i Tracker. Genom att använda en video av ett försök kan man utifrån denna skapa en modell som beskriver förloppet. Det finns
Läs merLagadministration. 100913 Linda Emterby
Lagadministration För att lägga till lag ska man stå på organisationssida för en förening. Föreningen hittar man genom organisationsträdet under menyn Organisation eller genom att söka i Snabbsök efter
Läs merAngreppssätt. Vilka är våra studieobjekt? Population och stickprov
Angreppssätt Vilka är våra studieobjekt? 4:1 Population och stickprov Population = en mängd enheter som vi vill studera egenskaper & attityder för Ram = register eller annan förteckning över populationens
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 merUTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet
UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet My Ljungberg Susanna Westerblad EXAMENSARBETE 2009 DATATEKNIK UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet
Läs merLiten introduktion till akademiskt arbete
Högskolan Väst, Inst för ekonomi och IT, Avd för medier och design 2013-09-14 Pierre Gander, pierre.gander@hv.se Liten introduktion till akademiskt arbete Den här texten introducerar tankarna bakom akademiskt
Läs merÖvningar Dag 2 En första klass
Kurs i C++ Sid 1 (5) Övningar Dag 2 En första klass Denna övning går ut på att steg för steg bygga upp en klass och skapa objekt. Vi kommer att utgå från en sammansatt datatyp i en struct och parallellt
Läs mer2 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 merStudie av gränssnittsprototyp i projektet Webbklustring - användarupplevelsen
LINKÖPINGS UNIVERSITET Institutionen för Datavetenskap Studie av gränssnittsprototyp i projektet Webbklustring - användarupplevelsen Namn E-mail Evelina Rennes evere305@student.liu.se INNEHÅLL INNEHÅLL
Läs merHJÄLPFIL: LÄRARAPPLIKATIONEN
HJÄLPFIL: LÄRARAPPLIKATIONEN Innehållsförteckning A. TILL ATT BÖRJA MED: Information om licensaktivering och lärarinloggning B. SNABBHJÄLP: Komma i gång i fyra enkla steg C. KNAPPARNA I ADMINPANELEN: 1.
Läs merMarie Andersson, IKT-centrum E-post: iktcentrum@mdh.se 2012-06-10 (Bb Learn 9.1.8) Wikis i Blackboard
Marie Andersson, IKT-centrum E-post: iktcentrum@mdh.se 2012-06-10 (Bb Learn 9.1.8) Wikis i Blackboard Innehåll Om Wiki- funktionen... 1 Skapa en Wiki... 1 Lägg till/ redigera innehåll i en Wiki... 3 Läsa/skriva
Läs merTILL DIG SOM ARBETSGIVARE. PRAO I PRAKTIKEN Tips och information för dig som tar emot prao-elever
TILL DIG SOM ARBETSGIVARE PRAO I PRAKTIKEN Tips och information för dig som tar emot prao-elever PRAO I PRAKTIKEN 1 Vägen till besöksnäringen börjar hos dig Dagens elever är framtidens medarbetare och
Läs mer