+ Follow

• 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

• View text version

Categories

• Technology
• Design

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Flagged as inappropriate Flag as inappropriate

Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

None Pornographic Defamatory Illegal/Unlawful Spam Other Terms Of Service Violation Cancel

File a copyright complaint

78 Embeds 8,647

http://designingwebinterfaces.com	3198
http://theresaneil.wordpress.com	3055
http://looksgoodworkswell.blogspot.com	771
http://designgalleria.tumblr.com	629
http://www.usability.by	389
http://interactivity.ysdn.ca	161
http://tardate.blogspot.com	65
http://www.slideshare.net	62
http://orana.info	35
http://know.namics.com	21
http://www.techgig.com	18
http://tardate.blogspot.sg	17
http://looksgoodworkswell.blogspot.co.uk	16
http://goingon.in	13
http://looksgoodworkswell.blogspot.in	12
http://looksgoodworkswell.blogspot.de	12
http://tardate.blogspot.in	9
http://webcache.googleusercontent.com	8
http://tardate.blogspot.ca	8
http://julioprotzek.tumblr.com	7
http://translate.googleusercontent.com	7
http://tardate.blogspot.cz	6
http://esouillat.wordpress.com	6
http://looksgoodworkswell.blogspot.com.es	6
http://tardate.blogspot.com.au	5
http://a0.twimg.com	5
http://tardate.blogspot.ru	5
http://www.memonic.com	4
http://looksgoodworkswell.blogspot.com.au	4
http://tardate.blogspot.be	4
http://tardate.blogspot.co.uk	4
http://blog.office.wildom.com	4
http://www.netvibes.com	4
http://www.onebywon.com	4
http://tardate.blogspot.it	4
http://looksgoodworkswell.blogspot.be	3
http://tardate.blogspot.co.nz	3
http://tardate.blogspot.com.es	3
http://tardate.blogspot.pt	3
http://tardate.blogspot.jp	3
http://safe.tumblr.com	3
http://looksgoodworkswell.blogspot.com.br	3
http://tardate.blogspot.co.at	2
http://www.hanrss.com	2
https://know.namics.com	2
url_unknown	2
http://tardate.blogspot.ae	2
http://tardate.blogspot.nl	2
http://tardate.blogspot.no	2
http://theoldreader.com	2
http://tardate.blogspot.fr	2

More...

Statistics

Likes

162

Downloads

1,184

Comments

5

Embed Views

8,647

Views on SlideShare

26,012

Total Views

34,659