CS415 Human Computer Interaction

Size: px
Start display at page:

Download "CS415 Human Computer Interaction"

Transcription

1 CS415 Human Computer Interaction Lecture 7 Implementation and Testing Tools for HCIs October 4, 2015 Sam Siewert

2 Coming Up Quiz on Wednesday for Part II Chapters 5,6,7,8,9 Review Next Week on Monday, 10/12 Exam on Wed and Friday, 10/14, 16 Chapters 1-9 Knowledge and Concepts on Wednesday True/False, Multiple- Choice, Short Answer Problem Solving on Friday Analysis, Design, Implementation, Test Sam Siewert 2

3 Context for all Applications Windows 7,8, 10 Linux / Unix X-Windows Ubuntu Red Hat (Centos) Fedora Mac OS-X Android OS ios Window Managers Sam Siewert 3

4 Client/Server Window Managers Window Managers like X-Windows are Client/Server Applications are Clients of the Window Manager The Server is the Window Manager Sam Siewert 4

5 C programming Low-Level to Widget Level GUI Code Generators X Series O Reilly Douglas Young Book X Protocol Xlib X toolkit X Widet Set (Motif, Athena) X-Window System Sam Siewert 5

6 Apple Macintosh Windowing System Macintosh and Mac SE ( ) Graphics Toolbox (ROM code for Drawing and Widgets) Common Look and Feel Simplified Programming for Interactive GUI/WIMP Applications Human- Computer Interaction, 3 rd Edition, by Alan Dix, Janet Finlay, Gregory Abowd, Russell Beale Sam Siewert 6

7 X-Windows Sam Siewert 7

8 Windowing System Widget Sets Windows OS-X Unix / Linux Sam Siewert 8

9 Android Studio for AOS Phone Emulators SDK - Java Apps Linux NDK (Native Development Kit) Skia Graphics Engine, SGL Mobile Development Sam Siewert 9

10 Widget Application Updates Interactive Design Event Handlers Event Masks Register Call-back Update State Sam Siewert 10

11 WIMP Interaction Toolkit Interaction Widgets and Gadgets Simplify Development Sam Siewert 11

12 Class Hierarchy OO is Helpful, but Not Required X-Windows is Object-based C code Sam Siewert 12

13 True OO Interactive Systems Development Smalltalk and Model-View-Controller Interactive System Programming Xerox PARC Early 1980 s Sam Siewert 13

14 Modern OO Interactive System Development Java Swing, AWT, NetBeans Python, PyTk Qt Creator (C++) Visual Studio WinForm (C#) X-Windows (Object-based, but not OOP) Many more Java, Ruby, Objective-C, C++, C#, Python Sam Siewert 14

15 Interactive System Evaluation Testing Traditional SQA Usability However is a Specialized form of Testing and Evaluation Field Tests with Users (Human side of HCI) Sam Siewert 15

16 Cognitive Walkthrough Similar to Code Walkthrough, but with Focus on how easy a system is to use Cognitive Load Efficiency and Ability to Complete Tasks (User Community) Normally requires a Mock-up or Prototype Sam Siewert 16

17 Evaluation Method Answer 4 Questions for Each Step in Action Sequence (Task specified as a Goal) 1) Effect of Action Matches User Goal? 2) Action Visibility / Availability? 3) Recognition of Actions for Goals? 4) Visible Easy to Understand Feedback for Goal Attainment? Sam Siewert 17

18 How to Measure? - Heuristic Nielsen s Ten Heuristics 1. Visibility of Status 2. System / Real-World Match 3. User Control / Freedom 4. Consistency / Standards 5. Error Prevention 6. Recognition over Recall 7. Efficiency 8. Aesthetic Less is More 9. Design for Error 10. Built-in Help Sam Siewert 18

19 Empirical Methods of Evaluation Participants Real Users, Sample Size, Small and in Depth vs. Large and Shallow Variables Those that are Changed (independent) and those that are Measured (dependent) E.g. Complete Task with WIMP GUI Widget #1 Complete Same Task with CLI Task Time/Efficiency and Correct Outcome Measured CLI vs WIMP GUI Widget - Changed Hypothesis Prediction of Outcome (to Test) If Differences in Measure can t be Explained by Chance (Null Hypothesis is Disproven) Outcomes Compared with Level of Significance (Sample Size, Mean, Standard Deviation, Reliability, Confidence, T-test) Sam Siewert 19

20 Empirical Methods of Evaluation Experimental Design Between-subjects and withinsubjects Between Subjects is Ideal, but Costly (need more subjects) Within Subjects is lower Cost, but Subjects learn, develop a bias, and results can be impacted Sam Siewert 20

21 General Usability Statistical Measures Looking to Server the Majority of Users - Significance E.g. Can Most or Majority of Users Efficiently Complete a Test Task? Sam Siewert 21

