A normal AirAsia newsletter, eh? |
Everything in the email was fine, just like the usual AirAsia newsletter, until I saw this:
HTML Form in an email? |
However, the truth revealed itself when I hovered my mouse over the "form".
It isn't a form. It is an image that looks like a form; and clicking on it brings you to the AirAsia booking site which has a little resemblance to the "form" image:
I wonder how many people got tricked by the form image, and got themselves a window popup surprise when they try to select a value from the dropdownlist or select a date from the form image.
The form image is just too real and doesn't behave like what the users expect
To me, this is bad user experience.
Suggestion
A constructive criticism wouldn't be constructive without a suggestion.The cause of the problem is just like what I said earlier: The form image is just too real and doesn't behave like what the users expect.
So, one way to avoid the problem is to make the image NOT to look like a real form.
A very simple, humble example here (note: I'm not a graphic designer):
This is obviously an image, not a real form. |
The result: users will see the image as an image, not a form.
If users really want to search for flights, they can click anywhere on the image and go to the booking site.
No more failed expectations.
User experience wins!