Download
cs 5115 user interface design implementation and evaluation n.
Skip this Video
Loading SlideShow in 5 Seconds..
CS 5115 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION PowerPoint Presentation
Download Presentation
CS 5115 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION

CS 5115 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION

96 Views Download Presentation
Download Presentation

CS 5115 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  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

  6. SEng 5115

  7. WoW

  8. LAN Party

  9. LAN Party

  10. computer

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

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

  13. Back to door #1 Door #1

  14. Back to door #2 Door #2

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

  16. Door #3 No instructions needed!

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

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

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

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

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

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

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

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

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

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

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

  28. Course Schedule Overview

  29. More on Human-Computer Interaction

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

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

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

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

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

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

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