22 Statistics Mapping to HCI Independent Variable (what is changed in each experiment) Dependent Variable (not changed e.g. goal or task) Analysis Technique (math to determine significance of results and model) Human- Computer Interaction, 3 rd Edition, by Alan Dix, Janet Finlay, Gregory Abowd, Russell Beale Sam Siewert 22

23 Icon Experiment from Book Sam Siewert 23

24 Evaluation through Participation Observer and Track User While Experiment is Run In addition to feedback from user In addition to other metrics (time, correctness) Human-Computer Interaction, 3 rd Edition, by Alan Dix, Janet Finlay, Gregory Abowd, Russell Beale An Automobile-Integrated System for Assessing and Reacting to Driver Cognitive Load, Pompei, Sharon, Buckley, Kemp, Sam Siewert 24

25 Color Coding Example from Book Sam Siewert 25

26 Review Practice Quiz Today [or Next Monday if we Ran out of Time] Scan, Question [Should Already by Done] Chapters 1-9 Re-read, Outline and Review Memorize Fundamental Rules, Guidelines, Principles Sam Siewert 26

CS415 Human Computer Interaction

CS415 Human Computer Interaction CS415 Human Computer Interaction Lecture 6, Part 2 Implementation and Testing Tools for HCIs October 1, 2018 Sam Siewert Minute Paper Summary - The Gurus Don Norman 1. make it fun (attributed to Fadell?)

More information

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY SCHOOL OF COMPUTER SCIENCE AND ENGINEERING DEPARTMENT OF CSE COURSE PLAN Course Code : CS0430 Course Title : HUMAN COMPUTER INTERACTION Semester : VIII

More information

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1 topics: evaluation techniques usability testing references: cisc3650 human-computer interaction spring 2012 lecture # II.1 evaluation techniques Human-Computer Interaction, by Alan Dix, Janet Finlay, Gregory

More information

Mensch-Maschine-Interaktion 1. Chapter 7 (July 15, 2010, 9am-12pm): Implementing Interactive Systems

Mensch-Maschine-Interaktion 1. Chapter 7 (July 15, 2010, 9am-12pm): Implementing Interactive Systems Mensch-Maschine-Interaktion 1 Chapter 7 (July 15, 2010, 9am-12pm): Implementing Interactive Systems 1 Implementing Interactive Systems Designing Look-And-Feel Constraints Mapping Implementation Technologies

More information

CS415 Human Computer Interaction

CS415 Human Computer Interaction CS415 Human Computer Interaction Lecture 5 HCI Design Methods (GUI Builders) September 18, 2015 Sam Siewert A Little Humor on HCI Sam Siewert 2 WIMP GUI Builders The 2D GUI is the Killer App for WIMP Floating

More information

Widget Toolkits CS MVC

Widget Toolkits CS MVC Widget Toolkits 1 CS349 -- MVC Widget toolkits Also called widget libraries or GUI toolkits or GUI APIs Software bundled with a window manager, operating system, development language, hardware platform

More information

GUI Implementation Support

GUI Implementation Support GUI Implementation Support Learning Objectives: Why GUIs? What is a GUI? Why is implementation support needed? What kinds of implementation support are available? Basic concepts in OO GUI toolkit & app

More information

7 Implementing Interactive Systems

7 Implementing Interactive Systems 7 Implementing Interactive Systems 7.1 Designing Look-And-Feel 7.2 Constraints 7.3 Mapping 7.4 Implementation Technologies for Interactive Systems 7.5 Standards and Guidelines Ludwig-Maximilians-Universität

More information

Giving instructions, conversing, manipulating and navigating (direct manipulation), exploring and browsing, proactive computing

Giving instructions, conversing, manipulating and navigating (direct manipulation), exploring and browsing, proactive computing Looking Back Interaction styles Giving instructions, conversing, manipulating and navigating (direct manipulation), exploring and browsing, proactive computing Activity-based vs. object-oriented design

More information

Addition about Prototypes

Addition about Prototypes Vorlesung Mensch-Maschine-Interaktion Evaluation Ludwig-Maximilians-Universität München LFE Medieninformatik Heinrich Hußmann & Albrecht Schmidt WS2003/2004 http://www.medien.informatik.uni-muenchen.de/

More information

CS415 Human Computer Interaction

CS415 Human Computer Interaction CS415 Human Computer Interaction Lecture 3 WIMP HCI (GUI Builders Part-2) September 7, 2018 Sam Siewert Recall - GUI Layout & Code-Gen or VHLLs for GUI Build Method #1 Compiled Programming Language (e.g.

More information

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search Overview of Today s Lecture Analytical Evaluation / Usability Testing November 17, 2017 Analytical Evaluation Inspections Recapping cognitive walkthrough Heuristic evaluation Performance modelling 1 2

More information

Quality Assurance User Interface Modeling

