Archive for the ‘ Usability ’ Category

Monday, May 5th, 2008

Overlay-Style Form Summary

Ok, it’s time for a very geek post about a particular aspect of web-usability: Form Submission Summary.

Before I get into it, here’s a brief rundown of what it is and a link to the demo, in case you don’t want to read the post and just want to get the goods… which is what I would do if I were in your shoes:

  1. It’s a form with some cool Prototype functions that actually overlays a summary of the form information in a “light-window” without actually submitting the information. I used PHP, but you can use any programming language.
  2. It’s cross-browser compatible with IE6, IE7, Opera 9, Safari 1, and Firefox 2… maybe more, I didn’t test other browsers.
  3. I didn’t do much styling. You can do that stuff yourself if you want to.
  4. The Demo for the Summary Window can be found here.
  5. The source code and images (there are only 3 images) can be found here (35kb zip file).

Now it’s time to get into why it exists… (more…)