CS 4963: UI Design. Interaction Design, Part 1. Today:. What is Interaction Design, anyways? How do we do interaction design? Fundamentals and Building Blocks Heuristics and Patterns Next Interaction Design lesson: Deliverables Documentation.
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Interaction Design, Part 1
—Interaction Design Association (IxDA)
…call and response.
We love you!
AAAAH! FIRE!!! THE DRUMMER’S HAIR IS ON FIRE!
Yeah!!We’ll play another song as soon as I extinguish the drummer.
—Bill Verplank(helped develop Xerox Star, establish IDII)
Affordances + Constraints => Mappings
—Bill BuxtonMicrosoft Research
(these are the same animal?!?)
from http://www.youtube.com/watch?v=yUSIpRo13ocOn Android phones, the long press always brings up a context menu (or at least, it should).
from Flickr: edit action is right there.
Remember this, from slide 18?
from Google Search
from Google Reader
from http://www.worrydream.com/MagicInk/(Note that the UI on the right takes less clicks AND makes more information visible.)
Hey, do you want to allow this app to run as administrator? I know you said yes the last 20 times, but…
Have I told you about this great deal on SPAM? Earn points!
ARE YOU REEEALLY SURE YOU WANT TO SAVE THIS FILE? REALLY??
Beep! Beep! BEEEEEEEP!
JUST LET ME SING FERGOODNESSSAKES
Time (in msec) = a + b log (D / S + 1)
Example: MKKKKKKKMHPK = 1.35 + 0.2*7 + 1.35 + 0.4 + 1.1 + 0.2 = 13.9 sec
from Chris Messina’s Flickr collection linked in the notes of this slide
For the first, keep the same hardware/controls, but relabel/change the interaction as needed. For the second, you can change anything.
2. Readings for next lesson: on the class blog.