cpsc 581sonny.chan/cpsc581/... · source: us patent 7469381 b2. source: us patent 7469381 b2. do it...
TRANSCRIPT
![Page 1: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/1.jpg)
CPSC 581Human Computer Interaction II
![Page 2: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/2.jpg)
Your Hosts
Sonny Chan - MS 634
David Ledo - MS 680 (iLab)
![Page 3: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/3.jpg)
Participation = 15%What’s this board for?
![Page 4: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/4.jpg)
SketchbookWho has one?
![Page 5: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/5.jpg)
Let’s Get Started!on Patent EP 2126678 B1, Claim 1
![Page 6: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/6.jpg)
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.
![Page 7: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/7.jpg)
Source: US Patent 7469381 B2
![Page 8: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/8.jpg)
Source: US Patent 7469381 B2
![Page 9: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/9.jpg)
Do It Differently
![Page 10: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/10.jpg)
Course Description
Advanced HCI topics & applications emphasis on developing design skills for highly interactive human-computer interfaces
Topics selected from novel interaction techniques (multi-touch, sensors, tangibles)
novel devices (smart phones, physical user interfaces)
![Page 11: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/11.jpg)
Course Description
Incorporate “best practices” of interface design into your skills
creativity via applied exercises
idea brainstorming via visual sketches
sketch and prototype development
implementation
portfolio summaries
critical analysis of interface designs
![Page 12: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/12.jpg)
Do It Differently
![Page 13: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/13.jpg)
Class Structure
Interchangeable lectures and labs in-class practicum on exercises
on-going critiques with your “design team”
classmates
instructor
teaching assistant
“spontaneous” design exercises
![Page 14: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/14.jpg)
Class Logistics
Every 3 weeks we’ll do a new design project, starting next week
Unless otherwise announced: TR 2:00 pm - meet in MS 680A
F 10:00 am - meet in MS 156
Design “boot camp” scheduled Friday
![Page 15: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/15.jpg)
Class Rules
We’ll make them up as we go!
Sit in a different spot from where you sat in the previous class.
…
![Page 16: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/16.jpg)
Do It Differently
![Page 17: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/17.jpg)
Evaluation
Projects: 60%
Participation & Exercises: 15%
Sketchbook: 15%
Final Portfolio: 10%
![Page 18: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/18.jpg)
Projects: 60%Original plan was 3 projects, but now we have 4…
Exercise a little democracy?
Option #1 Project 0: 0% Project 1: 20% Project 2: 20% Project 3: 20%
Option #2 Project 0: 6% Project 1: 18% Project 2: 18% Project 3: 18%
Option #3 Project 0: 15% Project 1: 15% Project 2: 15% Project 3: 15%
![Page 19: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/19.jpg)
Participation: 15%Series of sketching exercises
replicate sketching method
apply sketching method
Class participation discussions and critiques
(informal) presentations of your work
Exercises will be done “on demand”
![Page 20: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/20.jpg)
Sketchbook: 15%Progressive descriptions of visual ideas
Illustrates application of methods taught in class
Habitual use – quantity!
![Page 21: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/21.jpg)
Portfolio: 10%Professional-looking visual summaries of designs
Professional portfolio illustrative of work
archives of code and supporting documents
summary of accomplishments
Final portfolio as a web site
![Page 22: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/22.jpg)
Grading
Forget about your marks
Worry about trying to impress
Take risks - do things that no one else has done before
We’ll use the “Socks-Off-o-Meter” (which I borrowed from Tony Tang)
![Page 23: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/23.jpg)
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.
![Page 24: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/24.jpg)
Do It Differently
![Page 25: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/25.jpg)
ResourcesCourse web site
http://pages.cpsc.ucalgary.ca/~sonny.chan/cpsc581
Piazza page http://piazza.com/ucalgary.ca/fall2015/cpsc581
Your supplies Sketching User Experiences: The Workbook (2012)
Sketchbook, prototyping supplies, portfolio materials
![Page 26: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/26.jpg)
![Page 27: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/27.jpg)
You Are a Designer
Sketchbook carry one constantly
collect, generate, and develop a multitude of ideas
Tools see what is out there
your media choice affects what you create
![Page 28: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/28.jpg)
…not a TechnicianAesthetics
they matter - being a “dweeb” is no excuse
Critique challenge all designs you see
present yours - don’t be shy!
Portfolio collect your works and be proud
![Page 29: CPSC 581sonny.chan/cpsc581/... · Source: US Patent 7469381 B2. Source: US Patent 7469381 B2. Do It Differently. Course Description Advanced HCI topics & applications emphasis on](https://reader035.vdocuments.us/reader035/viewer/2022071405/60faca8ebc87e07128474e75/html5/thumbnails/29.jpg)
Do It Differently!