Quality Assurance User Interface Modeling Quality Assurance User Interface Modeling Part II - Lecture 4 1 The University of Auckland New Zealand 254 18/09/ /2012 Interviewing Methods of the FBI 254 18/09/ /2012 Cognitive interview: method to enhance

More information

CSCI 3160: User Interface Design

CSCI 3160: User Interface Design CSCI 3160: User Interface Design Dalhousie Faculty of Computer Science 24 October 2003 Objectives CSCI 3160: User Interface Design This class deals with concepts and techniques underlying the design of

More information

Lecture 10 Usability

Lecture 10 Usability Lecture 10 Usability Mark Woehrer CS 3053 - Human-Computer Interaction Computer Science Department Oklahoma University Spring 2007 [Taken from Stanford CS147 with permission] Learning Goals Understand

More information

Gleanings Ch 5, 6, 7. Design Naviga3on Organiza3on and layout

Gleanings Ch 5, 6, 7. Design Naviga3on Organiza3on and layout Gleanings Ch 5, 6, 7 Design Naviga3on Organiza3on and layout Issues in itera3ve design and prototyping Warning about itera3ve design design iner3a early bad decisions stay bad diagnosing real usability

More information

Evaluation and Testing. Andreas Butz, LMU Media Informatics slides partially taken from MMI class

Evaluation and Testing. Andreas Butz, LMU Media Informatics slides partially taken from MMI class Evaluation and Testing Andreas Butz, LMU Media Informatics butz@lmu.de slides partially taken from MMI class 1 What and when to evaluate Original title: Evaluation and user testing...we ll talk about testing

More information

Human-Computer Interaction IS4300

Human-Computer Interaction IS4300 Human-Computer Interaction IS4300 1 Quiz 3 1 I5 due next class Your mission in this exercise is to implement a very simple Java painting applet. The applet must support the following functions: Draw curves,

More information

CS415 Human Computer Interaction

CS415 Human Computer Interaction CS415 Human Computer Interaction Lecture 1 - Introduction July 21, 2015 Sam Siewert Dr. Sam Siewert UC Berkeley Philosophy/Physics 1984-85 University of Notre Dame, BS - Aerospace/Mechanical Engineering

More information

Analytical Evaluation

Analytical Evaluation Analytical Evaluation November 7, 2016 1 Questions? 2 Overview of Today s Lecture Analytical Evaluation Inspections Performance modelling 3 Analytical Evaluations Evaluations without involving users 4

More information

User Interaction and Product Design?

User Interaction and Product Design? WhUser Interface, What User Interaction and Product Design? Prof. Giuseppe Riccardi Dipartimento di Ingegneria e Scienza dell Informazione University of Trento giuseppe.riccardi@unitn.it Riccardi, Spring

More information

CS 4317: Human-Computer Interaction

CS 4317: Human-Computer Interaction September 8, 2017 Tentative Syllabus CS 4317: Human-Computer Interaction Spring 2017 Tuesday & Thursday, 9:00-10:20, Psychology Building, room 308 Instructor: Nigel Ward Office: CCS 3.0408 Phone: 747-6827

More information

Widget. Widget is a generic name for parts of an interface that have their own behaviour. e.g., buttons, progress bars, sliders, drop-down

Widget. Widget is a generic name for parts of an interface that have their own behaviour. e.g., buttons, progress bars, sliders, drop-down Widgets Jeff Avery Widget Widget is a generic name for parts of an interface that have their own behaviour. e.g., buttons, progress bars, sliders, drop-down menus, spinners, file dialog boxes, etc are

More information

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques 8 Evaluation 8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques Ludwig-Maximilians-Universität München Prof. Hußmann Mensch-Maschine-Interaktion

More information

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques 8 Evaluation 8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques Ludwig-Maximilians-Universität München Prof. Hußmann Mensch-Maschine-Interaktion

More information

CS317 File and Database Systems

CS317 File and Database Systems CS317 File and Database Systems http://dilbert.com/strips/comic/2010-01-18/ Lecture 14 Network Client Access to DBMS November 15, 2017 Sam Siewert Reminders PLEASE FILL OUT COURSE EVALUATIONS ON CANVAS

More information

3 Evaluating Interactive Systems

3 Evaluating Interactive Systems 3 Evaluating Interactive Systems Viktoria Pammer-Schindler March 23, 2015 Evaluate 1 Android Sensing Tutorial Day on April 23 Save the Date!!! Evaluate 2 Days and Topics March 11 March 16 Intro Designing

More information

Interaction Design. Chapter 7 (June 22nd, 2011, 9am-12pm): Evaluation and Testing

Interaction Design. Chapter 7 (June 22nd, 2011, 9am-12pm): Evaluation and Testing Interaction Design Chapter 7 (June 22nd, 2011, 9am-12pm): Evaluation and Testing 1 Evaluation and Testing Intro to evaluation and testing analytical methods empirical methods choosing a method intuitive

