Upload
others
View
4
Download
0
Embed Size (px)
Citation preview
CPSC 581Human Computer Interaction II
Your Hosts
Sonny Chan - MS 634
David Ledo - MS 680 (iLab)
Participation = 15%What’s this board for?
SketchbookWho has one?
Let’s Get Started!on Patent EP 2126678 B1, 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.
Source: US Patent 7469381 B2
Source: US Patent 7469381 B2
Do It Differently
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)
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
Do It Differently
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
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
Class Rules
We’ll make them up as we go!
Sit in a different spot from where you sat in the previous class.
…
Do It Differently
Evaluation
Projects: 60%
Participation & Exercises: 15%
Sketchbook: 15%
Final Portfolio: 10%
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%
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”
Sketchbook: 15%Progressive descriptions of visual ideas
Illustrates application of methods taught in class
Habitual use – quantity!
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
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)
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.
Do It Differently
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
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
…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
Do It Differently!