KnowTeBook - Webworkers Daily Milk » inspiration

Why And How To Keep Users On A Website!

Knowtebook — Tue, 20 Apr 2010 09:41:26 +0000

A friend of us was looking up for some information on the Internet. She wanted to shop online. After looking up at the results shown through the search engine, she realized she had many websites to refer for information about the latest trends and accessories. As she clicked on every website, she found that most of the websites were too boring and uninspiring to browse through. She only preferred websites where browsing was fun and interesting whilst looking out for trendy clothing lines.

This kind of scenario happens with every user in search of information on the Internet. After all, every user has several websites to browse through and choose. The need of the user is sadly not always the first thing that is taken into consideration whilst designing any website. Website owners and web designers then need to think and know whether the website performs as is expected for their business!

The most important thing for any website is interactivity. Why interactivity is what many would question! Well, the reason is that a website needs to capture attention and keep users on the page within the first few seconds. Yes, the first few seconds a user spends on the page is of utmost important. And whether people agree or not, the old saying where first impressions make the last impressions holds true! A website that can capture attention of the user to keep him/her on the page can be termed as truly successful!

Things to know for web design:

Your website should be user-friendly
The website should attract attention
Study the target group for the design process
The information should be presented appropriately
It needs to highlight important points clearly
Use of interactivity to keep users on page

Websites that engage with interactivity

Wrangler

We all know about the popularity of the brand Wrangler. This website displays the products in a very unique way. As seen in the image, a user has to unzip the jacket to browse the website further. The visuals then unfold in a very interesting manner. The collection can be viewed only after the user performs some action on the website!

Mnatwork

The design company, magneticNorth has used interactivity in a creative way. Their simple concept of drawing and discovering gives an exclusive touch to the website. At first instance, the website only has one statement in the beginning, which is ‘Draw and Discover’. As a user actually draws across the screen, various elements about the website are discovered. The display of their portfolio in this creative manner speaks volumes about the company!

Bebopjeans

Bebop, a lifestyle apparel company has displayed the required information in a creative way. The use of Flash with graphics and the entire presentation keeps users on the page. There is an interesting mix of elements. These creative web pages keep users interested for more!

Extre

This clothing store has made use of interactivity to displays details. This sure is attractive as compared to websites that place rows of photographs next to each other. Every bit of information is displayed through the circular forms of the plant. It engages users on the page whilst displaying information.

Apple Ipad

Also big images catch the users eys as Apple is used to do. This helps in presenting the information about the service in an engaging manner. Users need to perform some activity on the page to view more information. The design along with the content thus needs to be catchy!

All these examples of websites are uncommon although the topics can be termed as common. To put it across simply, there are so many websites related to clothing and accessories. Yet, it is not always the brand name that can cause users to browse through a website. An attractive website will do all that and much more for any web designer or web master.

So, do you have what it takes to make your website successful? Looking forward to your replies!

If you liked this post, why do you not subscribe to KnowTeBook.com?

About the author

Poonam Agarwal works as Program Manager at Harbinger Group and is looks after for Raptivity Web Expert, software to bring web pages alive through Interactivity. This software helps to add interactivity to websites without programming! She holds a Bachelor’s degree in Computer Engineering and is an active blogger.

Write guest posts for KnowTeBook

If you’re a writer and know a lot about design, coding, …… or owning a small business, you can give great advices on branding, marketing, productivity, dealing with clients (and other related topics), or you can write ‘how-to’ posts, please get in contact with Sebastian.

Impressive Ways to Present Your Portfolio or Media Files

Knowtebook — Sun, 22 Nov 2009 23:13:01 +0000

It’s simply the fastest and most stunning way to browse photos and videos from the Web or your desktop. Effortlessly scroll an infinite “3D Wall” of your content without having to click page to page, whether you’e on Facebook, Google Images, YouTube, Flickr, Picasa, Kodak Gallery, or any supported site. Or channel surf the latest news, TV episodes, movies, and music videos all from within Cooliris.

Demo

Brilliant 3D Flash Image Slider For Websites

Knowtebook — Mon, 16 Nov 2009 20:00:25 +0000