More information

CS415 Human Computer Interaction

CS415 Human Computer Interaction CS415 Human Computer Interaction Lecture 3 WIMP HCI (Part 1 - GUI Builder Concepts) September 10, 2017 Sam Siewert Consider Is the text from page 21 below correct? What is the value of color vision to

More information

CS 4300 Computer Graphics

CS 4300 Computer Graphics CS 4300 Computer Graphics Prof. Harriet Fell Fall 2011 Lecture 8 September 22, 2011 GUIs GUIs in modern operating systems cross-platform GUI frameworks common GUI widgets event-driven programming Model-View-Controller

More information

Widgets. Overview. Widget. Widgets Widget toolkits Lightweight vs. heavyweight widgets Swing Widget Demo

Widgets. Overview. Widget. Widgets Widget toolkits Lightweight vs. heavyweight widgets Swing Widget Demo Widgets Overview Widgets Widget toolkits Lightweight vs. heavyweight widgets Swing Widget Demo Widget Widget is a generic name for parts of an interface that have their own behavior: buttons, progress

More information

Event Dispatch. Dispatching events to windows and widgets.

Event Dispatch. Dispatching events to windows and widgets. Event Dispatch Dispatching events to windows and widgets. Review: Event Architecture 2 Event capture, processing and dispatch. Event Capture Hardware events (interrupts) Event Dispatch Software events

More information

CS4470: Intro to UI Software CS6456: Principles of UI Software. Fall 2006 Keith Edwards

CS4470: Intro to UI Software CS6456: Principles of UI Software. Fall 2006 Keith Edwards CS4470: Intro to UI Software CS6456: Principles of UI Software Fall 2006 Keith Edwards Today s Agenda Introductions Me TA You Class Overview Syllabus Resources Class Policies 2 Introductions Instructor

More information

User Interface Evaluation

User Interface Evaluation User Interface Evaluation Heuristic Evaluation Lecture #17 Agenda Evaluation through Expert Analysis Cognitive walkthrough Heuristic evaluation Model-based evaluation Cognitive dimension of notations 2

More information

Chapter 15: Analytical evaluation

Chapter 15: Analytical evaluation Chapter 15: Analytical evaluation Aims: Describe inspection methods. Show how heuristic evaluation can be adapted to evaluate different products. Explain how to do doing heuristic evaluation and walkthroughs.

More information

BCS THE CHARTERED INSTITUTE FOR IT. BCS HIGHER EDUCATION QUALIFICATIONS BCS Level 5 Diploma in IT PRINCIPLES OF USER INTERFACE DESIGN

BCS THE CHARTERED INSTITUTE FOR IT. BCS HIGHER EDUCATION QUALIFICATIONS BCS Level 5 Diploma in IT PRINCIPLES OF USER INTERFACE DESIGN BCS THE CHARTERED INSTITUTE FOR IT BCS HIGHER EDUCATION QUALIFICATIONS BCS Level 5 Diploma in IT PRINCIPLES OF USER INTERFACE DESIGN Monday 19 th March 2018 - Afternoon Answer any FOUR questions out of

More information

Interaction Design Guidelines and Rules

Interaction Design Guidelines and Rules Interaction Design Guidelines and Rules Department of Information Technology Uppsala university Design Design is the planning (process, decisions) that lays the basis for the making of every object or

More information

Why User Interface Design? What

Why User Interface Design? What Why User Interface Design? What Prof. Giuseppe Riccardi Dipartimento di Ingegneria e Scienza dell Informazione University of Trento riccardi@dit.unitn.it Spring 2013 1 UI guidelines in Android Spring 2013

More information

KF5008 Program Design & Development. Lecture 1 Usability GUI Design and Implementation

KF5008 Program Design & Development. Lecture 1 Usability GUI Design and Implementation KF5008 Program Design & Development Lecture 1 Usability GUI Design and Implementation Types of Requirements Functional Requirements What the system does or is expected to do Non-functional Requirements

More information

Mensch-Maschine-Interaktion 1. Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1

Mensch-Maschine-Interaktion 1. Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1 Mensch-Maschine-Interaktion 1 Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1 1 Overview Introduction Basic HCI Principles (1) Basic HCI Principles (2) User Research & Requirements Designing

More information

Software Tools. Scott Klemmer Autumn 2009

Software Tools. Scott Klemmer Autumn 2009 stanford hci group http://cs147.stanford.edu Software Tools Scott Klemmer Autumn 2009 It accomplishes an important task (for better and for worse) You don t have to make it yourself, and it abstracts a

More information

GUI Basics and Windowing Systems. Using X Windows as a case study

GUI Basics and Windowing Systems. Using X Windows as a case study GUI Basics and Windowing Systems Using X Windows as a case study 2 CS 349 - Syllabus Evolution of GUI Programming On early computers, everything was rolled by hand Re-inventing the wheel with every iteration

