Showing posts with label website design. Show all posts
Showing posts with label website design. Show all posts

Monday, April 5, 2010

Adding Spice to Websites!

There’s a lot that goes behind designing a website. It requires more than just designing and programming skills! In fact, the creation of a website should be done with ample amount of consideration and care, which involves thinking from the users’ point of view. One needs to bring together different ingredients for a creatively designed website that communicates the message effectively! In fact, the process is the same one goes through while whipping up a very sumptuous dish! What goes behind such a dish is the careful use of ingredients measured in the right proportion. Only then, can one enjoy a well-cooked meal!

Some of the main things required to be presented in a website are the company/service information; products and offers, contact information, etc. This is required to connect with users globally.

Through the Internet, users have easy access to information. They can access information such as their favorite brands, company, product, service, personality and lots more! The website then is the main medium of communication between a company and the user.

A creative web site requires a good balance between design and content. When words are supported with an attractive display of visuals, it engages the users of the website. Many successful websites are able to get visitors involved in one way or another. By making the website more engaging to visitors, you are more likely to get a high number of repeated visitors.
Even before a user reads the content of the website, it is the design and layout of the website which attracts the user. As the famous saying goes, “First impressions are the last impressions”, this holds true even in terms of websites. A content-rich website can drive away a user if it is not displayed properly.

Hence, a web site needs to first look attractive and engage users so that the whole experience of surfing through the site turns out to be an interesting one. Attractive panels, banners, color schemes, buttons, graphics etc., are some of the ways used to turn a website into a visually attractive place! Although a lot of effort is channelized in this direction, many web sites do not meet the expectations of the end users. Even if they attract users, it hardly generates interest to hold a users’ attention span for a long duration. This is when we come to the vital question, how do we add that right element of spice to a website?

Whip Up the Right Recipe!
Recipe No. 1: Interactivity is the Main Ingredient
Interactivity is about keeping the user on the page. Earlier, website designers used Flash to make a website appear attractive and interactive. However, adding Flash interactivity to a website would take days to program and customize, as per the website requirement. On the other hand, rapid interactivity, a new paradigm, allows web designers to add exciting interactivities to websites within a matter of minutes through simple customization.

Why interactivity? Interesting and interactive pages encourages users to stay on the page for a longer duration. This also gives the website owner enough time to convey a message across effectively.




In the above image, important action items have been grouped together. This interactive feature holds user attention in one area and makes a user perform an action. An attractive and interactive display ensures users spend time on the website exploring it further.





As seen in the above image, a site map which usually does not form as an attention-grabbing element has been used to capture attention. The site map highlights important sections of the website which makes it easier for a user to navigate. The visually pleasing elements stand testimony that site maps need not always be designed in a plain manner.




A product/service website usually declares special offers. For example, a special discount for only first hundred users on its website. These kind of special offers can be effectively shown using a peel banner as shown in the above image, which generates curiosity amongst users to explore what’s underneath the hood.


Creating such interactions does not require one to spend hours on programming using rapid interactivity! For many other interactivity ideas read the following blog post.
Using such rapid interaction creation technology, one can easily customize Flash interactivities through a template library. It not only brings about a fresh change in the way content is presented, it saves web designers those grueling hours spent on programming!

Recipe No. 2: Social Interaction is the Dessert!
A website with a fantastic design and layout can be useful only when it connects with its users effectively. The more people that connect and interact on the website, the better it is for you! Take for example, a product website. The moment such a website includes elements for social interaction; it will create a more loyal base of users. The inclusion of activities such as FAQs, Debates, Polls, Presentation Sharing, etc, will ensure users interact with each other. Besides, users of a particular product may even recommend the product to others. A user may even come up with valuable suggestions to be included in the product. The suggestions from users are very important as they are the users of your product or service. They can be the best one to suggest improvements or new features in your offerings. After all, co-creation is what every company would aim for from its users.

Isn’t it time you switch and try out these ingredients to spice up your websites? I am sure you will have a successful website with all these elements!

Tuesday, February 9, 2010

Beyond Attracting Users to Websites!

All creative geniuses always love to bask in the glory of being poles apart from the rest. However, in terms of web design, as you all agree, one needs to be creative knowing that the design has to communicate and convey the message effectively.

This is exactly the reason I have always felt the need to use website interactivity for web design. I am sure by now, just like thousands of web designers and developers worldwide, you have followed the benefits of website interactivity. This time round, I have yet another way of designing websites with interesting creative elements.

