CPSC 581 Human Computer Interaction II
Your Hosts Sonny Chan - MS 634 - sonny.chan@ucalgary.ca David Ledo - MS 680 (iLab) - davidledo89@gmail.com
Participation = 15% What’ s this board for?
Sketchbook Who 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 Option #2 Option #3 Project 0: 0% Project 0: 6% Project 0: 15% Project 1: 20% Project 1: 18% Project 1: 15% Project 2: 20% Project 2: 18% Project 2: 15% Project 3: 20% Project 3: 18% 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
Resources Course 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 Technician 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 and be proud
Do It Differently!
Recommend
More recommend
