CS 5115 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION

1. CS 5115USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION Fall 2012 Loren Terveen

2. UIs through the ages

3. 1950s SEng 5115

4. ~1980

5. ~2005

7. SEng 5115

9. WoW

10. LAN Party

11. LAN Party

18. computer

19. Beyond the Computer Door #1 How do I open the door?

20. Door #2 How do I open the door?

21. Back to door #1 Door #1

22. Back to door #2 Door #2

23. How do I open the door? Door #3

24. Door #3 No instructions needed!

25. Observations • Simple things should be simple to operate • “Don’t Make Me Think!” • Instructions / explanations are a sign of failure! • Visibility • Affordances

26. 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

27. Course Staff • Instructor: Loren Terveen • TA: Fernando Torree

28. Cyclopath Personalized Routing Geowiki User input:Ratings Tags Notes Geoediting Monitoring: Watch regions Recent changes Visualization Visual Design Sensing: Mobile data collection

29. 5115 Details • Web site: http://www-users.cselabs.umn.edu/classes/Fall-2012/csci5115/ • Syllabus • Grading

30. 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

31. 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

32. 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

33. 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

34. 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

35. Project Timeline • Course schedule: Overview • Project guide: Details

36. Course Schedule Overview

37. More on Human-Computer Interaction

38. 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; …

39. 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

40. 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

41. 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 • ….

42. 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 …

43. Introductions • Introduce yourself • Brainstorm project ideas • Identify “pitchers”

44. 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: terveen@cs.umn.edu • Get started on readings! • Design of Everyday Things • Assigned readings for Week 2