Design och konstruktion av grafiska gränssnitt
|
|
- Hanna Samuelsson
- för 7 år sedan
- Visningar:
Transkript
1 Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Kursinfo Kort GUI-historia Människa-datorinteraktion/Interaktionsdesign Lab info Swing Application Framework 1
2 Om kursen Design och konstruktion av grafiska gränssnitt Inte i första hand en kurs om gränssnittsprogrammering En kurs om gränssnittsdesign Hur ska det funka? Metoder för att utveckla gränssnitt Studera användarna Ta fram prototyper Testa och göra om Java Swing som verktyg Det blir en del programmering också För info kolla kurshemsida Upplägg Föreläsningar Obligatoriska övningar Labbar Utförs i par fritt val Projekt Utförs i grupp om 4 inte fritt val Tenta Lab, övningar, projekt och tenta krävs för godkänt Betyg sammanvägning av projekt och tenta Tenta 55% av betyget Lab och övning betygssätts inte 2
3 Läromål Efter genomgången kurs skall studenterna kunna: Skapa och motivera skisser på ett grafiskt gränssnitt baserat på en specifik användning och användargrupp Implementera ett gränssnitt genom tillämpning eller expansion av ett standardbibliotek för grafiska gränssnitt Arbeta iterativt för att skapa lättanvända gränssnitt genom en växelverkan mellan implementation och användartest Genomföra projekt där uppdelning och koordinering av arbetsuppgifter mellan medlemmar behövs Utveckla och specificera projektmål successivt allteftersom ett projekt genomförs Arbetstid Studenter på Chalmers har vanligen 50 timmars arbetsvecka Halvfart, dvs 25 timmar/vecka Maximal undervisning Föreläsning 4 timmar Övning 3 timmar Bokad labtid 5 timmar Eget arbete 13 timmar 2 timmar 35 minuter/dag Summa 25 3
4 Arbetsmetod Gör saker nu! Projekt andra halvan Kommer inte hinna tenta-plugga i slutet Hjälpmedel tenta 1 A4 (2 sidor) med valfria anteckningar Smart att börja skapa dessa nu Mer arbetsmetod Lab 1 ska göras denna veckan Börja idag med förberedelser Ha koll på verktyg före onsdag Lab onsdag o fredag ska räcka Kan göras hemma Läsning GUI-historia Läs och sammanfatta före torsdag 4
5 Vad är ett GUI Graphical User Interface Typ visuell presentation av "verkligheten", där man interagerar med systemet via knappar/menyer/navigationsverktyg genom att manipulera dessa direkt på skärmen (i motsats till via text ) WIMP Window Icons Menu Pointing device Naturligt? GUI klart dominerande metoden för interaktion med datorer Inlärt begrepp/beteende Några alternativ Tal Gester Fysiska artefakter Skriven konversation Utvecklingen kunde varit annorlunda - film 5
6 GUI-HISTORIA
7 Sladdkopplingar Hålkort Teleprinter Skärm + kommandon Pre-GUI Douglas Engelbart Född 1925, pionjär för GUI Ville stödja människans intellekt Tänkte sig ett system där man direkt interagerade med en grafisk representation Sökte patent för musen
8 The Mother of All Demos 1968 visade Engelbart och hans team sitt system NLS Interaktion med mus Flera fönster Hyperlänkar Videokonferens Kan ses på internet (länk under resurser) 8
9 Xerox PARC Grundat 1970 Xerox rädda för papperslösa kontoret Anställde forskare och lät dem göra vad de ville 1973 Xerox Alto Bitmappad display 606x808 Ca 1974 Programmeringsspråk och omgivning Objektorienterat MVC Minneshantering. Smalltalk 9
10 1981 Alto + Smalltalk Nätverk E-post I princip som idag dollar ( kr) flopp Xerox Star Mer Xerox Star Några principer Se och peka Uniform design över program What You See Is What You Get 10
11 Apple Grundat 1976 av Steve Jobs och Steve Wozniak Besökte PARC och lånade idéer Apple Lisa 1983 Som en Mac dollar kr Flopp Observera att GUI skapades för kontor hur hade det sett ut annars? Apple Lisa 11
12 The Mac En dator för alla dollar kr 9-tums skärm 512 * k minne Ingen multi-tasking Floppy-drive Reklam Framgång The rest is history Första GUI för IBM PC Försvann Visi On 12
13 Windows 1985 Största skillnad menyer på varje fönster Tiled windows från början Windows Apple stämde MS för look and feel 13
14 Andra Det fanns en del andra system under 80-talet NextSTEP 1988, Unix + snyggt GUI. Max OS X:s bas 14
15 Microsofts första riktiga GUI Oerhörda säljsiffror Task bar Visuella element från NextSTEP Windows Många försvann I princip bara Windows och Mac kvar Windows nära slå ut Mac helt Apple tog över Next 1997 (eller tvärtom) 2001 Mac OS X (NextSTEP 5) Unix-bas Viss återhämtning för Mac Egentligen inte mycket nytt sen 80-talet Webb GUI-mässigt kanske ett steg tillbaka initialt Linux? 15
16 2007- iphone introduktion Stort genomslag för touch-gränssnitt 27 januari 2010 ipad introduktion Stort genomslag för plattor/tablets Element från touch-ui:s återspeglas i desktop OSX Lion 2012 Windows 8 Ett system för allt? PC Plattor Mobile? Windows 8 Metro Ett försök till något annat 16
17 Aktivitet Ta fram mobiltelefonerna Försök att ställa så att datum och tid uppdateras automatiskt via operatören Funkar det? Försök komma på en feature som funkar dåligt Försök komma på en som funkar bra Diskutera med grannen 17
18 INTERAKTIONSDESIGN 18
19 Genomslag ID överallt 19
20 Interaction Design Interaction design concerns the design of computer-based products and systems with a focus on their intended use. Interaction Design Chalmers 2006 The design of everything that is both digital and interactive. Moggridge 2007 The shaping of use-oriented qualities of a digital artifact Löwgren Design the imaginative jump from present facts to future possibilities Page 1966 A goal-directed problem-solving activity Archer 1966 The optimum solution to the sum of the true needs of a particular set of circumstances Matchett
21 Designmaterial 21
22 IT som material Några egenskaper Beteende är resultat av att exekvera ett program Förändras över tid Anordning för interaktion Flexibelt Tid - Interaktion 22
23 Flexibilitet över tid Interaktionsdesignens delar Interaction Design Human Computer Interaction Human Factors Cognitive Science Ergonomics Graphic Design Product Design Digitial Art Computer Science 23
24 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 Användarcentrerad design Fältstudier Fokusgrupper Cultural Probes Krav 24
25 Design Genidesign Designmetoder Verktyg för skapande Brainstorming Classification Six thinking hats Method 635 Material & erfarenhet Prototyping Avgörande för förståelse av interaktion Spatiala and tidsliga aspekter Paper Video Mock-up Hi-fi Hårdvara Mjukvara Fysisk realisering 25
26 Utvärdering Vad & hur Kvantitativ & kvalitativ Frågeformulär Observation Expertutvärdering Intervju Mätningar Interaction Design Concerns the design of computer-based products and systems with a focus on their intended use Is a multi-disciplinary field Is of growing importance Is a process of Establishing requirements Developing Designs Prototyping Design Proposals Evaluating and iterating 26
27 Interaktionsdesigner Viktiga färdigheter Arbeta i team Designpraxis och erfarenhet IT-material Vad kan man göra? Interface design Designmetoder Prototyping Skissa Mjukvara Hårdvara (sensors and actuators) Fysiska material Utvärderingsmetoder Design Methods Graphical Interfaces Aesthetics IxD 4 Social Media Course Prototyping Tangible Interaction Visualization Analysis Methods I den här kursen Allmän process 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 Kunskap om byggstenar för GUI Swing som verktyg för prototyper Kunskap om användare Kunskap om utvärdering 27
28 Lab Lab & projekt görs med Swing Application Framework (SAF) och Netbeans Applikationsramverk Färdigt applikationsskal Delar som är samma för alla program.net Cocoa (Touch) Android Swing Application Framework Netbeans IDE med GUI-editor NetBeans - Demo 28
29 SAF-app App-klass extends SingleFrameApplication Startar upp, avslutar mm startup() shutdown() View-klass extends FrameView Fyller en JFrame som ramverket hanterar Skapas med GUI-editor initcomponenents() Rör aldrig denna Drar objekt till vyn Lämpliga variabler skapas Kan göras lokala Ändra namnen Events Tomma metoder Kopplingar private void buttonpressed(java.awt.event.actionevent evt) { // TODO add your handling code here: } 29
30 Arkitektur lab 1 En form av MVC Model-View-Presenter Controller (Presenter) har referenser till både model och view Samordnar kommunikation åt båda hållen Model och Presenter/Controller finns klara Att göra Läsa historia, länkar på hemsida -> resurser Börja med lab 1 Kolla NetBeans Tutorials Labben Fundera på de sämsta GUI:n ni sett och vad problemet var Onsdag Övning obligatorisk Handledd labtid Torsdag föreläsning Huvudsakligen byggstenar, dvs Java Swing 30
Design 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 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 merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Litekursinfo Kort GUI-historia Swings komponenter Idag Tidwell Designing Interfaces
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Kort GUI-historia Swings komponenter Idag Lab 1 glöm inte att lämna in i PingPong
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 merINTERAKTIONSDESIGN: VAD & HUR?
INTERAKTIONSDESIGN: VAD & HUR? Interaktionsteknik & Design, HT-13 Evelina Fagertun evelinafagertun@gmail.com VAD? Vad är interaktionsdesign? HUR? Hur skapar vi bra design? INTERAKTION Wiki: Interaktion
Läs merTangible interaction &TUI KIRSTEN RASSMUS-GRÖHN
Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Innehåll Vad är TUI? Historia Massor med exempel Hur gör man? Problem och utmaningar Vad är TUI = Tangible User Interface? I bred mening Att ge fysisk form
Läs merGrundläggande teori för användargränssnitt,del 2
Grundläggande teori för användargränssnitt,del 2 Innehåll Översikt, navigering och orientering (ej i boken) Typer av användargränssnitt (Kap 6) Styrdon (ej i boken) Fitts lag (kort på sidan 527-528) Felhantering
Läs merBoken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.
Interaktion 1 Boken Typer av interaktion (Kap 2.5) Typer av användargränssnitt (Kap 6.1-6.2) Översikt, navigering och orientering (ej i boken) Felhantering (kort på sid 138) OBS! Konkret interaktion är
Läs merFöreläsning 9: Gränssnittsdesign och webbdesign. Rogers et al. Kapitel 6
Föreläsning 9: Gränssnittsdesign och webbdesign Rogers et al. Kapitel 6 Paradigm Handlar om en viss ansats inom en grupp På 80-talet designades användarcentrerade applikationer för enskilda användare framför
Läs merEn tillbakablick.. Världen är inte ett skrivbord. Dåtidens visionärer. Xerox Star föregångaren MDI, 1994. Wearable Computing. Föreläsning 2003-10-14
En tillbakablick.. > ls -l > data.p grep figure Världen är inte ett skrivbord Föreläsning 2003-10-14 Dåtidens visionärer IBM chefens 5 datorer Datorn kommer att vara lika enkel att använda som telefonen
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 Fortsatt om användare Mentala modeller vs implementationsmodeller Personas
Läs merInteraktionsdesign, 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 merKommandobaserad interaktion
Interaktion 1 Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken) Kommandobaserad interaktion Kommandobaserad
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Data- och informationsteknik Chalmers/GU 1! Idag! Swings GUI-komponenter! Om användare Upplägg! Föreläsningar! Obligatoriska
Läs merHi-Fi Prototyping + laborationsgenomgång & verktyg
Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå
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 Läsanvisningar Finns på kurshemsidan under resurser Kommer att förklaras
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 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 merLaboration 3 GUI-programmering
Laboration 3 GUI-programmering Syfte Erbjuder studenterna en möjlighet att lära sig grunderna i gränssnittsprogrammering i Java. Genomförande Genomförs individuellt eller i grupp om 2 personer. Uppskattad
Läs merOm 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 merFöreläsning 9: Gränssnitt och webbdesign
Föreläsning 9: Gränssnitt och webbdesign FSR: (1), 4, 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 160429 Gränssnitt och webbdesign 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt
Läs 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 merFöreläsning 10: Gränssnitt och webbdesign
Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 1501006 Gränssnitt och webb 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar
Läs merAvancerad Interaktionsdesign
Avancerad Interaktionsdesign MAMN01, KIRSTEN RASSMUS-GRÖHN Idag Upprop Översikt över kursen Kursmål och metoder Examinationskriterier Inspiration Praktisk information Upprop Förkunskaper Krav Interaktionsdesign/MDI
Läs merLite 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 merVälkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper
Välkommen till kursen i Avancerad interaktionsdesign Certec & EAT Institutionen för designvetenskaper Idag Översikt över kursen Kursmål och metoder Examinationskriterier Inspiration Praktisk information
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 Exempel på tentafrågor En del från tidigare tentor men också lite andra
Läs merFöreläsning 10: Introduktion till utvärdering. Rogers et al. Kapitel 12
Föreläsning 10: Introduktion till utvärdering Rogers et al. Kapitel 12 Analys Utvärdering Implementation Prototyper Krav Design 120515 Intro utvärdering 2 Bruce Tognazzini om utvärdering Iterative design,
Läs merFöreläsning 1, vecka 6: Abstraktion genom objektorientering
TDA 548: Grundläggande Programvaruutveckling Föreläsning 1, vecka 6: Abstraktion genom objektorientering Magnus Myréen Chalmers, läsperiod 1, 2016-2017 Hur skulle ni implementera detta? (3D demo) Vi återkommer
Läs merEDAA01 Programmeringsteknik - fördjupningskurs
EDAA01 Programmeringsteknik - fördjupningskurs Läsperiod lp 1+2 (Ges även lp 3) 7.5 hp anna.axelsson@cs.lth.se sandra.nilsson@cs.lth.se http://cs.lth.se/edaa01ht Förkunskapskrav: Godkänd på obligatoriska
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 merOperativsystem. Innehåll. Operativsystemets funktion. Vad är ett OS? Vart hittar men ett OS? OS hanterar processorns resurser
Innehåll Operativsystem Vad är operativsystem och hur fungerar de Vad är ett OS? Syfte Att tillåta flera program att köra samtidigt Att fungera som ett abstraktionslager mot hårdvaran Att hantera olika
Läs merObjektorienterad programmering
Objektorienterad programmering Aletta Nylén http://user.it.uu.se/~aletta Epost: aletta.nylen@it.uu.se Rum: 1216 Kursinfo Lärare: Aletta Nylén Jesper Wilhelmsson Litteratur: Object-Oriented Software Development
Läs merIntroduktion till programmering. Undervisning. Litteratur och examination. Lärare. Föreläsning 1
Kursinfo Introduktion till programmering Undervisning Föreläsning 1 Kursinformation Inloggning, filsystem, kommandotolk några inledande exempel Föreläsningar Fem föreläsningar, vardera 45 minuter. Allmänna
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 merKursplan. IK1004 Java - Grafiska användargränssnitt med Swing. 7,5 högskolepoäng, Grundnivå 1. Java - GUI Programming with Swing - Undergraduate Level
Kursplan IK1004 Java - Grafiska användargränssnitt med Swing 7,5 högskolepoäng, Grundnivå 1 Java - GUI Programming with Swing - Undergraduate Level 7.5 Higher Education Credits *), First Cycle Level 1
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 merDesign 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 merTDDD92 Artificiell intelligens -- projekt
jonas.kvarnstrom@liu.se 2018 TDDD92 Artificiell intelligens -- projekt Kursinformation Outline Om oss Om kursen i allmänhet Om den individuella uppgiften Om det gemensamma projektet Diskussion och frågor
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 Pappersprototyper Kapitel 7 i Tidwell NetBeans-exempel Tenta
Läs merTDDD78 Att välja och planera ett projekt
jonas.kvarnstrom@liu.se 2016 TDDD78 Att välja och planera ett projekt Steg 1: Grunder, labbmiljö, era första Java-program Vecka 3 Vecka 4 Vecka 5 Vecka 6 4 labbar, enskilt Steg 2: Fortsättning, miniprojekt
Läs merInteraktionsdesign som profession. Föreläsning Del 2
Interaktionsdesign som profession Föreläsning Del 2 Vikten av att göra research Varför behöver vi göra research? En produkt blir aldrig bättre än den data som denna baseras på Men Vi har redan gjort en
Läs merOm Apple & iphone. Pelle Snickars, KB. söndag 6 november 11
Om Apple & iphone Pelle Snickars, KB söndag 6 november 11 > 98 miljoner träffar... the only problem with microsoft is that they don t have any taste... söndag 6 november 11 det öppna & det slutna
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 Organisera innehåll forts, Getting round Lite demo Interaktionsdesignspraxis
Läs merModel View Controller. Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016
Model View Controller Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016 Model View Controller Model View Controller (MVC) är ett design pattern (architectural pattern) som är väldigt
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 merFöreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?
Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) Analys Utvärdering Implementation Prototyper Krav Design 150327 Intro utvärdering
Läs merMetoder för datainsamling
Metoder för datainsamling Föreläsning 16/10-2002 Christina von Dorrien Kapitel 9.4, 12-13 Användarcentrerad designmetodik Analysera användare, användningssituation och uppgift Testa och utvärdera designförslag,
Läs merInteraktion 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 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 merObjektorienterad Programkonstruktion. Föreläsning 3 9 nov 2015
Objektorienterad Programkonstruktion Föreläsning 3 9 nov 2015 Kursnämnd Namn kommer... UML: Klassdiagram UML: Relationer Ärver från superklass Implementerar gränssnitt Dubbelriktad eller oriktad relation
Läs merDagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering
Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt
Läs merObjektorienterad Programkonstruktion. Föreläsning 3 7 nov 2016
Objektorienterad Programkonstruktion Föreläsning 3 7 nov 2016 Klass/instans Med hjälp av nyckelordet static kan vi bestämma att en metod eller ett fält ska tillhöra själva klassen i stället för en specifik
Läs merFöreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?
Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) 160401 Intro utvärdering 2 Översikt Att kunna om utvärdering Observation, kort repetition
Läs merTDDC30. Objektorienterad programmering i Java, datastrukturer och algoritmer. Föreläsning 11 Jonas Lindgren, Institutionen för Datavetenskap, LiU
TDDC30 Objektorienterad programmering i Java, datastrukturer och algoritmer. Föreläsning 11 Jonas Lindgren, Institutionen för Datavetenskap, LiU På denna föreläsning: Designmönster Adapter, Factory, Iterator,
Läs merGrafiska användargränssnitt
Grafiska användargränssnitt VT-10 GUI - VT10 Martin Blom 1 Kursens upplägg Teori Principer och koncept Föreläsningar Fönstersystem Konstruktion av GUI Design av GUI Praktik Göra på riktigt Laborationer
Läs merIntro utvärdering
Föreläsning 2: Introduktion till varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) 2 Översikt Att kunna om Observation, kort repetition Iterativ Det som påverkar Tänkbara syften
Läs merDatavetenskap. Beteendevetenskap MDI. Design
Designprocessen 1 Datavetenskap Beteendevetenskap MDI Design Två betydelser The final solution/plan (e.g. proposal, drawing, model, description) or the result of implementing that plan in the form of the
Läs merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
Läs merInteraktionsdesign, grundkurs (7,5 HP) Del 2
Interaktionsdesign, grundkurs (7,5 HP) Del 2 Tre kursblock 1. Design 2. Human-computer interaction 3. Human Factors / Ergonomi Tre kursblock 1. Design Föreläsningar & workshop 2. Human-computer interaction
Läs merJavautvecklare. Utbildningsfakta. 400 YH-poäng, 2 år
Javautvecklare 400 YH-poäng, 2 år Utbildningsfakta Kurser (12 stycken) Grundläggande programmering och javaverktyg 50 yhp Grafiskt gränssnitt och interaktion 20 yhp Internet, webb och webbramverk 40 yhp
Läs merDistribuerade affärssystem
Distribuerade affärssystem Kursens mål Bygga upp, strukturera och programmera distribuerade system med en flerskiktsarkitektur Beskriva och förklara teorier och uttryck som används inom affärskritiska
Läs merTDDC77 Objektorienterad Programmering
TDDC77 Objektorienterad Programmering Föreläsning 1 Sahand Sadjadee IDA, Linköpings Universitet Hösttermin, 2018 Outline Kursinfo Introduktion till Programmering Java Development Kit(JDK) Kursinfo Hemsida
Läs merKONSTFACK Institutionen för design, inredningsarkitektur och visuell kommunikation KURSPLAN
KONSTFACK Institutionen för design, inredningsarkitektur och visuell kommunikation KURSPLAN Breddning av industridesign Broadening of Industrial design 27,5 högskolepoäng / 27,5 credits Kurskod: IDK215
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 merFö 8. Sammanfattande föreläsning MAMN25
Fö 8 Sammanfattande föreläsning MAMN25 MAMN25 kursplan Syfte Kursen syftar till att ge förståelse för grundläggande tekniker inom interaktionsdesign, samt förmåga att utforma interaktiva produkter och
Läs merObserver Pattern och MVC. Objekt-orienterad programmering och design Alex Gerdes, 2016
Observer Pattern och MVC Objekt-orienterad programmering och design Alex Gerdes, 2016 Model View Controller Model View Controller (MVC) är ett design pattern (architectural pattern) som är väldigt vanligt
Läs merSyfte : Lära sig objektorienterad programmering Syfte : Lära sig programmering i ett OO-språk vilket?
Jonas Kvarnström jonkv@ida.liu.se 2013 Syfte : Lära sig objektorienterad programmering Syfte : Lära sig programmering i ett OO-språk vilket? Rena OO-språk (allt är objekt) Scala, Smalltalk, Eiffel, Ruby,
Läs merVem är vem på kursen. Objektorienterad programvaruutveckling GU (DIT011) Kursbok Cay Horstmann: Big Java 3rd edition.
Institutionen för Datavetenskap Göteborgs universitet HT2009 DIT011 Vem är vem på kursen Objektorienterad programvaruutveckling GU (DIT011) Kursansvarig : Katarina Blom, tel 772 10 60 Rum: 6126 (E-huset)
Läs merINSTITUTIONEN FÖR MATEMATIK OCH NATURVETENSKAP. Fastställd i institutionsstyrelsen 2003-06-11 Dnr 853/333-03
INSTITUTIONEN FÖR MATEMATIK OCH NATURVETENSKAP LOKAL UTBILDNINGSPLAN MEDIEINFORMATIKPROGRAMMET 120 POÄNG MI03 Fastställd i institutionsstyrelsen 2003-06-11 Dnr 853/333-03 INNEHÅLL LOKAL UTBILDNINGSPLAN
Läs merSystemintegration 2019 YRGO. Introduktion till kursen
Systemintegration 2019 YRGO Introduktion till kursen Lärare Nahid Vafaie B.S. Software Engineering and management på GU Även Computer Science på Chalmers på masternivå Arbetar som lärare (Yrkeshögskola)
Läs merF12: Användarna i fokus
F12: Användarna i fokus Användarcentrerad design och modellering av användare Användarcentrerad design Motiv till detta Hur kan man göra? Olika synsätt Användarna i fokus 2 Varför ska användarna vara med?
Läs merDaniel Wetter. Senior UX- Interaktion och tjänsteutveckling
Daniel Wetter Senior UX- Interaktion och tjänsteutveckling Design fungerar när den lyckas förmedla idéer väl på enklaste möjliga sätt. Interaktionsdesign fokuserar speciellt på hur en användare interagerar
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 merDesignmetodik. Systemering med användarfokus Malin Pongolini
Designmetodik Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering
Läs merÖversikt. Programmering tillämpningar och datastrukturer. Vad kursen täcker. Lärare. Rekommenderad litteratur. Kursmål 729G58 (HKGBB7)
Översikt Programmering tillämpningar och datastrukturer 729G58 (HKGBB7) Kursinformation Objektorienterad programmering: Klasser och objekt Arv Polymorfism Metoder Programexempel Programmering tillämpningar
Läs mer? 2. Kursintroduktion Linköpings universitet 1. Försök
Kursintroduktion TDDD51 Tjänstedesign & -innovation VT11 Stefan Holmlid Försök Skissa armbandsur Skissa alarmfunktionaliteten hos en väckarklocka Skissa väckningstjänsten på ett litet 24/7 hotell?? 2 3
Läs merFöreläsning 1: Introduktion till kursen
(18 januari 2015 F1.1 ) Föreläsning 1: Introduktion till kursen Lärare: Anna, Carl, Johan, Tom och ca 20 assistenter Registrering / avregistrering Undervisningsformer: föreläsningar och laborationer Kursmaterial
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 merVälkomna till DIT012 IPGO. Tyvärr en bug i Google Docs: Sidnummer stämmer inte alltid. Alla anteckningar börjar på sidan 1.
Välkomna till DIT012 IPGO 1 Tyvärr en bug i Google Docs: Sidnummer stämmer inte alltid. Alla anteckningar börjar på sidan 1. Lärare och Handledare Kursansvariga, examinatorer, föreläsare och handledare
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 Organisera innehåll forts, Getting round Swing Application Framework &
Läs merIdag. Litteraturseminarium 2. Designrymd. Transparency and Reflectivity. Alternatives Hertzian Tales 1. Olof Torgersson. Översikt
Idag Litteraturseminarium 2 Transparency and Reflectivity Alternatives Hertzian Tales 1 Olof Torgersson Interaktionsdesign - projekt 07 02 15-1 Interaktionsdesign - projekt 07 02 15-2 Designrymd Transparency
Läs merTjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS
Tjänsteprototypning och tjänsterepresentationer Johan Blomkvist IDA-HCS-IxS Twitter: @hellibop Dagens föreläsning Tjänsteperspektiv Konceptualiseringar av tjänsteprototyper Tjänsteprototypning 2 Prototyp
Läs merDatavetenskapligt program, N1COS
Ansökan om fortsatta studier inom program, hösten 2015 Datavetenskapligt program, N1COS Inför varje termin måste du söka till de kurser du vill gå. Sista datum för ansökan till höstens kurser är den 15
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 merFöreläsning 15: Repetition DVGA02
Föreläsning 15: Repetition DVGA02 Vad handlar kursen om? Kursen kan i grova drag delas upp i tre delar: 1. Objekt-orienterad programmering 2. Grafiska användargränssnitt 3. Datastrukturer Dessutom genomsyras
Läs merIntroduktion till Datalogi DD1339. Föreläsning 1 8 sept 2014
Introduktion till Datalogi DD1339 Föreläsning 1 8 sept 2014 Kontaktuppgifter & Info: Kurskod: DD1339, 19hp Kursomgång: inda14 Kursansvarig: Christian Smith, ccs@kth.se Michael Minock, minock@kth.se Dilian
Läs merSurfplattor en studie av möjligheter och begränsningar. Anna Holmquist Interaktionsdesigner
Surfplattor en studie av möjligheter och begränsningar Anna Holmquist Interaktionsdesigner Uppgift PTS (kommunikationsmyndigheten) Design för alla Surfplattor istället för andra hjälpmedel? Personer med
Läs merObserver Pattern och MVC. Objekt-orienterad programmering och design (DIT953) Niklas Broberg, 2018
Observer Pattern och MVC Objekt-orienterad programmering och design (DIT953) Niklas Broberg, 2018 Model View Controller Model View Controller (MVC) är ett design pattern (architectural pattern) som är
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 Varför? Bengt Göransson, Guide Redina AB, 2005 http://www.guide.se/
Läs merOperativsystem och användargränssnitt
Operativsystem och användargränssnitt Som du fick läsa tidigare behöver datorn förutom hårdvara också ett program för att hantera hårdvaran, dvs. ett operativsystem. Denna sida behandlar bland annat följande
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 Kursutvärdering Organizing content Tidwell kap 2 Menyer verktygsfält Doing
Läs merSå får du Microsofts Office-paket gratis
Så får du Microsofts Office-paket gratis 7 Kör Word, Excel, Powerpoint och Onenote i webbläsaren 7 Dela dina dokument 7 För dator, mobil och platta. Kom igång med Microsoft Skydrive och Office Web Apps
Läs merTentamen, InteraktionsDesign, 7,5 ECTS
Högskolan i Borås Sektionen för informationsteknologi Malin Nilsson Tentamen Tentamen, InteraktionsDesign, 7,5 ECTS Tid: 2015-06-05, kl. 09.00-13.00 Hjälpmedel: Inga hjälmedel tillåtna Totalpoäng: 58 poäng
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 merHi fi prototyping. Johanna Persson MAM nov 2014
Hi fi prototyping Johanna Persson MAM15 25 nov 2014 Dagens upplägg Hi fi prototyping Olika verktyg för hi fi prototyping Introduktion till ett urval av dessa Power point Balsamiq Mockups Just in Mind Praktisk
Läs merTDDC30. Kursledning Kursledare: Jonas Lindgren. Labassistent: Jonas Lindgren Labassistent: Niklas Holma Labassistent: Erik Nilsson
TDDC30 Objektorienterad programmering i Java, datastrukturer och algoritmer. Föreläsning 1 Jonas Lindgren, Institutionen för Datavetenskap, LiU På denna föreläsning: Kursinformation Imperativa delen av
Läs merKursplanering Utveckling av webbapplikationer
Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare
Läs mer