Designing for Interesting Moments
by Bill Scott
- 34,659 views
(Given at Google campus for IxDA, Microsoft campus in Redmond to UX team, Ruby Meetup Group at CMU/Moffett Field & The Ajax Experience 2009. Will be giving again in Florida at Rich Web ...
(Given at Google campus for IxDA, Microsoft campus in Redmond to UX team, Ruby Meetup Group at CMU/Moffett Field & The Ajax Experience 2009. Will be giving again in Florida at Rich Web Experience.)
Did you know that there are at least 16 different moments of interaction during drag and drop? And that there are at least a half-dozen elements on the page that conspire with these points in time to form a drag and drop interaction? With almost all user interactions there are lots of interesting moments that you can use to enhance the user experience -- or worse to create confusion in the user's mind.
In this talk, Bill slows down time and puts dozens of interactions under the microscope to study what works and what doesn't work when creating interactive applications. Nuances from 80+ examples illustrate both what should be emulated (design patterns and best practice tips) as well as what should be avoided (design anti-patterns).
These are conveniently summarized in six over-arching design principles.
* Input where you output.
* Require a light footprint.
* Maintain flow.
* Invite interaction.
* Show transitions
* Be reactive.
This talk goes hand-in-hand with Bill Scott & Theresa Neil's book, Designing Web Interfaces and will provide you with dozens of clear take-aways for designing rich interactions on the web.
Accessibility
Categories
Upload Details
Uploaded via SlideShare as Adobe PDF
Usage Rights
© All Rights Reserved
Statistics
- Likes
- 162
- Downloads
- 1,184
- Comments
- 5
- Embed Views
- Views on SlideShare
- 26,012
- Total Views
- 34,659
Where you at nowadays? 2 years ago
http://www.psych.ubc.ca/~rensink/flicker/download/index.html 2 years ago
Slide 29. I discuss how star bars got started at Netflix and how this illustrates input where you output.
Slides 103-107 is example of change blindness. See http://www.usd.edu/psyc301/ChangeBlindness.htm for the live example. See http://en.wikipedia.org/wiki/Change_blindness for more details. Slide 183-184 see http://www.flickr.com/photos/designingwebinterfaces/3659839057/ 3 years ago
Seriously though Thank you for posting this. 3 years ago