Page 1. Welcome! Lecture 1: Interfaces & Users. Who / what / where / when / why / how. What s a Graphical User Interface?

Size: px
Start display at page:

Download "Page 1. Welcome! Lecture 1: Interfaces & Users. Who / what / where / when / why / how. What s a Graphical User Interface?"

Transcription

1 Welcome! Lecture 1: Interfaces & Users About me Dario Salvucci, Associate Professor, CS Office: University Crossings 142 Office hours: Thursday 11-12, or for appt. About this course Syllabus, timeline, & resources on-line... CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 1 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 2 Who / what / where / when / why / how Prerequisites Lectures Readings Assignments Exams Grading Communication Policies Questions? What s a Graphical User Interface? In the narrow sense... a graphical information channel between a user and computer system/application e.g., most Windows & Mac applications any interface with buttons, menus, etc ( widgets ) In the broader sense... ATMs, cell phones, navigation devices, etc. GUIs don t have to have standard widgets! GUIs don t have to be on your desktop! This course focuses on the first group, but we ll keep the second group in mind CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 3 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 4 Page 1

2 Why GUIs? Can present a lot of information in small area but still maintain readability Can present different types of information (e.g., pictures, animations) Can store functions on-screen without forcing user to remember them Can provide direct-manipulation interfaces with various input The GUI Life Cycle Prototype Evaluate CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 5 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 6 Focus of this course To set the stage... CS 337: Psych HCI Prototype Evaluate Prototype Evaluate CS 338: GUI Prototype Evaluate Some problems with GUIs today: software is rude e.g., inappropriate or derogatory error messages software makes unwarranted assumptions e.g., assumes user knows underlying mechanisms, such as saving to a hard drive software is obscure Use passive mode on FTP proxy? software exhibits inappropriate behavior open Word document, print it, close it Save? CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 7 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 8 Page 2

3 To set the stage... Why do we have these problems? we have a conflict of interest for whom exactly are we developing the system? we lack a process how can we think like engineers to evaluate user needs and develop appropriate, usable systems? one simple, common, but not-so-good process: Research (market, technical) (graphic, interaction) To set the stage... But most importantly... we re ignorant about users! Assembler code 0.01% C++ code 0.1% Program (any language) 1% Linux 15% Usability User Population MS Windows 70% Television 98% Thanks to Scott York U for this graph! CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 9 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 10 Developing GUI (or any) software Multidisciplinary nature of GUI & HCI Cooper s 5-component process: Research users & the domain Modeling users & use contexts Requirements user, business, & technical needs Framework structure & flow Refinement of behavior, form, context Human side: cognitive psychology ergonomics and human factors sociology linguistics communication theory social and organizational psychology graphic and industrial design Thanks to Scott York U for the next 2 slides!! CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 11 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 12 Page 3

4 Multidisciplinary nature of GUI & HCI Machine side: computer science engineering computer graphics operating systems programming languages software engineering development environments artificial intelligence Users, users, users Today we ll focus on the human side. Soon we ll deal with the machine side. How can we possibly deal with all the complexity of the human side of GUIs? one short answer: It s hard. one long answer: See CS 337. our short answer: KEEP THE USER IN MIND! CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 13 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 14 Users at a lower level Users embody all aspects of being human Being human means having limitations: visual attention (e.g., noticing animation) visual processes (e.g., reading a word) motor processes (e.g., mouse movement) cognitive processes (e.g., memory) Users at a higher level Users have goals in using our GUIs User-centered design involves... goals: what is the user trying to accomplish? needs: what does the user need to do this? user constraints: what can/can t the user do? task constraints: what can/can t be done? and other things to consider CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 15 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 16 Page 4

5 Example: Web site design Jakob Nielsen's Top Ten Mistakes in Web 1. Using Frames 2. Gratuitous Use of Bleeding-Edge Technology 3. Scrolling Text, Marquees, and Constantly Running Animations 4. Complex URLs 5. Orphan Pages 6. Long Scrolling Pages 7. Lack of Navigation Support 8. Non-Standard Link Colors 9. Outdated Information 10. Overly Long Download Times Is good design really this easy? These are really just heuristics that keep the user in mind! Research Question of the Day When people surf the web, they have goals. the goals might be very specific e.g., find a paper the goals might be very general e.g., find a cool news article or on-line game For typical web browsing, what are users goals and how common are these goals? CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 17 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 18 Research Question of the Day Byrne et al. (1999) created a taskonomy of web browsing take users from a diverse population observe them in a natural environment analyze their verbal protocols & extract goals And at the same time... perform a task analysis of web browsing create categories & subcategories of goals e.g., locate word, image, something interesting... Research Question of the Day Byrne et al. (1999) defined 6 tasks: use information: read, listen, view, download,... locate: visual search go to: display a new URL provide information: username, address,... configure: change state of browser react: respond to browser-initiated events Byrne, M. D., John, B. E., Wehrle, N. S., & Crow, D. C. (1999). The tangled web we wove: A taskonomy of WWW use. Human Factors in Computing Systems: Proceedings of CHI 99, Reading, MA: Addison Wesley. CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 19 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 20 Page 5