More information

Interface (API) Design

Interface (API) Design Interface (API) Design Architect s Perspective R. Kuehl/J. Scott Hawker p. 1 What is an API? Exposes the public facing functionality of a software component Operations, inputs, and outputs Exposes functionality

More information

SE310 Analysis and Design of Software Systems

SE310 Analysis and Design of Software Systems SE310 Analysis and Design of Software Systems Lecture 2 OO Examples and Process Introduction January 8, 2015 Sam Siewert Overall Learning Objectives What to Build? Requirements as Capabilities Methods

More information

where are we? ICS 105: Project in HCI ui toolkits what does the toolkit do? model-view-controller model-view-controller lectures

where are we? ICS 105: Project in HCI ui toolkits what does the toolkit do? model-view-controller model-view-controller lectures where are we? ICS 105: Project in HCI UI Toolkits and Programming Models lectures done with evaluation techniques a couple of lectures on toolkits and programming other topics: graphical design and screen

More information

SE310 Analysis and Design of Software Systems

SE310 Analysis and Design of Software Systems SE310 Analysis and Design of Software Systems Lecture 1 - Introduction January 11, 2018 Sam Siewert Introductions What You Want from Course? When You Plan to Take Capstone? Which is your preferred OOP

More information

Interaction Design. Human-Computer. COGS120/CSE170 - Intro. HCI. Instructor: Philip Guo. Week 3 - Heuristic Evaluation ( )

Interaction Design. Human-Computer. COGS120/CSE170 - Intro. HCI. Instructor: Philip Guo. Week 3 - Heuristic Evaluation ( ) Human-Computer Interaction Design COGS120/CSE170 - Intro. HCI Instructor: Philip Guo Week 3 - Heuristic Evaluation (2016-10-11) some slides adapted from Scott Klemmer s Intro. HCI course Learning Objective

More information

Merge Sort Quicksort 9 Abstract Windowing Toolkit & Swing Abstract Windowing Toolkit (AWT) vs. Swing AWT GUI Components Layout Managers Swing GUI

Merge Sort Quicksort 9 Abstract Windowing Toolkit & Swing Abstract Windowing Toolkit (AWT) vs. Swing AWT GUI Components Layout Managers Swing GUI COURSE TITLE :Introduction to Programming 2 COURSE PREREQUISITE :Introduction to Programming 1 COURSE DURATION :16 weeks (3 hours/week) COURSE METHODOLOGY:Combination of lecture and laboratory exercises

More information

3 Prototyping and Iterative Evaluations

3 Prototyping and Iterative Evaluations 3 Prototyping and Iterative Evaluations Viktoria Pammer-Schindler March 15, 2016 Prototyping and Iterative Evaluations 1 Days and Topics March 1 March 8 March 15 April 12 April 19/21 April 26 (10-13) April

More information

COMP6700/2140 GUI and Event Driven Programming

COMP6700/2140 GUI and Event Driven Programming COMP6700/2140 GUI and Event Driven Programming Alexei B Khorev and Josh Milthorpe Research School of Computer Science, ANU April 2017 Alexei B Khorev and Josh Milthorpe (RSCS, ANU) COMP6700/2140 GUI and

More information

GUI Basics and Windowing Systems

GUI Basics and Windowing Systems GUI Basics and Windowing Systems Using X Windows as a case study 1 2 Evolution of GUIs Xero Star (1981) Developed at Xerox PARC Not commercially successful. Apple Macintosh (1984) Inspired by Xerox PARC

More information

Event Dispatch. Interactor Tree Lightweight vs. Heavyweight Positional Dispatch Focus Dispatch. 2.4 Event Dispatch 1

Event Dispatch. Interactor Tree Lightweight vs. Heavyweight Positional Dispatch Focus Dispatch. 2.4 Event Dispatch 1 Event Dispatch Interactor Tree Lightweight vs. Heavyweight Positional Dispatch Focus Dispatch 2.4 Event Dispatch 1 Event Architecture A pipeline: - Capture and Queue low-level hardware events - Dispatch

More information

Design of Graphical User Interfaces

Design of Graphical User Interfaces Design of Graphical User Interfaces Graduate School Course IT 2 Prof. Astrid Beck 1 1 Contact information Mail: WWW: Astrid.Beck@fht-esslingen.de http://www.it.fht-esslingen.de/~asbeck Office: F1.353 Level

More information

3. Total estimated time (hours/semester of didactic activities) 3.1 Hours per week 4 Of which: 3.2 course seminar/laboratory

3. Total estimated time (hours/semester of didactic activities) 3.1 Hours per week 4 Of which: 3.2 course seminar/laboratory Syllabus 1. Information regarding the programme 1.1 Higher education Babes-Bolyai University institution 1.2 Faculty Mathematics and Computer Science 1.3 Department Computer Science 1.4 Field of study

