+ Follow

• 26,907 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 Experience.)

(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

Tags

usability tae ria user dwi microsoft tae2009 experience ux design ui interaction ixd interactions experience design web interactiondesign interaction design interface user experience moments interesting presentations rich behaviour ui ux annotations see userexperience interaction design webapp ria

More...

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

37 Embeds 5,521

http://theresaneil.wordpress.com	1933
http://designingwebinterfaces.com	1660
http://looksgoodworkswell.blogspot.com	733
http://designgalleria.tumblr.com	584
http://www.usability.by	354
http://interactivity.ysdn.ca	65
http://www.slideshare.net	62
http://know.namics.com	21
http://www.techgig.com	15
http://looksgoodworkswell.blogspot.in	11
http://webcache.googleusercontent.com	8
http://looksgoodworkswell.blogspot.de	7
http://julioprotzek.tumblr.com	7
http://looksgoodworkswell.blogspot.co.uk	6
http://a0.twimg.com	5
http://www.netvibes.com	4
http://www.onebywon.com	4
http://blog.office.wildom.com	4
http://looksgoodworkswell.blogspot.com.es	4
http://www.memonic.com	4
http://safe.tumblr.com	3
http://looksgoodworkswell.blogspot.com.br	3
http://looksgoodworkswell.blogspot.com.au	3
http://esouillat.wordpress.com	3
http://looksgoodworkswell.blogspot.ca	2
url_unknown	2
https://know.namics.com	2
http://www.hanrss.com	2
http://translate.googleusercontent.com	2
http://me.samiq.net	1
http://literaryhack.com	1
http://www.lmodules.com	1
http://looksgoodworkswell.blogspot.fr	1
http://wildfire.gigya.com	1
http://adolfo.posterous.com	1
http://paper.li	1
http://looksgoodworkswell.blogspot.se	1

More...

Statistics

Favorites

143

Downloads

1,033

Comments

5

Embed Views

5,521

Views on SlideShare

21,386

Total Views

26,907