Web View Bug

Web Form Design

Saturday, March 21, 2009
Come hear key considerations and best practices for Web form design based on international usability testing, eye-tracking studies, and over ten years of designing Web applications. Learn how the interaction and visual design of Web forms can make the difference between acquiring a customer and completing a transaction or not.
  • Luke Wrobleski
    LukeW is an internationally recognized Web thought leader who has designed or contributed to software used by more than 600 million people. He is currently Senior Director of Product Ideation & Design at Yahoo! Inc. where he leads the design of the world's most accessed Web page (Yahoo.com) and many other popular products including My Yahoo! and Yahoo! Buzz. Luke is the author of two popular Web design books: Web Form Design (2008) and Site-Seeing: A Visual Approach to Web Usability (2002). He also publishes Functioning Form, a leading online publication for interaction designers. Luke is consistently a top-rated speaker at conferences and companies around the world, and is a co-founder and former Board member of the Interaction Design Association (IxDA). Previously, Luke was the Lead User Interface Designer of eBay Inc.'s platform team, where he led the strategic design of new consumer products (such as eBay Express and Kijiji) and internal tools and processes. He also foundedLukeW Interface Designs, a product strategy and design consultancy, taught interface design courses at the University of Illinois and worked as a Senior Interface Designer at the National Center for Supercomputing Applications (NCSA), the birthplace of the first popular graphical Web browser, NCSA Mosaic.

32 Comments

  • Great UX analysis. Forms to create an acct password where they make you GUESS min chars or exact strength requirements irk me:
    - 6 or 7 characters? Too short.
    - Must pwd have upper and lowercase?
    - Is a non-letter required? [i.e., not just letters]
    - Is a non-letter illegal? [i.e., alphanumeric only]

  • John Walker (gravatar)

    John Walker said
    March 22, 2009

    Fantastic session. This confirmed a number of assumptions I've had developing HTML forms and it also provided insight into a number of areas I hadn't considered. Great, great session. Well worth watching. Thanks.

  • One of the best sessions I saw live at Mix09, thanks so much Luke.

  • Murali (gravatar)

    Murali said
    March 24, 2009

    Very useful stuff

  • Good examples of what should be common sense des/dev tips, but unfortunately--and as your many examples demonstrated--are not so commonly used in web forms. Thanks for the presentation.

  • Chris (gravatar)

    Chris said
    March 25, 2009

    Very good talk!

  • Thanks Luke. My boss strongly encouraged me to view your session recording since I chose to attend a different session during your time-slot at MIX. I appreciate the concrete, logical, and grounded techniques you discuss. Great presentation.

  • Excellent video! Luke puts into words the reasons I'm frequently annoyed with my online experiences.

  • Luis (gravatar)

    Luis said
    April 04, 2009

    Concise, to the point and very well structured, the way all presentations should be. You sir are a master.

  • This is the best MIX 09 talk I've seen so far. Bravo!

  • annoyed user (gravatar)

    annoyed user said
    April 13, 2009

    Why is this silverlight? Who uses silverlight?

  • Excellent Session. Learned a Ton, and it will make me a better developer / desinger / webbie.

  • Do you have any Flash version of this video, or OGG, or anything else silverlight ?

  • BP (gravatar)

    BP said
    May 07, 2009

    Silverlight suck !

    dirct link : http://mschannel9.vo.msecnd.net/o9/mix/09/wmv-hq/c17f.wmv


    mouhahaha

  • John (gravatar)

    John said
    May 07, 2009

    Is the slide deck available anywhere for download?

  • Lucas Stark (gravatar)

    Lucas Stark said
    May 10, 2009

    Great Session. Very informative. Thanks

  • Todd (gravatar)

    Todd said
    May 31, 2009

    Very useful session. I can start applying these tips immediately.

  • Gary (gravatar)

    Gary said
    July 16, 2009

    I am disappointed that I had to install another plugin to watch this video. This video is about usability, yet I have to install a plugin, that is from Microsoft nonetheless.. What gives?

  • Mr. Internet (gravatar)

    Mr. Internet said
    July 16, 2009

    OMG! I was very disappointed that I was not able to watch this video by telnet'ing to port 80. Usability my eye! This is as bad a YouTube, Flickr and the Hampster Dance.

    I understand this video was given at a Microsoft conference where Silverlight was a main highlight. I also understand that these videos are made available to non-attendees without fee or registration. Most conferences don't make free videos available to non-attendees, but none of this matters!!!

    Web content should be available in whatever form I choose to view it in. For example, in addition to using telnet to browse the web, I sometimes submerge my monitor under water and hook up a strobe light. Poor UX web design results in me having daily seizures.

    Please eliminate the need for plug-ins and make this web site and video telnet 80 compatible.

    P.S. Please make more free stuff available.

  • Silster609x (gravatar)

    Silster609x said
    July 17, 2009

    This is a great video despite what Mr. Internet said. I certainly could use this to make my web forms better

  • Andy (gravatar)

    Andy said
    July 17, 2009

    Silverlight ?! I hate Microsoft.

  • Todd Calverntos (gravatar)

    Todd Calverntos said
    July 17, 2009

    yeah silverlight and WMV suck

  • Ravs (gravatar)

    Ravs said
    August 08, 2009

    Sexy session. I really liked it.

  • Thank you,it is really pretty ,i like it

  • Krishna (gravatar)

    Krishna said
    September 23, 2009

    Superb..! gr8 realtime examples and attention to detail

  • Graham J (gravatar)

    Graham J said
    January 06, 2010

    Requiring a rare plugin to watch a video does not a good UX make.

  • Graham J (gravatar)

    Graham J said
    January 06, 2010

    Also, I find it humorous that the speaker is using a Mac yet this page says the recording was made possible by IE8.

  • SuperChef (gravatar)

    SuperChef said
    January 08, 2010

    i still can't help but feel that there is a conflict between higher converting forms (manipulating behavior actions) and best practices. Am i missing something, because one doesn't assume the other as this speech assumes.

    I want higher conversions (period).

    thoughts?

  • jord (gravatar)

    jord said
    January 09, 2010

    no i don't want to download silverlight

  • robin (gravatar)

    robin said
    January 13, 2010

    adding to the chorus here:

    great!!!! presentation.

    terrible web technology to present it.

    (thx to poster above for the direct link btw)

  • Really great presentation. Thank u

  • Naor (gravatar)

    Naor said
    March 01, 2010

    Thank you very much, very educative.

    Quoted in my blog:
    http://naorrosenberg.blogspot.com/2010/03/usability-web-form-design-best.html

Your Information
Mrs. Gravatar (gravatar)

<-- It's a gravatar

your comment

Recent

  • Thumbnail for Ask The Gu
    Ask The Gu
    Wednesday, March 25, 2009 As a special offering for the viewing audience at home, 30 minutes after Scott Guthrie walked off the stage, he came back for a live, intimate, online-only video chat