More information

This tutorial has been intended for the users willing to take the human computer interactions as a next level of study in their career.

This tutorial has been intended for the users willing to take the human computer interactions as a next level of study in their career. About the Tutorial This tutorial provides the basic knowledge on human computer interface and designing. It also throws a light on the current tools and practices and the future aspects of HCI designing.

More information

This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name:

This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name: 6.831 User Interface Design & Implementation Fall 2004 Quiz 1 This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name: 1. (3 points) Which of the following are measurable

More information

GUI Basics and Windowing Systems. Using X Windows as a case study

GUI Basics and Windowing Systems. Using X Windows as a case study GUI Basics and Windowing Systems Using X Windows as a case study 2 CS 349 - Syllabus Evolution of GUIs Xero Star (1981) Developed at Xerox PARC Not commercially successful. Apple Macintosh (1984) Inspired

More information

Assistant Professor Computer Science. Introduction to Human-Computer Interaction

Assistant Professor Computer Science. Introduction to Human-Computer Interaction CMSC434 Introduction to Human-Computer Interaction Week 12 Lecture 24 Nov 21, 2013 Intro to Evaluation Human Computer Interaction Laboratory @jonfroehlich Assistant Professor Computer Science Hall of Fame

More information

Towards Systematic Usability Verification

Towards Systematic Usability Verification Towards Systematic Usability Verification Max Möllers RWTH Aachen University 52056 Aachen, Germany max@cs.rwth-aachen.de Jonathan Diehl RWTH Aachen University 52056 Aachen, Germany diehl@cs.rwth-aachen.de

More information

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!!

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!! CS 147: HCI+D UI Design, Prototyping, and Evaluation, Autumn 2014 HCI+D: USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Heuristic Evaluation Computer Science Department Autumn

More information

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an analysis of 249 usability problems (Nielsen, 1994). -Preece

More information

Organization of User Interface Software

Organization of User Interface Software Organization of User Interface Software Administration Questions about assignments due and assignments assigned 2 What we will talk about Ways to organize UI code Different models of user interfaces as

More information

History of Ubicomp. Page 1. Agenda. Why study history? Paradigms. Shwetak Patel. Review history of Ubicomp

History of Ubicomp. Page 1. Agenda. Why study history? Paradigms. Shwetak Patel. Review history of Ubicomp CSE 599U Advanced Topics in Ubicomp History of Ubicomp Shwetak Patel Computer Science & Engineering Electrical Engineering Agenda Review history of Ubicomp Review the history of Human-Computer Interaction

More information

Analytical evaluation

Analytical evaluation Chapter 15 Analytical evaluation 1 Aims: Describe the key concepts associated with inspection methods. Explain how to do heuristic evaluation and walkthroughs. Explain the role of analytics in evaluation.

More information

EVALUATION OF PROTOTYPES USABILITY TESTING

EVALUATION OF PROTOTYPES USABILITY TESTING EVALUATION OF PROTOTYPES USABILITY TESTING CPSC 544 FUNDAMENTALS IN DESIGNING INTERACTIVE COMPUTATION TECHNOLOGY FOR PEOPLE (HUMAN COMPUTER INTERACTION) WEEK 9 CLASS 17 Joanna McGrenere and Leila Aflatoony

More information

Interface Builders and Interface Description Languages

Interface Builders and Interface Description Languages Interface Builders and Interface Description Languages Interface Builders (IB) and Interface Description Languages (IDL) enable Drag and Drop construction of GUI's are part of man;y Visual Studio(2013)

More information

Evaluation in Information Visualization. An Introduction to Information Visualization Techniques for Exploring Large Database. Jing Yang Fall 2005

Evaluation in Information Visualization. An Introduction to Information Visualization Techniques for Exploring Large Database. Jing Yang Fall 2005 An Introduction to Information Visualization Techniques for Exploring Large Database Jing Yang Fall 2005 1 Evaluation in Information Visualization Class 3 2 1 Motivation What are the advantages and limitations

More information

cs465 principles of user interface design, implementation and evaluation

cs465 principles of user interface design, implementation and evaluation cs465 principles of user interface design, implementation and evaluation Karrie G. Karahalios 24. September 2008 1. Heuristic Evaluation 2. Cognitive Walkthrough 3. Discuss Homework 3 4. Discuss Projects

More information

The Slide does not contain all the information and cannot be treated as a study material for Operating System. Please refer the text book for exams.

The Slide does not contain all the information and cannot be treated as a study material for Operating System. Please refer the text book for exams. The Slide does not contain all the information and cannot be treated as a study material for Operating System. Please refer the text book for exams. Operating System Services User Operating System Interface

