1 / 25

CPSC 581

CPSC 581. Human Computer Interaction II Interaction Design. Your Hosts. Saul Greenberg & Nic Marquardt human computer interaction ubiquitous comuting computer supported cooperative work with help from various others. Your Hosts. contact information

beatrice-waters
Download Presentation

CPSC 581

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CPSC 581 Human Computer Interaction II Interaction Design

  2. Your Hosts Saul Greenberg & Nic Marquardt • human computer interaction • ubiquitous comuting • computer supported cooperative work with help from various others

  3. Your Hosts contact information • saul.greenberg@ucalgary.ca ornicolai.marquardt@ucalgary.ca • MS 680 – Interactions Laboratory office hours • by appointment: • email to arrange one • by email any time • drop in for urgent requests • but no guarantees!

  4. EP 2 126 678 patent, Claim 1 A computer-implemented method, comprising: at a device with a touch screen display • detecting a movement of an object on or near the touch screen display; • in response to detecting the movement, translating an electronic document displayed on the touch screen display in a first direction; characterized by • in response to translating, in the first direction, the electronic document beyond an edge of the electronic document while the object is still detected on or near the touch screen display, displaying an area beyond the edge of the document; and • in response to detecting that the object is no longer on or near the touch screen display, translating the electronic document in a second direction until the area beyond the edge of the electronic document is no longer displayed.

  5. From US Patent 7,469,381

  6. From US Patent 7,469,381

  7. From US Patent 7,469,381

  8. From US Patent 7,469,381

  9. Do it differently

  10. Course Description Advanced topics and applications in HCI • emphasis on developing design skills for highly interactive human-computer interfaces

  11. Course Description Advanced topics and applications in HCI • emphasis on developing design skills for highly interactive human-computer interfaces • work withinresearchGUI topics • challenge you to search for creative interaction design

  12. Course Description Advanced topics and applications in HCI • emphasis on developing design skills for highly interactive human-computer interfaces likely topics selected from: • novel devices (smart phones, physical user interfaces) • novel interaction techniques (multi-touch, sensors, tangibles) • … other things you will learn • sketching and portfolio methods • C# / WPF / Visual Studio

  13. Course Description Advanced topics and applications in HCI • emphasis on developing design skills for highly interactive human-computer interfaces incorporate ‘best practices’ of interface design into your everyday skills • creativity via applied exercises • idea brainstorming via visual sketches • sketch and prototype development • implementation • portfolio summaries • critical analysis of interface designs

  14. Do it differently

  15. Structure merged class and labs • lectures • in-class practicum on exercises • on-going design critiques • by myself • the TA • class members • ‘spontaneous’ design exercises

  16. Do it differently

  17. How you will be evaluated 60% - 3 major projects • cycles over ~7 classes • sketches • critique • implementations • demonstrations • portfolio

  18. How you will be evaluated 20% - many exercises • series of sketching exercises • replicate sketching method • apply sketching method • interface design methodologies • apply a design method • Participation • class discussions and critiques • presentations of own work Exercises are ‘on demand’ vs. schedules

  19. How you will be evaluated 10%: sketchbook • progressive descriptions of visual ideas • illustrates application of methods taught in class • habitual use – quantity!

  20. How you will be evaluated 10%: portfolio • professional-looking visual summaries of designs • professional portfolio • illustrative of work • archives of code and supporting documents • summary of accomplishments. • 3 visual summaries (1 / project) • 1 professional portfolio (web plus print)

  21. Do it differently

  22. Resources & materials course site • www.cpsc.ucalgary.ca/~saul/ lecture materials • slides and readings your supplies • Sketching User Experiences: the workbook (2012) • sketchbook • portfolio materials • prototyping supplies optional C# / WPF manuals • your choice .

  23. You are a Designer, not a Technician • Sketchbook • carry one constantly • collect / generate / develop a multitude of ideas • Tools • see what is out there • your media choice affects what you create • Aesthetics • they matter – being a ‘dweeb’ is no excuse • Critique • challenge all designs you see • present yours – don’t be shy! • Portfolio • collect your works • be proud

  24. Do it differently

More Related