Tuesday, November 17, 2009

Levels of Website Interactivity

Whenever I mention website interactivity, I often see people around me wonder what is website interactivity? Making a website interesting and engaging, interests users and causes them to spend more time on the site. It’s all about enriching user experience. Any website, that presents content in an interactive way will tend to hold user attention. However, over the years, I have noticed the many levels of website interactivity. These levels may have been known to us but we have probably never noticed the gradual change in website design.

I have tried to categorize the interactivities in various levels and cited them with few examples.

Level 1: Using Basic HTML effects


This was the basics of the phenomenal change that we see today. At level 1, I aptly put in examples of websites that include the basic things such as color change for roll over or tool tips that appear for different sections. Websites used revolving text, banners that moved around; images that had some effect such as blinking images, pop ups to share additional information etc. The example given above shows a neat designed popup to show additional information once the cursor hovers above a particular image

Level 2: Displaying Information Through Creative Ways


The websites that belong to the level 2 category had some more amount of interactivity. By now, websites had some new ways to improve presentation of the information. New Technologies like AJAX are used creatively to attract users. For example, by holding the cursor over the heading, an area can be enlarged based on user action. This presents more information on the page without diverting the user to another page. Also, this keeps a user focused on the required information instead of displaying complete information in one go. The example above shows how certain headings are highlighted and linked in grey so that users can access information easily whilst browsing the site.

Level 3: Flash Animations and Videos


Level 3 websites witnessed a further change. Web designers used flash animations and photo sliders to present content in an engaging way. This brought about a livelier change in websites. In the above example, the website deals with accessories and clothing for those who love to skate or surf. There is a very ingenious use of a skating video on the website with the use of flash to engage users.

Level 4: Interactions Based on User Inputs

By now, websites had a higher level of interactivity. As compared to flash interactions in the previous levels which displayed the information, the interactivities now invited users to click for interesting inputs. In the above example, the website ensures that users interact and provide inputs related to the product ensuring users are kept on the page. Interesting surveys about coffee preferences support the subject making the website a success with users.

Level 5: 3D Interactivity


This level is about the highest levels of interactivity for website design. Here, the focus is on the use of 3Dimensional interactivities for websites. The incorporation of 3Dimensional elements to present content has seen many creative forms. In the example above, there is a use of 3Dimensional forms to present the matter. The website is built upon the concept of implementing the power of visuals! Apart from this, websites that use 3D cubes, panning cards, 3D flip books, interactive site maps etc, all belong to this level 5.

I am sure these levels are the stepping stone for website interactivity. Web designers have more scope in terms of creativity and I am certainly looking forward to many such creative canvasses!

Tuesday, November 3, 2009

Target View Size: Mistaken Identity!


Sometimes I'm confused by what I think is really obvious. But what I think is really obvious obviously isn't obvious...

- Michael Stipe

You might be thinking deeply about this statement or might be…well, plain confused. It does happen that the obvious is not actually obvious! There should be no confusion about this statement. As I know that everyone often fails to see the obvious in life.

These words have flowed from my mind for a reason. It was just another sunny day and I read yet another mail that brought with it the same confusion. No, I am no agony aunt out here; I meant it was related to the product - Raptivity Web Expert. Similar kinds of mails over a couple of days prompted me to put my thoughts into words. The common thread was all about an option provided in Raptivity Web Expert. I am talking about ‘Target View Size’.

The Target View Size panel is used to view the interactivity in the required height and width in pixels. When a user makes a change in either of the two, the other is calculated automatically. This is particularly useful to preview the interactivity in a given size. This does not affect the actual size of the interactivity output.

If you require the interactivity to fit into a defined space on your web page, you can make use of this option to preview the interactivity. The Target View Size panel helps you to view how the interactivity will appear in a given size. As correctly labeled, it is “Target View Size” and not “Target Size. The difference in both is that the former is meant only for preview and the latter is about a change in the actual size.

A simple option for a solution…but then, not all things can be really simple! At our end, we will definitely try to make things easier for you! In the meantime, suggestions are welcome…