More information

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING COURSE PLAN. Hour Timing Hour Timing

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING COURSE PLAN. Hour Timing Hour Timing SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING COURSE PLAN Course Code: CS456 Course Title: User Interface Design Semester:VIII Course Time:Jan-May

More information

Review. Designing Interactive Systems II. Review. Base Window System. Apps UITK BWS GEL. 4-Layer Model Graphics and Event Library BWS GEL

Review. Designing Interactive Systems II. Review. Base Window System. Apps UITK BWS GEL. 4-Layer Model Graphics and Event Library BWS GEL Window Manager Base Window System Graphics & Event Library Hardware more abstract, application-/user- Applications User Interface Toolkit Review Designing Interactive Systems II 4-Layer Model Graphics

More information

SE310 Analysis and Design of Software

SE310 Analysis and Design of Software SE310 Analysis and Design of Software Lecture 14 REVIEW March 26, 2018 Sam Siewert Domain Models Use Case Details Complete a Design Provide Code Re-Use Candidate and PoC/Prototype Start Here! https://www.modelio.org/

More information

CSCA0201 FUNDAMENTALS OF COMPUTING. Chapter 6 Operating Systems

CSCA0201 FUNDAMENTALS OF COMPUTING. Chapter 6 Operating Systems CSCA0201 FUNDAMENTALS OF COMPUTING Chapter 6 Operating Systems 1 1. Operating Systems 2. Types of Operating System 3. Major Functions 4. User Interface 5. Examples of Operating System 2 Operating Systems

More information

SE310 Analysis and Design of Software Systems

SE310 Analysis and Design of Software Systems SE310 Analysis and Design of Software Systems Lecture 2-2 Systems Engineering for OO January 17, 2018 Sam Siewert Learning Objective Software Engineering Process? Lifecycle Phases feedback SPIRAL in Agile

More information

Designing Usable Apps

Designing Usable Apps This is a free sample excerpt from the book: Designing Usable Apps An agile approach to User Experience design Author: Kevin Matz 264 pages (softcover edition) Print edition ISBN: 978-0-9869109-0-6 E-book

More information

MIT GSL week 4 Wednesday. User Interfaces II

MIT GSL week 4 Wednesday. User Interfaces II MIT GSL 2018 week 4 Wednesday User Interfaces II User Centered Design Prototyping! Producing cheaper, less accurate renditions of your target interface! Essential in spiral design process, useful in later

More information

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement Ideas to windows Lecture 7: Prototyping & Evaluation How do we go from ideas to windows? Prototyping... rapid initial development, sketching & testing many designs to determine the best (few?) to continue

More information

15/16 CSY2041 Quality and User-Centred Systems

15/16 CSY2041 Quality and User-Centred Systems 15/16 CSY2041 Quality and User-Centred Systems INTERACTION DESIGN 1 Heuristic evaluation and walkthroughs 2 1 Aims: Describe the key concepts associated with inspection methods. Explain how to do heuristic

More information

Input: Interaction Techniques

Input: Interaction Techniques Input: Interaction Techniques Administration Questions about homework? 2 Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated)

More information

Event Dispatch. Interactor Tree Lightweight vs. Heavyweight Positional Dispatch Focus Dispatch. Event Architecture. A pipeline: Event Capture

Event Dispatch. Interactor Tree Lightweight vs. Heavyweight Positional Dispatch Focus Dispatch. Event Architecture. A pipeline: Event Capture Event Dispatch Interactor Tree Lightweight vs. Heavyweight Positional Dispatch Focus Dispatch 2.4 Event Dispatch 1 Event Architecture A pipeline: - Capture and Queue low-level hardware events - Dispatch

More information

Expert Reviews (1) Lecture 5-2: Usability Methods II. Usability Inspection Methods. Expert Reviews (2)

Expert Reviews (1) Lecture 5-2: Usability Methods II. Usability Inspection Methods. Expert Reviews (2) : Usability Methods II Heuristic Analysis Heuristics versus Testing Debate Some Common Heuristics Heuristic Evaluation Expert Reviews (1) Nielsen & Molich (1990) CHI Proceedings Based upon empirical article

More information

CS 315 Intro to Human Computer Interaction (HCI)

CS 315 Intro to Human Computer Interaction (HCI) 1 CS 315 Intro to Human Computer Interaction (HCI) 2 3 Acceptance Tests Set goals for performance Objective Measurable Examples Mean time between failures (e.g. MOSI) Test cases Response time requirements

More information

Developing Applications for ios

Developing Applications for ios Developing Applications for ios Lecture 1: Mobile Applications Development Radu Ionescu raducu.ionescu@gmail.com Faculty of Mathematics and Computer Science University of Bucharest Evaluation Individual

More information

CS 235AM, Mobile Application Development: Android Spring 2016