6 Research Question of the Day Research Question of the Day CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 21 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 22 Optimizing for intermediates Cooper uses a bell curve argument: Most users are neither beginners nor experts; they are intermediates. He thus argues that we should optimize for intermediates beginner intermediate expert Is this always the case? for what systems does this make sense? for what systems doesn t this make sense? Dealing with beginners, experts Let s not forget the others! Beginners need... straightforward mental model good, concise topical help (need not be long!) Experts need... lots o shortcuts directed, specific, unintrusive help CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 23 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 24 Page 6

7 Personas One system won t make everyone happy Alesandro s goals Go fast Have fun Marge s goals Be safe Be comfortable Dale s goals Haul big loads Be reliable??? Personas How do we develop personas? Research. user interviews subject-matter experts market research surveys etc. End production: Each persona represents a class of users in context persona is not an average person, but an exemplar or canonical person with an associated range of behaviors CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 25 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 26 Exercise: CS Web Site Check out the web site on the next page What s your gut reaction? yikes, ugly yikes, cool just fine yawn Ok, that s out of your system. Now let s think about our users... CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 27 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 28 Page 7

8 Exercise: CS Web Site What are some personas for the CS Web? CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 29 CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 30 Page 8

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

Page 1. Human-computer interaction. Lecture 2: Design & Implementation. Building user interfaces. Users and limitations

Page 1. Human-computer interaction. Lecture 2: Design & Implementation. Building user interfaces. Users and limitations Human-computer interaction Lecture 2: Design & Implementation Human-computer interaction is a discipline concerned with the design, implementation, and evaluation of interactive systems for human use and

More information

Page 1. Human-computer interaction. Lecture 1b: Design & Implementation. Building user interfaces. Mental & implementation models

Page 1. Human-computer interaction. Lecture 1b: Design & Implementation. Building user interfaces. Mental & implementation models Human-computer interaction Lecture 1b: Design & Implementation Human-computer interaction is a discipline concerned with the design, implementation, and evaluation of interactive systems for human use

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

Note 4: Goal-Directed Design

Note 4: Goal-Directed Design Computer Science and Software Engineering University of Wisconsin - Platteville Note 4: Goal-Directed Design Yan Shi Lecture Notes for SE 3330 UW-Platteville Based on About Face 3: Cooper, Reimann, Cronin

More information

Web Evaluation Report Guidelines

Web Evaluation Report Guidelines Web Evaluation Report Guidelines Graduate Students: You are required to conduct a usability test for your final project in this course. Please review the project description and the evaluation rubric on

More information

Seema Sirpal Delhi University Computer Centre

Seema Sirpal Delhi University Computer Centre Getting Started on HTML & Web page Design Seema Sirpal Delhi University Computer Centre How to plan a web development project draft a design document convert text to HTML use Frontpage to create web pages

More information

The Tangled Web We Wove: A Taskonomy of WWW Use

The Tangled Web We Wove: A Taskonomy of WWW Use The Tangled Web We Wove: A Taskonomy of WWW Use Michael D. Byrne 1, Bonnie E. John 2, Neil S. Wehrle 3, David C. Crow 4 1 Department of Psychology 2 Human-Computer Interaction Institute 4 Trilogy Development

More information

Computer Concepts for Beginners

Computer Concepts for Beginners Computer Concepts for Beginners Greetings Hi, my name is Tony & we re about to take a big plunge into the computer world! For some of us, this might be the first time we re actually using our computers,

More information

Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea

Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea Due Today: List of preferred lectures to present Due Next Week: IRB training completion certificate

More information

2/18/2009. Introducing Interactive Systems Design and Evaluation: Usability and Users First. Outlines. What is an interactive system

2/18/2009. Introducing Interactive Systems Design and Evaluation: Usability and Users First. Outlines. What is an interactive system Introducing Interactive Systems Design and Evaluation: Usability and Users First Ahmed Seffah Human-Centered Software Engineering Group Department of Computer Science and Software Engineering Concordia

