Comments on Getting a Form's Structure Right: Designing Usable Online Email Applications

afshan kirmani — Fri, 17 Oct 2008 13:01:20 GMT

Rajat, thanks for your suggestion. I will be talking about form interactions in my next article. I will surely make a note of what you had to say.

You also mentioned that we as practitioners must provide part of the registration form on the homepage to lure users in. I’m glad that you mentioned it as I didn’t focus on that aspect. I did talk about luring users into the form. But your example is perfect. However painful a process can be (in this case, it’s the registration itself); there’s always a solution to motivate users.

Anshuman, I guess the flag would when associated with a country and not a language. In this case, image providing the language, the country and the flag. Let’s kill ourselves before that. :)

Anshuman Singh — Thu, 16 Oct 2008 22:09:10 GMT

The issue with using flags for language: One country speaks multiple languages. Also one language (e.g. English) being spoken in multiple countries (with minor variations).

afshan kirmani — Thu, 16 Oct 2008 04:47:21 GMT

Under the header of my article called ‘Lending a helping hand’, I had spoken about online help that should be provided to users while entering a form. With an article of the New York Times that I came across, I realized that help through the telephone service, i.e. providing customers with a toll free number, seems to be gaining popularity today.

A glimpse into the article:
A Netflix spokesman explained the complete switch to phone support: “Most people don’t need customer service,” he said, “but when they do, they want it now.”

The article:
http://tinyurl.com/4c89d7

rajat julka — Fri, 17 Oct 2008 12:46:58 GMT

This is an excellent article.

Few inputs which you might like to add in your article.

There is another focused way of presenting the “registration” form to the users unlike GMAIL. On the main page of the site user is welcome with a first focused option to “register”. Have a look at www.linkedin.com . It takes the first 3 required fields on the very first page and asks for only “required fields” data entry for the registration to complete.

The emphasis here is usable and simple IA that makes sense to any novice site user for the registration process. Use of less (or only required fields) for the registration gives the breathing space to the page and excites the user that only 7 fields are required to be filled in for getting registered with the site. The less number of fields on the page enables designers to make the text fields appear big/bold/clear that gives lot of comfort to visually week users.

Even if the user is performing the registration process which is not taken with too excitement by web users (usually
because of lengthy forms and all) this simple IA helps in providing exciting user experience for the users.

Another thing which I personally have experienced in our user experience studies and I would suggest that you make should make it as a part of your research is the point of “validation Interaction”. As per my learning in the user experience studies the use of AJAX (asynchronous calls) for validating form fields have further helped in improving the user experience of forms. e.g When a user enters the intended username in the form field and he moves to the password field, the system interacts with the user by showing the message of “status” of the availability of the desired user name as entered by the user. This is an enhanced user – computer interaction where the current context of communication is not breaking as the system has responded to the user that the intended user name is not available and he/she must use another name in order to proceed with the registration process. Otherwise in the old sites (some people who still like to validate the form after the complete data entry by the users) the fields are validated when the data is submitted by the users and then the system tells them that (after entering whole lot of data) there is a problem with the very first field i.e. user name is not available or something, and that frustrates any user (novice or expert).

Meaningful interaction between user and application also enables us to design a rich user experience of form pages.

afshan kirmani — Sat, 11 Oct 2008 04:09:17 GMT

Praveen, I remember doing a research study on understanding cultures and languages which included your idea of mapping the country’s flag with the language.

Thanks for pointing this out. It didn’t strike me. I should have mentioned this. :)

Praveen Kumar Verma — Mon, 13 Oct 2008 19:18:51 GMT

Change Language link is in English in Gmail and this approach does not really work most of the times. If the user could read that instruction, then he does not really need to change the language in the first place. Two better approaches are either to display country flags (visually) or write the language name using the respective script. Some sites use world image map also but the downside is that some countries speak more than one language.

afshan kirmani — Fri, 03 Oct 2008 05:24:13 GMT

Trevor, thanks for bringing up customer influence here. I believe that they definitely play a big role but I aimed to make these pointers aware to all practitioners before we take that next step.

I will incorporate your points into the next part of my article.

Trevor Bollers — Fri, 03 Oct 2008 05:18:11 GMT

Afshan,

Excellent article. I am forever working on web forms harping on these points to developers and BA’s. The one nut that I have a tough time cracking is the customer especially when it comes to designing forms that can and should be modified from the paper version to use technologies of the web to make the form more user friendly. In many cases I end up for multiple reasons developing forms that mimic the paper form and not optimaly designed for web technologies.

For this reason I think that customer influence should be touched on lightly in this series but customer persuation left to an entirely different article.

I look forward to the next article focusing on the designer and how they use buttons versus links as well as graphics and css to help users through the form. At least I think that is what you are writing about. If not I am still excited to read it.

Thanks again for an excellent article

afshan kirmani — Fri, 26 Sep 2008 12:50:27 GMT

Kinjal, I don’t know where you found an association but if you did—so be it. I guess it was that both have a checklist flow. :)

