CMSC434 Intro to Human-Computer Interaction. Nametags and Intros Thursday, January 24, 2012 Instructor: Jon Froehlich TA: Matt Mauriello

Similar documents
Prototyping. ID 405: Human-Computer Interaction Spring 2015

CMSC434. Introduction to Human-Computer Interaction. Week 07 Lecture 12 Mar 8, 2016 Prototyping III. Jon

Iterative Design Process

CMSC434 Intro to Human-Computer Interaction. Visual Design #3 and Evaluation #1 Monday, April 8th, 2012 Instructor: Jon Froehlich TA: Kotaro Hara

Lab 1: Setup 12:00 PM, Sep 10, 2017

Sit with teams today!

Spring 2009 CMSC 434 Introduction to Human Computer Interaction

Human-Computer Interaction: An Overview. CS2190 Spring 2010

Team : Let s Do This CS147 Assignment 7 (Low-fi Prototype) Report

dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University

Discovering Information through Summon:

What is this class all about?

CS/ENGRD 2110 SPRING Lecture 3: Fields, getters and setters, constructors, testing

Day 4 Workshop Key Activities Key Resources

New Products & Innovation

ME 4054W: SENIOR DESIGN PROJECTS

Participants. Results & Recommendations. Summary of Findings from User Study Round 3. Overall. Dashboard

01 INTRODUCTION TO COURSE

Introduction to Computer Systems

Coursework and Controlled Assessment Timetable

CS 553: Algorithmic Language Compilers (PLDI) Graduate Students and Super Undergraduates... Logistics. Plan for Today

Interaction Design. Recap Session (Previous lecture April 21, 2016, 9am-12pm): Process Models, Elements and Usability

Information Retrieval CS6200. Jesse Anderton College of Computer and Information Science Northeastern University

CMSC 201 Spring 2018 Project 2 Battleship

Manual Iphone 5 Bluetooth Not Working With Macbook Via

The Power to Prototype

Problem and Solution Overview: An elegant task management solution, that saves busy people time.

CS/ENGRD 2110 Object-Oriented Programming and Data Structures Spring 2012 Thorsten Joachims

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

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

Chapter 2: Frequency Distributions

CSE 417 Practical Algorithms. (a.k.a. Algorithms & Computational Complexity)

Relationship of Mobile Phone Usage and GPA among the Undergraduate Students at the University of the West Indies - Mona Campus

Lecture 19. Topics: Chapter 9. Simulation and Design Moving to graphics library Unit Testing 9.5 Other Design Techniques

Software Compare and Contrast

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

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

CS Equalizing Society - Assignment 8. Interactive Hi-fi Prototype

Understanding prototype fidelity What is Digital Prototyping? Introduction to various digital prototyping tools

D E S I G N A N D M A N U F A C T U R E : C O U R S E M A T E R I A L

How To Add Songs To Ipod Without Syncing >>>CLICK HERE<<<

CS1110 Lab 1 (Jan 27-28, 2015)

How To Move Songs In Itunes 11.1 On My Iphone

NUR - Introduction to HCI. Big picture, design process, UCD, UI issues

Objective: Find and name three-dimensional shapes including cone and

Introduction to Computer Systems

Advanced Placement Computer Science Principles The Information Age

Computer Systems and Networks. ECPE 170 University of the Pacific

Interaction Design. Chapter 3 (May 11, 2017, 9am-12pm): Approaches to IxD Recap Session (Previous lecture): Process Models, Elements and Usability

3 Evaluating Interactive Systems

Designing for humans

Homework 2: IP Due: 11:59 PM, Oct 19, 2017

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

The Case: Danske Bank

Axis labels for graphs could be improved (heuristic violated-visibility of system status):

troduction to Algebra Section 8.1

Lecture Notes CPSC 491 (Fall 2018) Topics. Peer evals. UI Sketches. Homework. Quiz 4 next Tues. HW5 out. S. Bowers 1 of 11

American School of Warsaw Grade 5 Laptop Program FAQ

Distributed Systems. Rik Sarkar James Cheney. University of Edinburgh Spring 2014

Advanced technology with one goal. Create a better way to learn.

