In continuity to our series of “Inexpensive Usability”, in this version, we have added some more basic scenarios that could make a web page to be more user friendly and without additional efforts on the development side.
You may view scenario 1 – 3 in Part 1.
Scenario 4 – Too Many Text Fields: When there are many form fields to fill, and when it is not clear about which fields mandatory or which are not mandatory then it could discourage the user to fill the data and user may not opt for form filling process.
Our Simple Approach
- For Form Text Fields – Add a water mark text to let users know that a field is optional. E.g. Address fields could consist of Address 1, Address 2, Landmark, City, State, Zip Code, and Country etc. Here we can have field “Address 2” and “Landmark” with watermark text as “Optional” would let user know that it can be left blank.
- For Drop-down list box – The first item “Select” can be changed to “Select – Optional”. This will clearly inform users that it is not a mandatory field and can be skipped. E.g. if Country is to be selected from a drop-down list box then it will have the default selected as “County – Optional”.
- For Radio buttons / Check boxes – We can have text mentioning it as non-mandatory “Optional”.
- Additionally – we can also highlight all the mandatory fields with a different border color. With a note that field with red border are mandatory.
Scenario 5 – Reduce Menu Clicks: While accessing the menus, users will have to first click on the main menu to view the sub-menu and then the second click will be on the sub-menu to select an item.
Our Simple Approach
- Instead of clicking the main menu, when user hover of the main menu then it should open the sub-menu automatically. This will reduce the first click mentioned above.
- When user click on the main menu instead of any of the sub-menus then simply open the page associated with the first sub-menu item by default.
Scenario 6 – Quick Scroll Top : When the web pages has more content, users has to scroll down to view the content but in case the menu options or links to other pages are not displayed at the bottom of the page then user will have again scroll at the top to view and access the menus/links.
Our Simple Approach – Just add a “go to top” button or an upward direction “arrow” image at the bottom of the web page near the vertical scroll bar.
We have applied our learning, added in our standard UI checklist that we refer during the development. Overall not only did it help to increase the users experience but it saved development efforts, it resulted in the reduction of support calls. Most importantly, such simple know-how and process increased users experience without impacting the development cost thus making usability inexpensive.
You may share your experience and feedback. If you would like to know our usable approach for problems faced by you or want to suggest about what should we cover in the next post then please write to us at firstname.lastname@example.org
More to come… in next part.