More information

Assignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing

Assignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing HCI and Design Topics for today Assignment 5 is posted! Heuristic evaluation and AB testing Today: Heuristic Evaluation Thursday: AB Testing Formal Usability Testing Formal usability testing in a lab:

More information

Testing is a very big and important topic when it comes to software development. Testing has a number of aspects that need to be considered.

Testing is a very big and important topic when it comes to software development. Testing has a number of aspects that need to be considered. Testing Testing is a very big and important topic when it comes to software development. Testing has a number of aspects that need to be considered. System stability is the system going to crash or not?

More information

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Course Outline Department of Computing Science Faculty of Science COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Instructor: Office: Phone/Voice Mail: E-Mail: Course Description Students

More information

Page design and working with frames

Page design and working with frames L E S S O N 2 Page design and working with frames Lesson objectives Suggested teaching time To a learn about designing web pages and creating framesets in your web, you will: 35-45 minutes a b c Discuss

More information

SE 1: Software Requirements Specification and Analysis

SE 1: Software Requirements Specification and Analysis SE 1: Software Requirements Specification and Analysis Lecture 11: User Interface Specification Nancy Day, Davor Svetinović http://www.student.cs.uwaterloo.ca/ cs445/winter2006 uw.cs.cs445 U Waterloo SE1

More information

Users and Usability Principles

Users and Usability Principles Users and Usability Principles CS 4640 Programming Languages for Web Applications [Jakob Nielsen and Hoa Loranger, Prioritizing Web Usability ] [Nielsen Norman Group, https://www.nngroup.com/articles/usability-101-introduction-to-usability/]

More information

HCI and Design SPRING 2016

HCI and Design SPRING 2016 HCI and Design SPRING 2016 Topics for today Heuristic Evaluation 10 usability heuristics How to do heuristic evaluation Project planning and proposals Usability Testing Formal usability testing in a lab

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

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

Interfaces Homme-Machine

Interfaces Homme-Machine Interfaces Homme-Machine APP3IR Axel Carlier 29/09/2017 1 2 Some vocabulary GUI, CHI,, UI, etc. 3 Some vocabulary Computer-Human Interaction Interaction HommeMachine User Interface Interface Utilisateur

More information

Introduction to the Learning Environment v8.3.0

Introduction to the Learning Environment v8.3.0 Introduction to the Learning Environment v8.3.0 User Guide March, 008 Contents My Home Accessing your courses Navigating inside a course Lists Actions Entering Dates Showing and hiding advanced options

More information

Looking Back: Fitts Law

Looking Back: Fitts Law Looking Back: Fitts Law Predicts movement time for rapid, aimed pointing tasks One of the few stable observations in HCI Index of Difficulty: How to get a and b for a specific device / interaction technique

More information

Topic 5c: Designing Interfaces and Dialogues Part 1. Lecture Objectives. Why bother with Interface Design? Human Computer Interface Design

Topic 5c: Designing Interfaces and Dialogues Part 1. Lecture Objectives. Why bother with Interface Design? Human Computer Interface Design IMS1002 Systems Analysis and Design Lecture Objectives Topic 5c Designing Interfaces and At the completion of this lecture you should be able to: Understand the importance of interface deisgn Understand

More information

Triangles, Squares, & Segregation

Triangles, Squares, & Segregation Triangles, Squares, & Segregation (based on the work of Vi Hart & Nicky Case) Tara T. Craig & Anne M. Ho December 2016 1 Population of Polygons This is a population of Polygons including Triangles and

More information

Human-Computer Interaction (CS4317/5317)

Human-Computer Interaction (CS4317/5317) August 4, 2006 Syllabus Human-Computer Interaction (CS4317/5317) Fall 2006 Tuesday & Thursday, 3:00 4:20, Computer Science room 321 Instructor: Nigel Ward Office: Comp 206 Phone: 747-6827 E-mail nigel@cs.utep.edu

More information

Welcome to Technology Class. 7 th Grade: Web Design 8 th Grade: Digital Animation

Welcome to Technology Class. 7 th Grade: Web Design 8 th Grade: Digital Animation Welcome to Technology Class 7 th Grade: Web Design 8 th Grade: Digital Animation Syllabus We will go over important details of the syllabus YOU WILL NOT RECEIVE A NEW COPY IF YOU LOSE IT Be sure to return

More information

Human-Computer Interaction IS4300

Human-Computer Interaction IS4300 Human-Computer Interaction IS4300 1 Ethnography Homework I3 2 1 Team Projects User analysis. Identify stakeholders (primary, secondary, tertiary, facilitating) For Primary Stakeholders Demographics Persona(s)

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

EFFECTIVE WEB CONTENT

EFFECTIVE WEB CONTENT EFFECTIVE WEB CONTENT A computer monitor is different in many ways from printed material. The type can be difficult to read because it is displayed differently depending on the computer screen, operating

More information

What is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design

What is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design What is interaction design? What is Interaction Design? Designing interactive products to support people in their everyday and working lives Sharp, Rogers and Preece (2002) The design of spaces for human

More information

User Centered Design And Prototyping

User Centered Design And Prototyping User Centered Design And Prototyping Why User Centered Design is important Approaches to User Centered Design Rapid prototype techniques The Design Of Well Crafted Tools The All Too Common Approach In

More information

MA 1128: Lecture 02 1/22/2018

MA 1128: Lecture 02 1/22/2018 MA 1128: Lecture 02 1/22/2018 Exponents Scientific Notation 1 Exponents Exponents are used to indicate how many copies of a number are to be multiplied together. For example, I like to deal with the signs

More information

CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)

CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) READINGS ID Book. Chapter 11 in published book, Design, Prototyping,

More information

Game keystrokes or Calculates how fast and moves a cartoon Joystick movements how far to move a cartoon figure on screen figure on screen

Game keystrokes or Calculates how fast and moves a cartoon Joystick movements how far to move a cartoon figure on screen figure on screen Computer Programming Computers can t do anything without being told what to do. To make the computer do something useful, you must give it instructions. You can give a computer instructions in two ways:

More information

UI Evaluation: Cognitive Walkthrough. CS-E5220 User Interface Construction

UI Evaluation: Cognitive Walkthrough. CS-E5220 User Interface Construction UI Evaluation: Cognitive Walkthrough CS-E5220 User Interface Construction Usability Testing With users Usability test Without users Heuristic evaluation Cognitive walkthrough Nielsen s Ten Heuristic Rules

More information

Cognitive Walkthrough

Cognitive Walkthrough 1 1 Cognitive Walkthrough C. Wharton, J. Rieman, C. Lewis and P. Polson, The Cognitive Walkthrough Method: A Practitioner s Guide, in J. Nielsen and R. Mack (eds.), Usability Inspection Methods, John Wiley

More information

Curtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day

Curtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day Curtin University School of Design Internet Usability Design 391 Chapter 1 Introduction to Usability Design By Joel Day Internet Usability Design 391 Chapter 1: Usability Introduction Page 2 of 6 What

More information

Usability. CSE 331 Spring Slides originally from Robert Miller

Usability. CSE 331 Spring Slides originally from Robert Miller Usability CSE 331 Spring 2010 Slides originally from Robert Miller 1 User Interface Hall of Shame Source: Interface Hall of Shame 2 User Interface Hall of Shame Source: Interface Hall of Shame 3 Redesigning

More information

Mastering Truspace 7

Mastering Truspace 7 How to move your Truespace models in Dark Basic Pro by Vickie Eagle Welcome Dark Basic Users to the Vickie Eagle Truspace Tutorials, In this first tutorial we are going to build some basic landscape models

More information

Slide 1. Slide 2. The Need. Using Microsoft Excel

Slide 1. Slide 2.   The Need. Using Microsoft Excel Slide 1 Using Microsoft Excel to Collect and Analyze Using Microsoft Excel to Collect and Analyze California California Standards Standards Text Data Test Data Presented by: Michael Nunn CTAP Region 11

More information

COPYRIGHTED MATERIAL. Getting Started with. Windows 7. Lesson 1

COPYRIGHTED MATERIAL. Getting Started with. Windows 7. Lesson 1 Lesson 1 Getting Started with Windows 7 What you ll learn in this lesson: What you can do with Windows 7 Activating your copy of Windows 7 Starting Windows 7 The Windows 7 desktop Getting help The public

More information

Hyper Text Design. SWE 432 Design and Implementation of Software for the Web Thanks in part to: Jorn Barger (inventor of the weblog)

Hyper Text Design. SWE 432 Design and Implementation of Software for the Web Thanks in part to: Jorn Barger (inventor of the weblog) Hyper Text Design James Baldo Jr. SWE 432 Design and Implementation of Software for the Web Thanks in part to: Jorn Barger (inventor of the weblog) GUI Overview Graphical User Interfaces (GUI) are formed

More information

The Problem, the Solution and the End FinalPart

