RE: [WSG] Form best practice
Hi Jessica & others, thank you very much for your contributions. This got me started really well. We're now entering the process of reviewing the guidelines we'd like to apply and some good and bad examples. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Form best practice
Hello I've bookmarked heaps more "bad" forms than "good" (says something, really) but can heartily recommend this one (which I designed): http://www.originenergy.com.au/signup/?_qf_p2_display=true The phrase "how we code up forms" is pretty broad, but hopefully some of these will be of use: http://formulate.com.au/articles/what-makes-a-good-form/ http://formulate.com.au/articles/layers-of-a-form/ http://www.informit.com/articles/article.aspx?p=29892 http://css-tricks.com/tips-for-creating-great-web-forms/ http://jeffhowden.com/code/css/forms/ http://www.usability.com.au/resources/forms.cfm http://www.webcredible.co.uk/user-friendly-resources/web- accessibility/accessible-forms-1.shtml http://www.sitepoint.com/article/simple-tricks-usable-forms http://www.webaim.org/techniques/forms/controls.php http://www.alistapart.com/articles/prettyaccessibleforms http://www.lukew.com/resources/articles/web_forms.html And here's some link collections on the topic: http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern- solutions/ http://www.deyalexander.com.au/resources/uxd/form-design.html I have *loads* more links to different sorts of forms and forms best practice guidelines (I'm a full-time forms designer). If you can be more specific about what you need, I'm sure I can help. And if you need some more substantial assistance, e.g. review your guidelines, I can provide that too! Cheers, Jessica Enders Director Formulate Information Design http://formulate.com.au Phone: (02) 6116 8765 Fax: (02) 8456 5916 PO Box 5108 Braddon ACT 2612 On 21/04/2008, at 1:36 PM, Jens-Uwe Korff wrote: Hi all, we are currently evaluating how we code up forms. In the process I'd like to review form best practices. I guess you've come across a good form with respect to either design, functionality, semantics or interaction. Please send me any bookmarks you might have of what you consider top of class. Thank you for your help! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e- mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
R: [WSG] Form best practice
I usual use the following kind of approach: .. .. I think that as for ol > li it can guarantee a good flexibility. Cheers -- Diego La Monica (IWA/HWG) http://diegolamonica.info http://jastegg.it _ Da: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Per conto di Matthew Pennell Inviato: lunedì 21 aprile 2008 8.16 A: wsg@webstandardsgroup.org Oggetto: Re: [WSG] Form best practice On Mon, Apr 21, 2008 at 4:36 AM, Jens-Uwe Korff <[EMAIL PROTECTED]> wrote: we are currently evaluating how we code up forms. In the process I'd like to review form best practices. Please send me any bookmarks you might have of what you consider top of class. I favour this approach: http://www.sitepoint.com/article/fancy-form-design-css form > fieldset > ol > li > label/input I've found that this approach gives you a great deal of flexibility in how you can style the form. -- - Matthew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Form best practice
Hi Jens-Uwe, Apologies for the late reply - I'm in the middle of an inter-continental move from Johannesburg to Oslo. If I can help, please take a look at my article on dev.opera.com - "Accessible Context Sensitive Help with Unobtrusive DOM Scripting": http://dev.opera.com/articles/view/accessible-context-sensitive-help-with-u/ This gives you my configuration of the HTML structure for a web form, along with the JavaScript needed to reveal the embedded context sensitive help for each form field. Also, you can download a complete project package, including HTML, CSS, images, scripts, etc., from my blog site: http://frank.helpware.net Also, in the body of the article, you'll see a hyperlink to Gez Lemon's website (Juicy Studio) where another type of form layout and embedded help is detailed. Hope this helps, Kind regards, Frank M. Palinkas Opera Software On Mon, Apr 21, 2008 at 5:36 AM, Jens-Uwe Korff < [EMAIL PROTECTED]> wrote: > Hi all, > > we are currently evaluating how we code up forms. In the process I'd > like to review form best practices. > > I guess you've come across a good form with respect to either design, > functionality, semantics or interaction. > > Please send me any bookmarks you might have of what you consider top of > class. > > Thank you for your help! > > Cheers, > > Jens > > The information contained in this e-mail message and any accompanying > files is or may be confidential. If you are not the intended recipient, any > use, dissemination, reliance, forwarding, printing or copying of this e-mail > or any attached files is unauthorised. This e-mail is subject to copyright. > No part of it should be reproduced, adapted or communicated without the > written consent of the copyright owner. If you have received this e-mail in > error please advise the sender immediately by return e-mail or telephone and > delete all copies. Fairfax does not guarantee the accuracy or completeness > of any information contained in this e-mail or attached files. Internet > communications are not secure, therefore Fairfax does not accept legal > responsibility for the contents of this message or attached files. > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- Frank M. Palinkas *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Form best practice
On Mon, Apr 21, 2008 at 4:36 AM, Jens-Uwe Korff < [EMAIL PROTECTED]> wrote: > we are currently evaluating how we code up forms. In the process I'd > like to review form best practices. > > Please send me any bookmarks you might have of what you consider top of > class. > I favour this approach: http://www.sitepoint.com/article/fancy-form-design-css form > fieldset > ol > li > label/input I've found that this approach gives you a great deal of flexibility in how you can style the form. -- - Matthew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Form best practice
you've come across a good form design, functionality, semantics or interaction. I humbly submit my own. http://green-beast.com/gbcf-v3/ Cheers. Mike Cherim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Form best practice
Hi all, we are currently evaluating how we code up forms. In the process I'd like to review form best practices. I guess you've come across a good form with respect to either design, functionality, semantics or interaction. Please send me any bookmarks you might have of what you consider top of class. Thank you for your help! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***