CS 235AM, Mobile Application Development: Android Spring 2016 CS 235AM, Mobile Application Development: Android Spring 2016 Sections CRN 44555 & 44036 Credits 4 Classroom 19/132 Day & Time M, W 8:00 9:50 Instructor Brian Bird Office Building 19, Room 152 Office Phone

More information

Manual Java For Mac Developer Package

Manual Java For Mac Developer Package Manual Java For Mac 10.5 8 Developer Package Packages. Mac OS X users please note: Eclipse requires Mac OS X 10.5 Tools for Java developers creating Java EE and Web applications, including a Java. Additional

More information

Objectives. Object-Oriented Analysis and Design with the Unified Process 2

Objectives. Object-Oriented Analysis and Design with the Unified Process 2 Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered

More information

Kick Start your Embedded Development with Qt

Kick Start your Embedded Development with Qt Kick Start your Embedded Development with Qt Increasing Return On Investment & shortening time-to-market Nils Christian Roscher-Nielsen Product Manager, The Qt Company Overview Problems facing Device Creators

More information

Human-Computer Interaction: An Overview. CS2190 Spring 2010

Human-Computer Interaction: An Overview. CS2190 Spring 2010 Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems

More information

CS110/CS119 Introduction to Computing (Java) Bob Wilson S-3-176

CS110/CS119 Introduction to Computing (Java) Bob Wilson S-3-176 CS110/CS119 Introduction to Computing (Java) Bob Wilson bobw@cs.umb.edu S-3-176 1 CS110 vs CSIT114/CSIT115 Two tracks for starting CS curriculum at UMB CS110 is a traditional one semester introduction

More information

Xcode and Swift CS 4720 Mobile Application Development

Xcode and Swift CS 4720 Mobile Application Development Xcode and Swift Mobile Application Development Why Java for Android? Let s first recap: why do you think Android uses Java? 2 Why Java for Android? Some good reasons: You can t find a CS major that doesn

More information

HCI Research Methods

HCI Research Methods HCI Research Methods Ben Shneiderman ben@cs.umd.edu Founding Director (1983-2000), Human-Computer Interaction Lab Professor, Department of Computer Science Member, Institute for Advanced Computer Studies

More information

Usability Evaluation Lab classes

Usability Evaluation Lab classes Universidade de Aveiro Departamento de Electrónica, Telecomunicações e Informática Usability Evaluation Lab classes https://www.interaction-design.org Beatriz Sousa Santos, 2016/2017 Usability is, according

More information

Input part 3: Interaction Techniques

Input part 3: Interaction Techniques Input part 3: Interaction Techniques Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated) slider (simulated) knob type in

More information

Implementing Games User Research Processes Throughout Development: Beyond Playtesting

Implementing Games User Research Processes Throughout Development: Beyond Playtesting Implementing Games User Research Processes Throughout Development: Beyond Playtesting Graham McAllister Founder, Player Research @grmcall Introduction Founder - Player Research, a User Research studio

More information

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Heuristic Evaluation Prof. James A. Landay University of Washington CSE 440 February 19, 2013 Hall of Fame or Shame? Pocket By Read It Later Jan. 14-18,

More information

Java And Android Application Development For Dummies Ebook Set

Java And Android Application Development For Dummies Ebook Set Java And Android Application Development For Dummies Ebook Set (1) Very easy to learn if you know Java because android libraries are built on top (1) Android Game programming for dummies: it-ebooks.info/book/1700/

More information

EVALUATION OF PROTOTYPES USABILITY TESTING

EVALUATION OF PROTOTYPES USABILITY TESTING EVALUATION OF PROTOTYPES USABILITY TESTING CPSC 544 FUNDAMENTALS IN DESIGNING INTERACTIVE COMPUTATIONAL TECHNOLOGY FOR PEOPLE (HUMAN COMPUTER INTERACTION) WEEK 9 CLASS 17 Joanna McGrenere and Leila Aflatoony

More information

Qt for Device Creation

Qt for Device Creation Qt for Device Creation Speeding up ROI & Time-to-Market with Qt Andy Nichols Software Engineer, Qt R&D, Oslo Overview Problems facing Device Creators How Qt for Device Creation addresses those Problems

More information

Analytical &! Empirical Evaluation

Analytical &! Empirical Evaluation Analytical &! Empirical Evaluation Informatics 132 5/22/2012 TODAY Evaluation Due: A3 Paper Prototyping UPCOMING Friday: Group Project Time Monday: Memorial Day, No Class Wednesday: HCI in the Real World

More information

San Jose State University College of Science Department of Computer Science CS151, Object-Oriented Design, Sections 1, 2, and 3, Spring 2018

San Jose State University College of Science Department of Computer Science CS151, Object-Oriented Design, Sections 1, 2, and 3, Spring 2018 San Jose State University College of Science Department of Computer Science CS151, Object-Oriented Design, Sections 1, 2, and 3, Spring 2018 Course and Contact Information Instructor: Suneuy Kim Office

More information