How To Get Smileys On Ios 6 Beta Without A Dev Account >>>CLICK HERE<<<

Instructor: Craig Duckett. Lecture 04: Thursday, April 5, Relationships

61A LECTURE 1 FUNCTIONS, VALUES. Steven Tang and Eric Tzeng June 24, 2013

Consumer reports printer reviews

COSC 115A: Introduction to Web Authoring Fall 2014

Prototyping. Unit 5. Zeno Menestrina, MSc Prof. Antonella De Angeli, PhD

The Design Cycle and Brainstorming. CS160: User Interfaces John Canny

CS 6210 Fall 2016 Bei Wang. Lecture 1 A (Hopefully) Fun Introduction to Scientific Computing

Assignment 8 rekindl Local Community (1:30PM) Meet The Team. Ryan C. Amanda L. Sara V. James C.

You ve Got Mail! List Offer Creative. Timely insights & trends. Katie Parker Editorial Director. Zach Christensen Creative Director

Uninstall Error Code 3194 Itunes Restore Iphone 3gs Ios 5

17655: Discussion: The New z/os Interface for the Touch Generation

The LUCID Design Framework (Logical User Centered Interaction Design)

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

CMSC 201 Spring 2017 Project 1 Number Classifier

When and Where? Course Information. Expected Background ECE 486/586. Computer Architecture. Lecture # 1. Spring Portland State University

You can participate in Learning Catalytics with any device that has a browser (laptop, smartphone, or tablet).

Assignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard.

Introduction & Logistics

/ Cloud Computing. Recitation 2 January 19 & 21, 2016

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

Thanks to Chris Bregler. COS 429: Computer Vision

Ipod Manual Turn Off Voice Control My Mac

Next Generation LMS Evaluation

Prototyping. SWE 432, Fall Web Application Development

Project Refresh. Bureau of Primary Health Care Reformatted Survey Report January 18, Copyright, The Joint Commission

Lecture 1. Course Overview, Python Basics

Lecture 1: Overview

DRAFT. Approach 1: Emphasize evaluation/feedback with target users

Adaptive Socio-Recommender System for Open Corpus E-Learning

Decisions, Decisions. Testing, testing C H A P T E R 7

Echo: Master Your Echo; User Guide And Manual PDF

Faculty of Information School of Graduate Studies University of Toronto St. George Semester: Winter 2017 INF2191H User Interface Design

CS160: User Interface Design. Maneesh Agrawala & Björn Hartmann, Spring Berkeley UNIVERSITY OF CALIFORNIA

Human-Computer Interaction IS4300

Temperature Patterns: Functions and Line Graphs

Samsung Galaxy S4 Schematics Music From Itunes

Overloading Functions & Command Line Use in C++ CS 16: Solving Problems with Computers I Lecture #6

Michael Weintraub VOICE OF THE USER

The Psychology of Social Influence (PSYC 342) Cialdini, R. B. (2009). Influence: Science and Practice (Fifth Edition). Boston, MA: Allyn and Bacon.

Transcription:

CMSC434 Intro to Human-Computer Interaction Nametags and Intros Thursday, January 24, 2012 Instructor: Jon Froehlich TA: Matt Mauriello

ClassActivity

ClassActivity Objective: design and personalize your own namebadge Rules 1. Your final design must be implementable in 15 minutes 2. You cannot irreparably damage plastic name holder Materials o Markers o Crayon o Paper 3. Your name (at least first name in full and last name as an initial) must be legible and visible to front of classroom

ThreesStages Objective: design and personalize your own name badge 1. Ideate & Sketch. You must create at least 10 sketches. 2. Share & Critique. You can use your partner s feedback to improve your design. 3. Refine & Implement. Refine your favorite idea and implement it. 10 minutes 5 minutes 15 minutes

ClassActivity Objective: design and personalize your own namebadge Rules 1. Your final design must be implementable in 15 minutes 2. You cannot irreparably damage plastic name holder Materials o Markers o Crayon o Paper 3. Your name (at least first name in full and last name as an initial) must be legible and visible to front of classroom Stages 1. Ideate & Sketch. You must create at least 10 sketches. 2. Share & Critique. Use feedback to improve your design. 3. Refine & Implement. Refine your favorite idea and implement it. 10 minutes 5 minutes 15 minutes