As a web designer, apart from attracting users to websites, it is also required to make the user perform an action on the page. Only then, can the message be communicated to the web visitor effectively. Let us take an example of a Page Peel Banner (see below). What I have here is an interactivity that is used effectively to present the company/brand. I thought of creating this sample so that you can know exactly why a Page Peel Banner can be an effective medium to present a message to users on the Internet.




The Page Peel banner attracts users and it also keeps them engaged on the site. As seen, a user has to peel off the first layer to know the complete information. When the first panel is peeled off, the second one is revealed below. This retains the interest of the user. In the example shown, the product information is presented through different slides to generate interest. The range is presented in panels with headings that catch attention, yet do not honestly reveal the details. The best part about this example is yet to be revealed! I took barely 10 minutes for the creation of the entire Page Peel banner - of course by using Raptivity Web Expert, the unique tool for interactive websites!

That’s what I call website interactivity with a difference! I feel, I had a great time designing without really spending a lot of time on Flash. Right now, I am looking forward to reading about your experiences in website design! Please do feel free to share your thoughts as well!

Tuesday, December 29, 2009

This New Year, usher in New Design Elements!


The celebrations are on! The decorations are out and so have the New Year resolutions begun! I have seen many trying to stick to their New Year’s resolutions all through the year. The argument often continues about this tradition considering that promises are meant to be broken!

I have always been passionate about design. And my resolution has always been to whip up something exciting and creative every year! This year, I did come up with few concepts. That is why I feel website design in 2010 should be and will be a step ahead…it will be all about keeping the user engaged on the page with website interactivity with a purpose!

Website Interactivity: 2010 trends
I have seen many websites that do use different forms of interactivity to engage users. The purpose of the interactivity is fulfilled only when it does manage to engage users on the page.

The Predictions for Website Interactivity: 2010
I do have a few ideas for website interactivity for designers who want to engage users on the site. I surely do wish to share the same thoughts and know your feedback.

Include interactions that engage users in a creative manner. For example, a product website can look more authentic if it has testimonials displayed. This is not a new concept, but here I am referring to a better and enhanced display of the same. The original method is placing the text with the quote marks on the side panels. One can display the same in an interactive way, wherein the testimonials are provided and given a personal touch, using your customer’s video or image and supported with attractive visuals. This makes a user feel like clicking to view more. A customer may also feel that he should be there in the list of the testimonials!

Present a set of the not-so-obvious elements in a different light. This means, bringing about creativity in areas least expected. For example, jog your memory and try to visualize different site maps. I am sure; this brings to mind some boring layouts and a typical display of topics of the site. It surely does nothing to induce an action or make a visitor want to explore it further. I suggest that one can present this area in a creative manner as well. Use the topic of your website to your benefit and create interactions around it. There are a few websites that employ this technique (read this post for more information); it makes a user want to explore the site as it is presented in a combination of visuals and animations. That sure brings about a unique look for websites.

The key to website interactivity for the New Year is to think Out of the Box. Keep your user in mind and design around it. It is bound to give many new approaches towards website design. I hope to see many more creative designs in the New Year, enjoy the celebrations for the New Year!

Happy New Year to all of you!

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, October 6, 2009

Interactivity: An Important Ingredient in Web Design

Creativity should flow effortlessly. This applies to all facets of creative design. When creative ideas are implemented with great ease, the result lies in effortless and attractive design. Website design offers many such avenues for designers to discover their creativity especially with the use of Rapid Interactivity, a new phenomenon.

A basic problem that is seen in website design is the lack of time or knowledge of different packages that is required to create a good website layout. I have seen creative web designers who are unable to translate their ideas into the website. If we search the Internet today, we can find numerous ways through which one can have an attractive website without the need to know complex things about design!

Let us study some simple examples that can give an idea how certain subjects can be presented in an interesting way for users, with the use of a 3Dimensional cube. Give a thought and you will understand how a product feature can be presented in an interesting way. The most common way would be to have a catalogue style or rows of photographs that display the product. This may not necessarily interest users. Take a look at the 3Dimensional cube below to know how it can be used differently for various websites that deal in diverse topics.

This example shows how a 3Dimensional cube can present various angles of a mobile phone. The cube engages the user while presenting information about the product.




A travel website can look interesting when a 3Dimensional cube is used to present the top destinations. This 3Dimensional cube showcases some popular destinations in London.






A movie review site or one that is related to showing the listings can use this cube to present the top movies of 2009! This breaks away the usual trend of listing movies in a tabular format.