The Problem, the Solution and the End FinalPart 129 11 The Problem, the Solution and the End FinalPart Veni, vidi, vici. Gaius Julius Caesar After lunch, the team was waiting for Al and Bob to show up. They were late. When they finally showed up, John

More information

needs, wants, and limitations

needs, wants, and limitations In broad terms Process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process. ISO principles which says that the design

More information

Instructional Design: ADDIE Model

Instructional Design: ADDIE Model Instructional Design: ADDIE Model RenWeb Training for Teachers at Trinity Lutheran School EDT 892 Instructional Design Tiffany Gurgel October 2013 EDT 892 Instructional Design - RenWeb Training by Tiffany

More information

Introduction to User Stories. CSCI 5828: Foundations of Software Engineering Lecture 05 09/09/2014

Introduction to User Stories. CSCI 5828: Foundations of Software Engineering Lecture 05 09/09/2014 Introduction to User Stories CSCI 5828: Foundations of Software Engineering Lecture 05 09/09/2014 1 Goals Present an introduction to the topic of user stories concepts and terminology benefits and limitations

More information

Software Development and Usability Testing

Software Development and Usability Testing Software Development and Usability Testing Shneiderman, Chapter 4 Preece et al, Ch 9, 11-15 Krug, Rocket Surgery Made Easy Rubin, Handbook of Usability Testing Norman Neilsen Group www HCI in Software

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

CS1110 Lab 1 (Jan 27-28, 2015)

CS1110 Lab 1 (Jan 27-28, 2015) CS1110 Lab 1 (Jan 27-28, 2015) First Name: Last Name: NetID: Completing this lab assignment is very important and you must have a CS 1110 course consultant tell CMS that you did the work. (Correctness

More information

Privacy and Security in Online Social Networks Department of Computer Science and Engineering Indian Institute of Technology, Madras

Privacy and Security in Online Social Networks Department of Computer Science and Engineering Indian Institute of Technology, Madras Privacy and Security in Online Social Networks Department of Computer Science and Engineering Indian Institute of Technology, Madras Lecture 07 Tutorial 2 Part 1 Facebook API Hi everyone, welcome to the

More information

HCI-4/631 Software Architectures for User Interfaces, Fall 2006

HCI-4/631 Software Architectures for User Interfaces, Fall 2006 HCI-4/6 Software Architectures for User Interfaces, Fall 2006 Place and Time: XXXXXX, Monday and Wednesday 9:00-10:30 Instructor: Vassilis Kostakos (vassilis@cmu.edu) Office: 2.91 Office Hours: Monday

More information

Lecture 11 Usability of Graphical User Interfaces

Lecture 11 Usability of Graphical User Interfaces MAS dr. Inż. Mariusz Trzaska Lecture 11 Usability of Graphical User Interfaces Outline o An introduction o The usability o Usability formation o Usability tests o Usability and business o GUI checklist

More information

Working with Health IT Systems is available under a Creative Commons Attribution-NonCommercial- ShareAlike 3.0 Unported license.

Working with Health IT Systems is available under a Creative Commons Attribution-NonCommercial- ShareAlike 3.0 Unported license. Working with Health IT Systems is available under a Creative Commons Attribution-NonCommercial- ShareAlike 3.0 Unported license. Johns Hopkins University. Welcome to the Fundamentals of Health Workflow

More information

CS408 Human Computer Interaction Solved Objective Midterm Papers For Preparation of Midterm Exam

CS408 Human Computer Interaction Solved Objective Midterm Papers For Preparation of Midterm Exam CS408 Human Computer Interaction Solved Objective Midterm Papers For Preparation of Midterm Exam What will be the gulf of execution if the user is able to formulate and perform the actions easily; Smaller

More information

Multimedia Design Principles. Darnell Chance August 2005

Multimedia Design Principles. Darnell Chance August 2005 Multimedia Design Principles Darnell Chance August 2005 Home Page Things To Consider Organization Story Board Organization The 3 C s Alignment Proximity Tips/ Techs White Space Contrast Rule of Thumb Typography

More information

Introduction to Software Engineering

Introduction to Software Engineering Introduction to Software Engineering 3. User Interface Design Mircea F. Lungu Based on a lecture by Oscar Nierstrasz. Roadmap > Interface design > Design principles > Graphical User Interfaces (GUI) >

More information

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation Lecture 12: Inspection-Based Methods James Fogarty Daniel Epstein Brad Jacobson King Xia Tuesday/Thursday 10:30 to 11:50

More information

Microsoft PowerPoint Presentations

Microsoft PowerPoint Presentations Microsoft PowerPoint Presentations In this exercise, you will create a presentation about yourself. You will show your presentation to the class. As you type your information, think about what you will

More information

Interaction design. The process of interaction design. Requirements. Data gathering. Interpretation and data analysis. Conceptual design.

Interaction design. The process of interaction design. Requirements. Data gathering. Interpretation and data analysis. Conceptual design. Interaction design The process of interaction design Requirements Data gathering Interpretation and data analysis Conceptual design Prototyping Physical design Conceptual design Introduction It aims to

More information

design john barr cs205 advanced web programming barr")"cs205"

design john barr cs205 advanced web programming barr)cs205 design john barr cs205 advanced web programming barr")"cs205" 1" design define design? a plan for the construction of an object form meets function many solutions what are concepts are involved in good

