user system interface csc 8570-001 fall 2010 instructor: robert e. beck
TRANSCRIPT
![Page 1: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/1.jpg)
User System InterfaceCSC 8570-001
Fall 2010Instructor: Robert E. Beck
![Page 2: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/2.jpg)
Introductions (1)
Information sheet Questionnaire: student information Questions
1. Who invented the computer mouse? When? Where?2. What battery operated devices do you have with you
tonight?3. What (computer-based) POS systems do you typically
encounter as a customer in a standard week?4. What process would you use to find the latitude and
longitude of the statue of Gregor Mendel on the plaza in front of the Mendel Science Center?
![Page 3: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/3.jpg)
Introductions (2)
Name If working
– For what company?– In what capacity?
If a full-time student– Plans after graduation
Describe the user interface of the first computer you used.
![Page 4: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/4.jpg)
Battery Operated Devices Cell phone Watch Calculator Laptop iPod Remote car key Bluetooth headset iPhone, droid, Blackberry, windows mobile Remote house security Flashlight Laser pointer Pedometer
![Page 5: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/5.jpg)
Goals
Developing design principles Investigating models and theories Creating evaluation processes
– Experimentation– Opinion
Outlining an effective design process—interface engineering
Proposing interface designs
![Page 6: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/6.jpg)
Themes (1)
Hierarchy of design principles Models Theories (or theory) Awareness
– Mental models– Common interactions– Microsoft vs. Apple vs. others– General knowledge
![Page 7: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/7.jpg)
Themes (2)
Multidisciplinary approach Frontiers of HCI Definitions, use of words Examples
![Page 8: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/8.jpg)
Strategies (Ways of Knowing)
Create concept maps for reading assignments– Combine individual maps
Slip-of-paper (SOP) questions and surveys– Summarize results
Lectures, sometimes Discussion, always Argumentation, when appropriate
![Page 9: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/9.jpg)
Strategies (2)
Examples Careful reading of research and
survey articles PowerPoint as a guide
– Edited during class– Posted after class on course web site
![Page 10: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/10.jpg)
Activities
Research project– Report– Presentation– Poster
Article presentation Web-based project Exercises Experiments Exam – in two parts
– Second part: December 14
![Page 11: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/11.jpg)
Responsibilities
Attendance Reading Team support Dialog with classmates and instructor
![Page 12: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/12.jpg)
Hot TopicsBurning Questions
Time for your thoughts Pair up by twos For the next few minutes, write down
as many issues or problems in user-system interaction as you can.
![Page 13: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/13.jpg)
Issue Summary
How do we do this?
![Page 14: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/14.jpg)
Hot Areas; Burning IssuesThe List
Errors made through inadvertent gestures, e.g. iPad, Wii Bad default choices; not checking device properties, e.g.
zoom setting Discrepancies between presentation and function, e.g. bad
choice of icons Error cost of wrongly pressed, chosen widgets. Non-intuitive interfaces to systems, e.g. synching iPod and
iTunes System time-outs Discoverability of functionality, especially advanced
features Foreshadowing completion of tasks
![Page 15: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/15.jpg)
Hot Topics: Others’ Ideas
CHI 20XX topics HCIL presentations Interactions
![Page 16: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/16.jpg)
Landscape of the Field
Taxonomy Ontology
![Page 17: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/17.jpg)
Sources
ACM Digital Library Conference proceedings (MSC 159) The Web—but be careful The course web site University HCI labs, e.g.
– U of Maryland www.cs.umd.edu/hcil Popular press
– Information Week– Financial Times
Falvey Library reference desk
![Page 18: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/18.jpg)
Sources (2)
Steve Krug, Don’t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition
Jeff Johnson, GUI Bloopers 2.0: Common User Interface Design Don'ts and Dos
Jakob Nielsen, Designing Web Usability
![Page 19: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/19.jpg)
Contacts
PhillyCHI – Philadelphia region chapter of SIGCHI
SIGCHI – ACM Special Interest Group on Computer Human Interaction
![Page 20: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/20.jpg)
Conferences ACE – Computer Entertainment Technology AVI – Advanced Visual Interfaces CHI – Computer Human Interaction CSCW – Computer Supported Cooperative
Work DSV-IS HCI International HCIL Symposium (U Maryland) HICS Hypertext
![Page 21: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/21.jpg)
Conferences (2)
IDC Interact IUI – Intelligent User Interfaces IVA SG – Smart Graphics SIGIR – Information Retrieval UIST – User Interface Software Technology User Modeling World Wide Web
![Page 22: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/22.jpg)
Tools
Concept maps: – http://cmap.ihmc.us
EndNote Task models:
– ConcurTaskTrees Environment Help compiler Treemap:
– http://www.cs.umd.edu/hcil/treemap-history/
![Page 23: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/23.jpg)
Tools (2)
UISK: User Interface Sketching Tool NodeXL
![Page 24: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/24.jpg)
What Do We Mean
when we write USI HCI GUI DMI IUI SUSI
![Page 25: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/25.jpg)
What Do We Mean By
User System Interface Human Computer Interaction Graphical
Direct Manipulation
![Page 26: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/26.jpg)
Eras of HCI
Holes Command lines Menus and characters Widget objects and bit maps Small devices
![Page 27: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/27.jpg)
iPad
A new small device Issues of design and user interaction?
– Discoverability of functionality– Easy to learn elementary functionality– Lack of multitasking, only single window– Keyboard design– Accidental gesture interpretation– Inconsistent interfaces across apps
(extends to all software)
![Page 28: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/28.jpg)
iPad(5)
– Displaying non-mobile web sites– Pinch zoom– Scroll to end?– Is it trying to be a computer?
![Page 29: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/29.jpg)
What to Study: Potential Topics Tiny interfaces: Cell phones, smartphones, PDAs,
ultramobile PCs, house systems, POS systems Gesture-based input; pen interfaces Intelligent interfaces (cf. IUI) Task analysis (e.g. buying a ticket) Collaboration tools/systems (cf. CSCW) Personalization; recommender systems Friendly forms Creating digital libraries Mashup tools Web-based interfaces to systems, to information, for
task completion
![Page 30: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/30.jpg)
Reading a Research Paper
Expect to find– Abstract– Introduction– Description of experiment– Discussion of results– Conclusion – Proposals for future work– References
![Page 31: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/31.jpg)
Reading (2)
Try the abstract—though it may be too abstract, too condensed.
Read the introduction until you get confused.
Read the conclusion. Look at the reference list—hoping to find
papers you already know about. Check the headings and first few lines of
the middle sections for ease of understanding.
![Page 32: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/32.jpg)
Reading (3)
Examples:– Mackenzie: Unipad text entry– Soukoreff and Mackenzie
: Metrics for text entry errors
![Page 33: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/33.jpg)
Next Time
Read Wigdor & Balakrishnan, Tilt Text: using tilt for text input to mobile phones. (You can get a copy of the paper from the ACM Digital Library.)
Evaluate its structure and content as a research paper.
Identify design principles for user interfaces based on the paper.
Hand in your solution to the table exercise.
![Page 34: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/34.jpg)
Next Time (2)
Install EndNote on your computer and record the references from the Wigdor paper in it.– EndNote has been available for loan
from the library. Check with the Reference Desk
Install the CMAP software on your computer and capture the principal ideas of today’s lecture in it.
![Page 35: User System Interface CSC 8570-001 Fall 2010 Instructor: Robert E. Beck](https://reader035.vdocuments.mx/reader035/viewer/2022062713/56649cec5503460f949b8084/html5/thumbnails/35.jpg)
Next Time (3)
What is the difference between taxonomy and ontology?
How is the field of HCI divided?