Top 10 Website Usability Check-list

Have you ever wondered about the importance of website usability?

Imagine a website to be like a boutique or a café, but in our case, there will not be any sales assistants or baristas!  How will you deliver excellent customer service through your website? Are your customers able to find what they seek without the help of service staff?

Website usability ensures that your customers are able to navigate through your “boutique” on their own, and to enhance their “customer” experience.

Try googling “website usability checklist” and I am sure there are 101 search results educating the masses with their notes and reasons of website usability.

Here is mine and I will tell you why.

1. Company’s LOGO should be prominent.
Your logo is your identity. It informs the users on who you are. It should be placed at a location where users expect it to be. In this case, it would be the top left hand corner of your website.

2.  Navigations are easy to find.
Navigations are easy to find, navigations SHOULD be easy to find. They are like a map through your “boutique”. Most navigation bars are found at the top of the screen.  In cases where a horizontal navigation does not suit your design, your navigation bar should stand out in your homepage. Apart from the above, your navigation should be kept short and straight to the point.

3.  Hyperlinks are easy to find
This goes the same for hyperlinks. Well, your links need not be shouting, “CLICK ON ME!”, but rather, users simply need to know that this is a link. Smashingmagazine.com wrote, “Blue is the best color for links”. I will not disagree and Google is a perfect example of that.

01

However, we should also put our web designs into consideration. I will say, as long as there is contrast for your links and it blends in perfectly with your design, you are good to go!

4. Layout of your information.
Let us not be greedy and overwhelm your website with information. Chances are that your users will not be able to absorb the information.

In an eye tracking study which was used to show the reading pattern of most user:

Eye tracking study

Users do not read your content word for word; rather, they would read the first paragraph and scan through your website in the pattern of the letter “F”. This also shows us on where the important information should be placed at. Interesting!

5. Black text, White Background – the popular choice
Black text against a white background is a popular choice for most web designs. It makes reading easy and comprehensible. Most importantly, it gets your information across.

03

6. Font size and font type.
“What font type should I use in web design?” I am sure this is and will always be a popular debate. According to hobo, you can scroll down to survey statistics and it will show you the preferred choice of font types. Notable type designer Zuzana Licko once said, “We read best what we read most.” Hence, it is best to stick with common and clear fonts that the users are familiar with. Be it Helvetica, Arial, or Microsoft Sans Serif.

As for sizes of fonts, let us not torment our users, nor shall we test their eye sight with text that are meant for ants!

04

A good font size, I would say, would be 10 points. Comfortable to the eyes and legible.

7. Images Have Appropriate ALT Tags
Naming your image alt tags is not only helpful for the users, it is also essential for search engines to understand your image.

8. Loading time – optimizing your website
Let’s face it. Any website that takes more than 5 minutes to load is unbearable. With the current internet speed we are offered, users expect the websites to load quicker. Hence, always optimize your website to reduce loading time. Even with Flash and add-ons, your website should not take more time than a smoke break to load.

9. HTML Page Titles Are Explanatory
HTML Page Titles should be kept unique, informative and should appeal to the users. This will appear in search engine and will determine if the users will click on your link or move on to the next link.

10. Last but not least, check for broken links.
The feeling of going to a boutique only to be informed that the item is out of stock, is disappointing. The same goes for our websites. It is essential to run through the website to make sure that there are no broken links. No users will like to be greeted by a 404-not-found-page.

My advice? Check, check and triple check.

sg-marinaThe race for the bragging rights for the first Singapore integrated resort is on for both Sentosa Genting World and Marina Sands is on as both are frantically tidying up the pieces for their first walk-in customer. It has a been a pleasure these months driving down the ECP expressway on the way to work watching workers of all nationalities taking day and night shifts to get down to the construction site to meet the nearing deadline. A prelude to a true 24 hours city life, that the integrated resort promises for Singapore.

Yet, it’s interesting to see from marketing point of view how they will face up to the preset challenges that both the Integrated resorts face with Singaporeans having to pay for casino entrance fees and the announced fee hikes for Sentosa entrance fees.  We take the liberty to suggest some marketing lessons that could take away from the oldest gambling city in the world, Vegas.

1. The Big Bait vs the Repeated Business
Let’s face it. The longer you are in a Casino, the increasing chances of you going back with a lighter wallet. That’s why you could almost find no windows nor have a sense of time while you are in there. While the big buzz around the Integrated entertainment would surely bait visitors to swarm in for at least the first six months, retaining these visitorship will be key to the survival of the casino component.  A core aspect to keep you gambling hinges on loyalty card which players can earn points for staying as long as the gambling table. Looking at how to capture on this single minded objective would be key in loyalty. It would be interesting what “rewards program” these two big boys would use as lure to promote this objective.