More information

How To Upload Your Newsletter

How To Upload Your Newsletter How To Upload Your Newsletter Using The WS_FTP Client Copyright 2005, DPW Enterprises All Rights Reserved Welcome, Hi, my name is Donna Warren. I m a certified Webmaster and have been teaching web design

More information

Interaction Techniques. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Interaction Techniques. SWE 432, Fall 2017 Design and Implementation of Software for the Web Interaction Techniques SWE 432, Fall 2017 Design and Implementation of Software for the Web Today What principles guide the design of usable interaction techniques? How can interaction designs help support

More information

BMS2062 Introduction to Bioinformatics. Lecture outline. What is multimedia? Use of information technology and telecommunications in bioinformatics

BMS2062 Introduction to Bioinformatics. Lecture outline. What is multimedia? Use of information technology and telecommunications in bioinformatics BMS2062 Introduction to Bioinformatics Use of information technology and telecommunications in bioinformatics Topic 2: The Internet and multimedia Ros Gibson Lecture outline What is the Web? (previous

More information

Lecture 8: Rapid Prototyping. CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University.

Lecture 8: Rapid Prototyping. CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. Lecture 8: Rapid Prototyping CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 1 GUI Prototyping What is prototyping? rapid initial development, sketching & testing many designs to

More information

GETTING STARTED IN FRONTPAGE 2000 SETTING THE BACKGROUND

GETTING STARTED IN FRONTPAGE 2000 SETTING THE BACKGROUND STUDENT INFORMATION PACKET GETTING STARTED IN FRONTPAGE 2000 Click on the icon on the Desktop or go to Start > Programs > FrontPage. This will open a blank white page. Now the fun begins SETTING THE BACKGROUND

More information

I m going to be introducing you to ergonomics More specifically ergonomics in terms of designing touch interfaces for mobile devices I m going to be

I m going to be introducing you to ergonomics More specifically ergonomics in terms of designing touch interfaces for mobile devices I m going to be I m going to be introducing you to ergonomics More specifically ergonomics in terms of designing touch interfaces for mobile devices I m going to be talking about how we hold and interact our mobile devices

More information

m ac romed ia D r e a mw e av e r Curriculum Guide

m ac romed ia D r e a mw e av e r Curriculum Guide m ac romed ia D r e a mw e av e r Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and

More information

HUMAN COMPUTER INTERACTION

HUMAN COMPUTER INTERACTION HUMAN COMPUTER INTERACTION 3. USABILITY AND CONCEPTUAL MODEL I-Chen Lin, National Chiao Tung University, Taiwan "One most unfortunate product is the type of engineer who does not realize that in order

More information

STUDENT WORKBOOK. Teach Yourself: Computer Basics Expert. In 24 Hours or less

STUDENT WORKBOOK. Teach Yourself: Computer Basics Expert. In 24 Hours or less STUDENT WORKBOOK Teach Yourself: Computer Basics Expert In 24 Hours or less Student Workbook Table of Contents Section 1: Understanding Applications... 1 Lesson 1.1: Application Basics... 2 Step-By-Step...

More information

Lastly, in case you don t already know this, and don t have Excel on your computers, you can get it for free through IT s website under software.

Lastly, in case you don t already know this, and don t have Excel on your computers, you can get it for free through IT s website under software. Welcome to Basic Excel, presented by STEM Gateway as part of the Essential Academic Skills Enhancement, or EASE, workshop series. Before we begin, I want to make sure we are clear that this is by no means

More information

One of the fundamental kinds of websites that SharePoint 2010 allows

One of the fundamental kinds of websites that SharePoint 2010 allows Chapter 1 Getting to Know Your Team Site In This Chapter Requesting a new team site and opening it in the browser Participating in a team site Changing your team site s home page One of the fundamental

More information

GUI s and Keyboards. Larry Rudolph March 13, Pervasive Computing MIT SMA 5508 Spring 2006 Larry Rudolph

GUI s and Keyboards. Larry Rudolph March 13, Pervasive Computing MIT SMA 5508 Spring 2006 Larry Rudolph GUI s and Keyboards Larry Rudolph March 13, 2006 1 User Interface Goal Convey and gather information from user Support a set of standard actions and outputs Graphical User Interfaces have been well studied

More information

h(p://ihm.tumblr.com/post/ /word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction ! January 31, 2013!

h(p://ihm.tumblr.com/post/ /word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction ! January 31, 2013! h(p://ihm.tumblr.com/post/105778492/word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction January 31, 2013 Today s Class Administrivia User-centered Design Establishing Requirements

More information

DIRECTV Message Board

DIRECTV Message Board DIRECTV Message Board DIRECTV Message Board is an exciting new product for commercial customers. It is being shown at DIRECTV Revolution 2012 for the first time, but the Solid Signal team were lucky enough

More information

Contents. Slide Set 1. About these slides. Outline of Slide Set 1. Typographical conventions: Italics. Typographical conventions. About these slides

Contents. Slide Set 1. About these slides. Outline of Slide Set 1. Typographical conventions: Italics. Typographical conventions. About these slides Slide Set 1 for ENCM 369 Winter 2014 Lecture Section 01 Steve Norman, PhD, PEng Electrical & Computer Engineering Schulich School of Engineering University of Calgary Winter Term, 2014 ENCM 369 W14 Section

More information

Chapter 1: Introduction to Computer Science and Media Computation

Chapter 1: Introduction to Computer Science and Media Computation Chapter 1: Introduction to Computer Science and Media Computation Story What is computer science about? What computers really understand, and where Programming Languages fit in Media Computation: Why digitize

More information

Module 9: Audience Analysis, Usability, and Information Architecture COM 420

Module 9: Audience Analysis, Usability, and Information Architecture COM 420 Module 9: Audience Analysis, Usability, and Information Architecture COM 420 Audience Analysis Needs Capabilities Without addressing these end user factors, time and money can be wasted building a site

More information

CS 4349 Lecture October 18th, 2017

CS 4349 Lecture October 18th, 2017 CS 4349 Lecture October 18th, 2017 Main topics for #lecture include #minimum_spanning_trees. Prelude Homework 6 due today. Homework 7 due Wednesday, October 25th. Homework 7 has one normal homework problem.

More information

USABILITY TESTING CONTENTS. Software Testing

USABILITY TESTING CONTENTS. Software Testing USABILITY TESTING CONTENTS I. Usability Testing 1. User Interface Testing: 2. What make a Good UI? a) Follow Standards or Guidelines II. b) Consistent c) Flexible d) Comfortable e) Correct f) Useful Testing

