Author Archive

Online readability: Are you chasing Internet traffic to your opposition?

April 3, 2012

Is readability still a major problem on the Internet? The answer is “YES”.

By readability, I don’t only mean the readability of the content but include other associated factors that affect readability online. The Oxford English Dictionary defines readability as something that is easy, interesting and enjoyable to read. The definition highlights three important keywords:

  • Easy
  • Interesting
  • Enjoyable.

Let’ look at each of these qualities from a web development point of view.

Easy

By easy, I mean the ease with which content can be read. Web page design is something that affects the readability of the content. We all know the important roles that font and color play in readability. But there are other things to consider such as content layout, User Interface (UI) controls, and annoying links.

Large blocks of dense text intimidate the reader and cause information overload.

Look at the above two images. A reader will lose interest half way through the first page. The second page, on the other hand, has less information, is clearer and easy to read and engages the user more easily.

Nowadays, most websites have ad-based revenue models. These adverts are presented in ad slots as gif images, or in pop-ups as flash images, etc. They appear when the page is loaded or when a user’s mouse moves over a certain section of the page. These fancy ads annoy the user because they have to take action to close the advert, or because ads pop up at regular intervals, slowing their access to the information they’re looking for – until annoyance eventually drives the user to close the page. Sites with this revenue model need to come up with better design by creating slots for ads in places where they won’t affect readability.

Another factor that affects readability is the controls used to present the information. Annoying tooltips, modal pop-ups, JavaScript alerts, and confirm boxes should be avoided. These controls are far less attractive to the eyes and irritate the user. Simple design with basic controls increases readability as people are used to traditional, simple designs that they understand.

Interesting and Enjoyable

These two qualities go hand in hand. To some extent, they rely on content but the way information is presented on the screen also drives these qualities. Tablets and e-readers are successful because of the way information is presented. Reading books on Kindle, for example, feels like reading a physical book. This goes back to my previous point that traditional designs are easy to understand, and people enjoy traditional designs in new formats. Hence, basic content layout styles keep the reader on the page.

Conclusion

To make a good website, we don’t need colorful images, fancy styles and pop-ups. A simple design that is neatly presented with easy-to-read information and less redirectional links drives traffic. I go with the saying “Old is gold”. Traditional styles need to be preserved and followed, with some tweaks when necessary.

The JQuery revolution

December 19, 2011

Is JQuery the long-term answer to cross-browser issues faced by software developers?

The World Wide Web (WWW) has created a revolution in the market, to the extent that almost all commercial organizations have started selling online and access to the WWW is an option on even the smallest of mobile devices.

The growing use of the Internet, and growing customer demand over a variety of platforms, has encouraged businesses to build websites and portals that can be accessed on all types of media devices and all types of browsers. The need to maintain a competitive advantage, by providing information over a number of platforms, introduced the problem of software development and support for different browsers.

The JavaScript that developers used for client side scripting on web pages behaved differently in different browsers (or to be more technically correct, different browsers evaluated JavaScript functions in different ways). This meant a webpage would display differently depending on which browser was used to view the page, and it became a challenge to create a clean, simple, fast and functional user interface on each browser type.

JQuery as a solution

JQuery was developed to solve this problem and changed client side scripting for developers. It’s become a popular solution since its release in 2006.

Although written using JavaScript, JQuery is completely browser independent and designed to simplify client side scripting. The scripting functions and user interface plugins save a lot of development time and provide end users with a rich web page experience.

Another advantage of JQuery is that there is a large developer community (Google, Microsoft, JQuery) continually working on the technology to provide new features and enhancements. JQuery also integrates smoothly with different browsers and devices, and because it’s open source anyone can customize and extend it for their needs. Integrated development environments such as Visual Studio, Eclipse, and Net Beans all incorporate JQuery.

While JQuery is still popular with developers, there are some reservations about the quality of code used to build it. Since an open community created JQuery, nobody bothered to evaluate the quality of code that was used. Although optimized for website performance, the JQuery code was not written using any standards or conventions.

The big questions for JQuery as a long-term solution for developers are:

  • Does it make sense to expect quality code from a nonprofit organization?
  • Should JQuery become commercial rather than open source or is there opportunity for a commercial organization to take it over?
  • Will another (better) development tool emerge to compete with JQuery?

Follow

Get every new post delivered to your Inbox.

Join 332 other followers