2. Freeconomics – The power of Comps
Comps refers to activities that complimentary. Comps maybe food, room nights, and show tickets. While the rates of the above will probably be sky rocket as compared to Vegas where it is relatively more affordable, it is important that they take the footstep of Vegas by knowing what they can afford to give away for free in order to make it back based on the time you spend in this property.  The understanding of freeconomic is key in attracting the visitorship to the establishment.

In the context of our Singapore IR, it would be far more interesting as Singaporeans are eagerly anticipating what “rebates” or “Comps” they would be getting for paying a $200 fee into the casino each time.

3. Engagement
I have been to a couple of casinos around the world but the one that left me with the deepest impression recently was Lucky Sevens in Hyatt Hotel, Seoul recently. The croupiers were friendly, interactive and typically attractive of course. That gave a good feel on the gambling table and promoted players to be more chatty. This is a stark contrast to Genting Highlands, Malaysia and some of the casino ships I have been to. The croupiers and staff looked like they were overworked and largely, eager eyed to see gamblers fall into the losing pit.

It would be particularly interesting to see if Genting Singapore can change this attitude around from their previous establishment. It’s really Asian (Genting) versus European (Sands) casino culture and I for one, am quite eager to see how that is reflected on the gambling table.

It would be interesting in the next few weeks to see how these two players would play their hand as the river card unfolds. I say go “All in” to make visitors experience an unforgettable yet affordable one.

This article is inspired by Rohit Bhargava, What Vegas Can teach you about marketing (http://www.socialmediatoday.com/SMC/163432)

IMA Award

SINGAPORE, — Oasis Interactive Singapore, a digital boutique interactive agency in Singapore and Malaysia, today announced that it has been awarded Outstanding Achievement in Website Development by the Interactive Media Awards™ for its work on the NETS FlashPay Microsite. The honor recognizes that the project met and surpassed the basic standards of excellence that comprise the web’s most professional work. The site was honored specifically for excellence in Financial Services.

The judging consisted of various criteria, including design, usability, innovation in technical features, standards compliance and content. In order to win this award level, the site had to meet strict guidelines in each area — an achievement only a fraction of sites in the IMA competition earn each quarter. The award scored 461 out of a possible 500.

Jason Low, Associate Director of Oasis Interactive Singapore, said, “This nod from IMA is a demonstration of our ability to generate world-class work and capitalize on our close working relationships with our clients.”

About Client
Since its founding in 1985, NETS (www.nets.com.sg) has been an integral part of Singapore’s society, through its provision of cashless payment for a myriad of uses.

Oasis Interactive (Singapore) was appointed as NETS’s digital agency since 2007 and has been relentless in creating good engagement and usability for NETS’ digital campaigns ever since.

About Oasis Interactive Singapore
Oasis Interactive produces digital solutions that includes web interactive, mobile and email communication solutions. We dedicate ourselves in providing the right results for you by providing the greatest digital experience for your customers.

Frame 1 – Product Visual | Frame 2 – Promo Message | Frame 3 – Call to Action

If this has been your design strategy for banner ads, think again.

Designing a banner ad can be as simple as above, and at the same time, be as complex as you can imagine. I use the 3Rs to help my designers remember:

1. Relevant Banner
Copy, call to action and visuals need to be relevant to audience’s needs as well as the webpage content that the banner resides on. If the product is about sport injury treatment, the webpage is a mountain biking online magazine that is talking about stunts, a relevant Banner Ad message could be “Still feeling that ache from your last stunt?” instead of “Cutting edge technology in sports injury treatment”.

2. Reference
The banner message should be able make references to people, incidents, events, equipment, etc to the target audience. Using the same mountain biking banner ad as an example again, “Benefited by mountain bikers around Asia since 1999″ or “Used by the Singapore mountain biking team”.

3. Relate
 Allow target audience to be able to relate to the message, creating the thought – What if it is me? Consumers need to be able to relate what you are trying to communicate to themselves on a personal level in order for you to create that motivation for a ‘true click-through’.

Bottomline is – When designing a banner ad, it is not about what you want to tell the consumer. That’s Marketing 1.0. Change your mindset in your design strategy and ask yourself, what does the consumer want?