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 or nicolai.marquardt@ucalgary.ca MS 680 – Interactions Laboratory office hours by appointment: oemail to arrange one by email any time drop in for urgent requests obut 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

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 within research GUI 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 oby myself othe TA oclass members ‘spontaneous’ design exercises

16. Do it differently

17. How you will be evaluated 60% - 3 major projects ocycles over ~7 classes osketches ocritique oimplementations odemonstrations oportfolio

18. How you will be evaluated 20% - many exercises series of sketching exercises oreplicate sketching method oapply sketching method interface design methodologies oapply a design method Participation oclass discussions and critiques opresentations 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 oillustrative of work oarchives of code and supporting documents osummary 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.

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

25. Do it differently