×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Designing for Interesting Moments

by Sr. Director UI Engineering at PayPal on Sep 18, 2009

  • 39,276 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.

Statistics

Views

Total Views
39,276
Views on SlideShare
28,923
Embed Views
10,353

Actions

Likes
165
Downloads
1,234
Comments
5

88 Embeds 10,353

http://designingwebinterfaces.com 3918
http://theresaneil.wordpress.com 3310
http://looksgoodworkswell.blogspot.com 821
http://designgalleria.tumblr.com 650
http://www.usability.by 405
http://tardate.blogspot.com 193
http://interactivity.ysdn.ca 183
http://tardate.blogspot.sg 140
http://orana.info 135
http://greatmobileux.com 99
http://www.slideshare.net 62
http://tardate.blogspot.in 22
http://tardate.blogspot.com.au 21
http://know.namics.com 21
http://tardate.blogspot.co.uk 20
http://www.techgig.com 19
http://looksgoodworkswell.blogspot.co.uk 18
http://looksgoodworkswell.blogspot.in 17
http://tardate.blogspot.ca 16
http://looksgoodworkswell.blogspot.de 15
http://tardate.blogspot.com.br 15
http://tardate.blogspot.de 14
http://goingon.in 13
http://tardate.blogspot.ru 9
http://www.looksgoodworkswell.com 9
http://tardate.blogspot.cz 9
http://looksgoodworkswell.blogspot.com.es 8
http://looksgoodworkswell.blogspot.ca 8
http://tardate.blogspot.it 8
http://webcache.googleusercontent.com 8
http://translate.googleusercontent.com 8
http://www.memonic.com 7
http://esouillat.wordpress.com 7
http://julioprotzek.tumblr.com 7
http://tardate.blogspot.fr 7
http://tardate.blogspot.com.es 6
http://a0.twimg.com 5
http://looksgoodworkswell.blogspot.com.au 5
http://looksgoodworkswell.blogspot.com.br 5
http://tardate.blogspot.nl 5
http://blog.office.wildom.com 5
http://tardate.blogspot.jp 5
http://tardate.blogspot.mx 4
http://looksgoodworkswell.blogspot.fr 4
http://tardate.blogspot.be 4
http://tardate.blogspot.pt 4
http://www.linkedin.com 4
http://www.netvibes.com 4
http://tardate.blogspot.ch 4
http://www.onebywon.com 4
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 5 previous next Post a comment

  • jboutelle Jonathan Boutelle, Director of Technology at SlideShare Good stuff! Found this cause you're 'hot on twitter' again.

    Where you at nowadays?
    3 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • billwscott Bill Scott, Sr. Director UI Engineering at PayPal Update on credit for slides 105-107.
    http://www.psych.ubc.ca/~rensink/flicker/download/index.html
    3 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • lovelyrosa rosa qin, web designer,busy,enjoy at douban lovely !it spark me a lot 4 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • billwscott Bill Scott, Sr. Director UI Engineering at PayPal Just a few notes for those following along at home.

    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/
    4 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • fritzism fritz desir, experience planner + designer, interaction designer, product strategist at RAPP Good stuff, Bill. Reads like an eBook of sorts and definitely apropos for the times we design in. Also great accompaniment for your book (and for those who have not quite made it all the way through---guilty!)

    Seriously though Thank you for posting this.
    4 years ago
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Designing for Interesting Moments Designing for Interesting Moments Presentation Transcript