More information

Website Design and Development CSCI 311

Website Design and Development CSCI 311 Website Design and Development CSCI 311 Learning Objectives Understand good practices in designing and developing web sites Learn some of the challenges web design Activity In pairs: describe how you d

More information

Web Design Competition Tutorial. Designed for use by the Michigan Council of Women in Technology Copyright 2018 Patricia Howard All Rights Reserved

Web Design Competition Tutorial. Designed for use by the Michigan Council of Women in Technology Copyright 2018 Patricia Howard All Rights Reserved Web Design Competition Tutorial Designed for use by the Michigan Council of Women in Technology Copyright 2018 Patricia Howard All Rights Reserved Welcome. We ll start with a quick overview of the process.

More information

Human-Computer Interaction Design

Human-Computer Interaction Design Human-Computer Interaction Design COGS120/CSE170 - Intro. HCI Instructor: Philip Guo, Lab TA: Sean Kross Lab 1 - Version control and HTML (2017-10-06) by Michael Bernstein, Scott Klemmer, Philip Guo, and

More information

TRAINER MOODLE QUICK GUIDE

TRAINER MOODLE QUICK GUIDE TRAINER MOODLE QUICK GUIDE Update 2-2018 Maine Roads to Quality Professional Development Network PO Box 9300, 34 Bedford Street, Portland, ME 04104 1-888-900-0055 www.muskie.usm.maine.edu/maineroads Table

More information

Chromebook Basics: Introduction School Year

Chromebook Basics: Introduction School Year Chromebook Basics: Introduction 2017-2018 School Year Student Responsibilities You should take good care of the laptop. It is SCHOOL PROPERTY and yours to use for EDUCATIONAL purposes. You will be allowed

