CS 5115USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION Fall 2012 Loren Terveen
1950s SEng 5115
Beyond the Computer Door #1 How do I open the door?
Door #2 How do I open the door?
Back to door #1 Door #1
Back to door #2 Door #2
How do I open the door? Door #3
Door #3 No instructions needed!
Observations • Simple things should be simple to operate • “Don’t Make Me Think!” • Instructions / explanations are a sign of failure! • Visibility • Affordances
Today’s objectives – you will • Learn a little about the course staff and each other • Get a feel for what the course will be like • Understand the details of the course • Learn the course objectives • Understand how you will be evaluated • Learn about the group project • Get a brief overview of the field of human-computer interaction (HCI) • Start thinking about the project
Course Staff • Instructor: Loren Terveen • TA: Fernando Torree
Cyclopath Personalized Routing Geowiki User input:Ratings Tags Notes Geoediting Monitoring: Watch regions Recent changes Visualization Visual Design Sensing: Mobile data collection
5115 Details • Web site: http://www-users.cselabs.umn.edu/classes/Fall-2012/csci5115/ • Syllabus • Grading
Course learning outcomes • Identify and apply basic principles of design psychology • Learn and apply user- and task-centered design methods • Gain practice with design and development on the Android mobile OS and devices • Become familiar with the foundations of Human-Computer Interaction • Learn about current HCI technology and research trends, particularly for mobile interaction
Meeting the objectives: Class Activities • Lecture: introduce design/evaluation concept • In-class exercises: practice and learn the concepts • Several group presentations with immediate feedback from course staff and fellow students • Usability lab session
Meeting the objectives: Group Project • You will go from concept to design ideas to evaluated prototype • You will apply fundamental methods of user-centered design • Presentations • Project pitches • Project concept • Paper prototype • Final presentation/demonstration
Project Overview • Done in groups • 4-5 members (5 is better) • Find people with shared goals, vision, and work styles • Projects must have at least two real users (who are not members of the team) • Weekly TA meeting
New this year • Each team will have access to 3 Android devices • Samsung Galaxy Nexus smartphone • Google Nexus 7 Tablet • Asus Transformer Pad 10” tablet • All design and development will be done for this platform
Project Timeline • Course schedule: Overview • Project guide: Details
design evaluation implementation Human-Computer Interaction (HCI) • A discipline concerned with the design, evaluation and implementation of interactive computing systems for human use • Interdisciplinary • Computer Science; Psychology; Sociology; Anthropology; Visual and Industrial Design; …
Foundations of UI Design (1) • Cognitive psychology • Short-term & long-term memory • Problem-solving • Attention • Social psychology • Personality • Group behavior; motivation; attachment • Design principles • Conceptual models; knowledge in the world; visibility; feedback; mappings; constraints; affordances
Foundations of UI Design (2) • Understanding users and tasks • Tasks, task analysis, scenarios • Contextual inquiry • Personas • User-centered design • Low, medium, and high-fidelity prototypes • Visual design principles • Evaluating designs • Without users: cognitive walkthroughs; heuristic evaluation; action analysis • With users: qualitative and quantitative methods
Current HCI topics • Mobile devices • Social computing • Social networks • Intelligent systems • Speech interaction • Gesture and touch-based interaction • Universal usability • Design for the developing world • Design for marginalized populations • Ubiquitous computing • Games • Information visualization • Design methods • Tangible interfaces • Tabletop interfaces • ….
HCI at UMN/CS • 5115 – Analysis, Design, Evaluation • 5125 – Collaborative and Social Computing • 5XXX – Developing the Interactive Web • 8115 – HCI Research • 8125 – The Social Web • See also Writing Studies, Psychology, Industrial Engineering, CSOM …
Introductions • Introduce yourself • Brainstorm project ideas • Identify “pitchers”
Next Steps • Getting into the class • Anyone not interested? • Starting with waitlisted students, I will begin emailing permission numbers tomorrow • Please come to class on Monday, and I will continue admitting as possible • Project • Continue thinking about the project concept and user group • Monday in class • More details • Get to know each other, begin forming groups • Email me to make a pitch on Monday: email@example.com • Get started on readings! • Design of Everyday Things • Assigned readings for Week 2