CPSC 581 Human Computer Interaction II Interaction Design

  • Slides: 21
Download presentation
CPSC 581 Human Computer Interaction II Interaction Design Lecture /slide deck produced by Tony

CPSC 581 Human Computer Interaction II Interaction Design Lecture /slide deck produced by Tony Tang, University of Calgary, Canada (Thanks to Saul Greenberg) Notice: some material in this deck is used from other sources without permission. Credit to the original source is given if it is known,

Your Hosts Tony Tang & Teddy Seyed • human computer interaction • ubiquitous computing

Your Hosts Tony Tang & Teddy Seyed • human computer interaction • ubiquitous computing • computer supported cooperative work with help from various others

Your Hosts Contact information • MS 680 – Interactions Laboratory • Piazza Forum (http:

Your Hosts Contact information • MS 680 – Interactions Laboratory • Piazza Forum (http: //piazza. com/) • tonyt@ucalgary. ca or teddy. seyed@ucalgary. ca Office hours • by appointment: o email to arrange one • by email any time • drop in for urgent requests o but no guarantees!

Course Description Advanced topics and applications in HCI • emphasis on developing design skills

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

Course Description Advanced topics and applications in HCI • emphasis on developing design skills

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

Course Description Advanced topics and applications in HCI • emphasis on developing design skills

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

Course Description Advanced topics and applications in HCI • emphasis on developing design skills

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

Structure merged class and labs • lectures • in-class practicum on exercises • on-going

Structure merged class and labs • lectures • in-class practicum on exercises • on-going design critiques o by myself o the TA o class members • ‘spontaneous’ design exercises • Meetings: MW 10: 00~12: 15

How you will be evaluated 50% - 3 major projects (15% each) & 1

How you will be evaluated 50% - 3 major projects (15% each) & 1 practice project (5%) o o o cycles over 6~7 classes sketches critique implementations demonstrations portfolio

Grading Principle: Socks-Off-o-Meter Still on | Very conventional design; very little effort to innovate

Grading Principle: Socks-Off-o-Meter Still on | Very conventional design; very little effort to innovate beyond what is well-known and well-understood. Hanging on my toes | Some novel ideas derived from thought and analysis, and presented through design. Off my foot | Very novel ideas, showing a lot of effort and thought was put into design. Across the room | Surprising, pleasing, evocative of feeling. Truly exciting in design, presentation and thought.

How you will be evaluated 20% - many exercises • series of sketching exercises

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

How you will be evaluated 10%: sketchbook • progressive descriptions of visual ideas •

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

How you will be evaluated 10%: portfolio • professional-looking visual summaries of designs •

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

Resources & materials course site • http: //hcitang. org/ lecture materials. • slides and

Resources & materials course site • http: //hcitang. org/ lecture materials. • slides and readings your supplies • Sketching User Experiences: the workbook (2012) • sketchbook • portfolio materials • prototyping supplies optional C# / WPF manuals • your choice

Wee bit of Motivation What are we doing in this class?

Wee bit of Motivation What are we doing in this class?

Design: from materialist to experiential Movement: object-centered to experience-centered design It is not the

Design: from materialist to experiential Movement: object-centered to experience-centered design It is not the physical entity or what is in the box (the material product) that is the true outcome of design. Rather, it is is the behavioural, experiential, and emotional responses that come about as a result of its existence and its use in the real world. -- Bill Buxton

You are a Designer, not a Technician Sketchbook • carry one constantly • collect

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