More information

UX DESIGN BY JULIA MITELMAN

UX DESIGN BY JULIA MITELMAN UX DESIGN BY JULIA MITELMAN TOPICS Why should we care? Usability Heuristics It s all about Context The Visual Applied Psychology The Pursuit of Product Design WHY SHOULD WE CARE? (IT S ALWAYS THE DESIGNER

More information

Westerville City Schools Progress Book Achievement Record Training October 19 th, 2006

Westerville City Schools Progress Book Achievement Record Training October 19 th, 2006 Westerville City Schools Progress Book Achievement Record Training October 19 th, 2006 Progress Book is a web-based program. It will be important to remember to use Dashboard (teacher home page) and Grade

More information

Crab Shack Kitchen Web Application

Crab Shack Kitchen Web Application Crab Shack Kitchen Web Application EVALUATION ASSIGNMENT 2 HEURISTIC EVALUATION Author: Sachin FERNANDES Graduate 8 Undergraduate Team 2 Instructor: Dr. Robert PASTEL February 16, 2016 LIST OF FIGURES

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

CSc 238 Human Computer Interface Design. Part II Making Well-behaved Products. Chapter 12. Reducing Work and Eliminating Excise

CSc 238 Human Computer Interface Design. Part II Making Well-behaved Products. Chapter 12. Reducing Work and Eliminating Excise BBuckley - 1 CSc 238 Human Computer Interface Design Part II Making Well-behaved Products Chapter 12 Reducing Work and Eliminating Excise ABOUT FACE The Essentials of Interaction Design Cooper, Reimann,

More information

CSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I

CSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I CSCI 1100L: Topics in Computing Lab Lab 1: Introduction to the Lab! Part I Welcome to your CSCI-1100 Lab! In the fine tradition of the CSCI-1100 course, we ll start off the lab with the classic bad joke

More information

Midterm Exam, October 24th, 2000 Tuesday, October 24th, Human-Computer Interaction IT 113, 2 credits First trimester, both modules 2000/2001

Midterm Exam, October 24th, 2000 Tuesday, October 24th, Human-Computer Interaction IT 113, 2 credits First trimester, both modules 2000/2001 257 Midterm Exam, October 24th, 2000 258 257 Midterm Exam, October 24th, 2000 Tuesday, October 24th, 2000 Course Web page: http://www.cs.uni sb.de/users/jameson/hci Human-Computer Interaction IT 113, 2

More information

Chapters 1 & 2 Programming and Programs

Chapters 1 & 2 Programming and Programs Chapters 1 & 2 Programming and Programs Instructor: Dr. Hyunyoung Lee Based on slides by Dr. Bjarne Stroustrup www.stroustrup.com/programming Abstract Today, we ll outline the aims for this course and

More information

Separable Kernels and Edge Detection

Separable Kernels and Edge Detection Separable Kernels and Edge Detection CS1230 Disclaimer: For Filter, using separable kernels is optional. It makes your implementation faster, but if you can t get it to work, that s totally fine! Just

More information

Human-Computer Interaction Design

Human-Computer Interaction Design Human-Computer Interaction Design COGS120/CSE170 - Intro. HCI Instructor: Philip Guo Lab 1 - Version control and HTML (2018-10-03) by Michael Bernstein, Scott Klemmer, Philip Guo, and Sean Kross [Announce

More information

Get Your Browser into Use Quickly!

Get Your Browser into Use Quickly! by Norma Sollers Using Mozilla Firefox Preface The Internet is a worldwide network of computers linked together. This physically based structure provides different kinds of services which can be used if

More information

Interaction Design. Ruben Kruiper

Interaction Design. Ruben Kruiper Interaction Design Ruben Kruiper What do you know? What do you think Interaction Design stands for? 2 What do you expect? Interaction Design will be: Awesome Okay Boring Myself I m not a big fan... This

More information

AP Computer Science Principles: Problem Set 1

AP Computer Science Principles: Problem Set 1 AP Computer Science Principles: Problem Set 1 Due date: Friday, September 8, 2017 Instructor: Mr. Alwin Tareen Task Overview Setting up the KeePass password manager for Windows and Mac OS. Linux users

More information

CS 4349 Lecture August 21st, 2017

CS 4349 Lecture August 21st, 2017 CS 4349 Lecture August 21st, 2017 Main topics for #lecture include #administrivia, #algorithms, #asymptotic_notation. Welcome and Administrivia Hi, I m Kyle! Welcome to CS 4349. This a class about algorithms.

More information