Thoughts about activity? What worked, what didn t? Did your designs change in stage 3? Why did we do this? Was this difficult? Why or why not?

Let s talk about design

What is it?

What about everyday things?

Spock Spork

ACHIEVEMENT UNLOCKED Spock/Spork reference in lecture Spock Spork

So, design is everywhere but what is it?

What is Design? Design is the creation of a plan or convention for the construction of an object or a system - Wikipedia

Design is making things better for people. Richard Seymour Designer http://www.seymourpowell.com/

The art of design

The art of design

Getting the design right and the right design. Bill Buxton Sketching User Experiences

Returning to the class activity

Why sketch?

Many benefits of sketch Lightweight Lo-fidelity Easy, fast to translate ideas to paper Conducive for annotation / markup

Why 10 sketches?

Bayles and Orland, 2001, Art & Fear: Observations On the Perils (and Rewards) of Artmaking

DesignExperiment Quantity Group Quality Group Graded solely on the quantity of work they produced Graded solely on the quality of work they produced

DesignExperiment Quantity Group It seems that while the quantity group was busily churning out piles of work and learning from their mistakes the quality group had sat theorizing about perfection, and in the end had little more to show for their efforts than grandiose theories and a pile of dead clay. Graded solely on the quantity of work they produced - Bayles and Orland, 2001, p.29

Fail early, fail often learn from your mistakes

What is HCI? Human computer Interaction (HCI) involves the study, planning, and design of the interaction between people and computers - Wikipedia

hci

psychology hci

psychology hci

psychology hci

psychology hci

psychology hci

psychology hci And more Art Economics Physiology Human Geography Ergonomics

Why should you care?

Computation is now everywhere

# of transistors Moore s Law Exponential Growth FTW! 1950 1990 2030

# of transistors Moore s Law Human Abilities Exponential Growth FTW! 1950 1990 2030

# of transistors Moore s Law Human Abilities + Computers Exponential Growth FTW! 1950 1990 2030

*This one a lot more scary. Another motivation*

Air France 447

The real focus of this investigation is the man-machine interface, and why the pilots didn't have everything they needed to understand what was happening - Air France Lawyer Fernand Garnault [The Sydney Morning Herald, Oct 6, 2011]

[ABC News, May 28, 2011]

Important HCI Questions o Why were the alarms confusing? o Why were the warning messages not followed? o Why and how were the cues on the display unclear? o Why wasn t there an interface to tell the pilots the orientation of the airplane with respect to the ground? Some of these questions from [Applied Human Factors and Ergonomics, June 2011]

Mobile Touchscreen Pocket-sized Devices Who got their first? Microsoft or Apple?

1993

1996

Windows CE 2.0 1998 Pocket PC 2000 April 2000 Pocket PC 2002 Oct 2001 Win Mobile 2003 June 2003 Win Mobile 5 May 2005 Win Mobile 6 Feb 2007

Windows CE 2.0 1998 Pocket PC 2000 April 2000 Pocket PC 2002 Oct 2001 Win Mobile 2003 June 2003 Win Mobile 5 May 2005 Win Mobile 6 Feb 2007 Apple iphone June 2007

Windows CE 2.0 1998 Apple Pocket iphone PC 2000 June April 20072000 Pocket PC 2002 Oct 2001 Win Mobile 2003 June 2003 Win Mobile 5 May 2005 Win Mobile 6 Feb 2007 The iphone is certain to fade into history The ipod mp3 player is an industry Apple essentially created, the iphone isn't. Too many major players are in the mobile phone market, who have and will bring iphone-like products to market Microsoft's put a lot of thought into how to make the mobile phone interface more intuitive and easier to use, even more so than Apple's iphone [Network World, Jan 2008]

[Apple iphone vs. Windows Mobile Phone, Nov 2007]

[Why Windows Mobile Rules, May 2009]

Homework 1. Sign-up for Piazza 2. Take demographic / background survey 3. Read Vannevar Bush As We May Think and prepare a reading response 4. Start thinking about what kind of social value project you want to work on this semester Details for the above will be posted to piazza