Marianna, obviously a developer plays a vital role here. I took that for granted. Without him/her, nothing would be functional. Thanks for your inputs. I will try and add a bit about the developer in the next part of this article when I concentrate on the actual design and structure of a form. I would hate to bring the code in though. I hope you don’t hate me for this. :)

Marianna Samara — Wed, 24 Sep 2008 09:20:29 GMT

Great Article.

I agree that this content can be used as a “web-based form” guideline. Nevertheless, I believe that there are four people who determine the success of a web-based form. Developer is the fourth one. The implementation of designers’ clear understanding of all the details is an important step before the user helps shape the overall approach to the application form. Sometimes many innovative ideas never get into practice. Usability practitioner’s responsibility is also to work close with developers to ensure that implementations of the designs do not drift from the validated design intent.

Look forward for part II :)

Kinjal P — Tue, 23 Sep 2008 15:55:43 GMT

Shneiderman’s “Eight golden rules of Interface design” comes to my mind when I read this article.

afshan kirmani — Sat, 20 Sep 2008 18:27:15 GMT

I didn’t aim to focus this article on email applications alone. I wanted to provide these examples as a support. But since our readers are taking this article literally in context, I would want to emphasize again that these pointers can be used in any domain, while creating a forms structure.

I would agree that a good example with respect to luring users would be Google. I love what they do with most of their stuff. When they come out with something (even if it’s a beta version), it has to be with a bang.

I remember Rediff trying to beat Gmail at this. Their advertisements primarily focused on unlimited space provided to their users. They even integrated Instant Messaging (Rediff Bol) into their service following Gmail which lead to a 40% increase in their revenues.

Anshuman, I think we forgot a really huge aspect. In my observation, one of the good techniques that Gmail has adopted is by attracting potential customers with their social networking buzz which is their Orkut. This again is a luring factor.

Leading our way back to a forms structure, I would think that the enticing ingredient plays a huge role in getting users to move ahead. Whether it’s creating a differentiating factor from your competitors or even building an external lure (like a social network which is now buzzing around), it’s this “pull” that gets them to make that switch and become loyal.

Anshuman Singh — Tue, 23 Sep 2008 12:38:40 GMT

Talking of luring a user esp. in context of email: Not too long ago the default choice for free email was primarily Yahoo and Hotmail/MSN + a local variant (e.g. Indiatimes in India). When Google entered the game, they had an uphill task to differentiate themselves so that people move away from their one/two primary email Hotmail/Yahoo addresses and opt into Google. Afterall, it’s not easy to change people’s habit (like your Shampoo/Toothpaste).

Google changed the game by
1. using the different (not unique and neither original) interaction model,
2. allowing labels instead of folders etc.
3. Email Search with a Pedigree
4. Fantastic Anti-Spam (I rarely receive Spam in my Inbox and rarely a genuine email in my Spam Folder)
5. to top it all a huge space.

It changed the rules of the game since – forcing Yahoo to change interaction, UI, space etc. Users were enticed by the 1GB limit and the fact that it was exclusive ‘invitation only’ email (in the start). Once people started using, they were hooked – these are classic selling techniques which you will notice aplenty in the real world.

afshan kirmani — Wed, 08 Oct 2008 16:58:11 GMT

Sathish, thanks for sharing your thoughts.

With respect to point one, I truly believe that the best form will have users driven into it rather than them having to find it. So yes, like you mentioned, it is important to blend the form into the structure of a website.

With respect to point number two, I cannot begin to explain the number of times our users wished that their path forward through the course of a form was clear enough for them to understand. I believe that the essence here is communication. You hit the nail on the head, Sathish. :)

Your point three spoke about immediate action feedback, if I got that right. Yup, yup, yup! I wouldn’t agree with you more. I will be talking more about feedback in the next part of this article. I will take what you said into account as well.

sathish sampath — Fri, 19 Sep 2008 06:09:44 GMT

Absolutely fantastic article. This can actually be a checklist with few more addition which i would probably add to this for any webarchitect who is incharge of creating a website for his client. an idea or a schema – whatever may be the case and findings. the fact remains the same that the usability remains high priority. some more points that i would like to bring to attention so that its been discussed when the designer role is being discussed
1. how the site structure has to be laid on for the execution of these forms, the forms and the pages has to be integral part of hte entire site structure when it comest to the usability manuovering of site
2. centralisation/decentralization of forms for effective communication thro the forms for what the user is upto or what he is planning or thinking on the same. eg. varied services will be offered thro one form with just a LOV and there will be a distinctive variation from one service to the other but still be part in the same form. whats the approach that we should take in that case in the stand point of usability and clarity of perception
3. one more thing which i want to add to the list of points is the indication of result in every action of the forms designed. i always seen in addition to information on use and advantages of using any service as listed above, if action is also mentioned then the client has clear set expectation on to decide to apply a click or not. Lack of this actually increases the bounce rate on the form when the stat is analyzed as the clients expect a different action thro the click but result is varying..