CU3ER \kju:bər\, an image slider initially conceived to create 3D transitions between slides, turned out to be a convenient and multifunction solution that can be applied in a range of website building areas, from content slider to feature slider and image & banner rotator. Consider using it when you want to grab the user’s attention, and you’ll be delighted by the results!

Features

real 3D Transitions
flat & phong shading
horizontal or vertical cubing
transition direction - left, right, up, down
duration & delay
z-multiplier
cube color
automatic forward-backward transition direction manager
to override global settings for each transition …

Requirements

There are no special requirements for setting it up and running other than a limited knowledge of web authoring:

Flash Player 9+,
XML Basics,
SWFObject (embedding .swf files into web pages),
Applications for image editing (especially for creating & exporting slides).

License

You can use CU3ER free of charge for your personal and/or commercial projects. CU3ER may not be redistributed or resold to other companies or third parties. Specifically, CU3ER may not be redistributed as part of a content management system or online hosting solution. Neither the name of CU3ER nor the name of it contributor may be used to endorse or promote products derived from this software without specific prior written permission. Any credits or copyright notices must remain intact.

Mega Drop-Down Menu Inspiration

Knowtebook — Fri, 16 Oct 2009 10:24:54 +0000

Mega drop-down menus are characterized by large panels divided into groups of navigation options. By structuring navigation choices through the use of layout, typography, and icons, everything is visible at once which avoids the need to scroll.

See inspiration source for mega drop-down menus.

Inspiration: What If Google Ruled The World

Knowtebook — Wed, 23 Sep 2009 19:44:06 +0000

Actually an old contest, but still nice for inspiration what you can do out of a topic like this. Enjoy our 4 favorites!

Gooogle Audi By redstuff

How To Develop A Facebook Page That Attracts Millions of Fans

Knowtebook — Wed, 08 Apr 2009 09:31:57 +0000

Nick O’Neill said that over the past few years Facebook has witnessed a dramatic rise in new user adoption and with that rise has come the opportunity for brands to interact directly with existing customers and engage new ones. At the end of 2007, Facebook announced the launch of Facebook Pages and last week they launched a revised edition which includes a number of significant upgrades. This week, those pages will be going live for all.

There are numerous ways for brands to leverage Facebook but the overall branded experience is becoming increasingly integrated into a single offering as the new Pages product highlights. So what are the primary benefits and changes for the new branded pages?

Inspiration: Ask fifty people the same question. Film their responses.

Knowtebook — Fri, 30 Jan 2009 11:07:04 +0000

We had an idea. Go to a place. Ask fifty people the same question. Film their responses.

Once upon a time, we awoke with a new question on our mind. We didn’t quite know what the buzz and bustle of a Brooklyn afternoon would bring. In search of nothing more than some fresh answers, we found a few dreams instead.

It’s a simple question and the answers can lead us anywhere. So go ahead, ask yourself…

How to Use your Phone Light for Photography

Knowtebook — Thu, 29 Jan 2009 11:36:34 +0000

Reader Jann Lipka, of Stockholm, demonstrates by using his cell phone screen to “light paint” a photo which was shot with a PhaseOne back. (How’s THAT for a budget mismatch!)

using a cellphone display light for a product shoot from Jann Lipka on Vimeo.

You may at first write this off as a gimmick, but just realizing you always have that little light source with you can spark you to find ways to use it.

Animated Gif Art in Politics as Trend in 2009?

Knowtebook — Thu, 18 Dec 2008 14:28:37 +0000

3 days ago the New York Times has published an article about an iraqui shoe-hurling protest. Now, Mr. al-Zaidi has become Iraq’s version of Joe the Plumber - thousands of people joining the protest by making animated gifs for it. Get inspired to see whats going to be on in 2009.

Original

Gif Art Example

Sources:

New Online-Shop Idea With Amazon Window

Knowtebook — Wed, 29 Oct 2008 13:22:48 +0000

Need some new ideas for your next ecommerce project? Amazon has taken out the text of his website for a new creative project and created an immersive experience to help you lose yourself in exploration. Trailers for bestselling movies. Insight into the hottest TV shows and video games. Track samples from Tuesday’s new music releases. Audio reviews of books you should read. Amazon Windowshop lets you get a taste of many titles. They’re here - in one place - and all you have to do is move a few keys to zoom in on whatever flips your switch.