30 June 2010

45: Speed up your website and increase conversions

http://www.modernblue.com/web-design-blog/

Speed up your website and increase conversions: quotation
"Something I have been thinking a lot about lately is website speed. The load times for one of my largest clients, OverstockDrugstore, were getting worse by the day. It was due to an increased amount of traffic coming to a website that wasn’t properly tuned. After taking a very aggressive approach to decrease load times, conversions (sales) increased by 1-1.5% on days following. It blew my mind (and others at the company) that load times would have a direct impact on conversions."

"If you think about it. it makes sense. 75% of their website visitors are new. So, they are visiting and experiencing the website for the first time. Also, many of them are coming from price engines. Most likely when they do a search on an engine, they go down the list clicking on each link. If the page loads slower than the other sites, they may either loose confidence or at least get a little impatient, which would cause them to choose someone else."

Another link:
http://www.roscripts.com/How_to_speed_up_your_website-175.html

25 June 2010

44: OF LATE, WE HAVE GROWN FAT

"Yet in the past few years, as wideband became the norm, every mainstream site and its brother started acting as if bandwidth didn’t matter. Why use 1K of web form when you could use 100K of inline pseudo-Ajax? Why load a new page when you could load a lightbox instead?

Instead of medium-quality JPEGs with their unimportant details painstakingly blurred to shave KB, we started sticking high-quality PNG images on our sites.

As these bandwidth-luxuriant (and not always beautiful, needed, or useful) practices became commonplace on mainstream sites, many advanced, standards-focused web designers were experimenting with web fonts, CSS3 multiple backgrounds, full-page background images, and other devices to create semantic, structurally lean sites that were as rich (and heavy) as Flash sites.

So now we face a dilemma. As we continue to seduce viewers via large, multiple background images, image replacement, web fonts or sIFR, and so on, we may find our beautiful sites losing page rank."

http://www.zeldman.com/2010/04/11/of-google-and-page-speed/

43: A few nice web tools online

Color contrast verification tool
Calculate a measure of readability
http://www.hp.com/hpinfo/abouthp/accessibility/webaccessibility/color_tool.html

staircase gradations generator
http://slayeroffice.com/tools/color_palette/

Page Credibility
http://www.lib.berkeley.edu/TeachingLib/Guides/Internet/Evaluate.html

Free Web Performance Assessment
http://zoompf.com/free

http://tools.pingdom.com/fpt/
The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars.

22 June 2010

42: Expectation Threshold 2 to 3 seconds

"Today’s web applications are more content and feature rich than ever, providing an interactive user experience. In addition, users expect these applications to be delivered immediately on a variety of fixed and mobile devices and browser platforms. A recent Forrester study found that “two seconds is the new threshold in terms of an average online shopper’s expectation for a web page to load, and 40 percent of shoppers will wait no more than three seconds before abandoning a retail or travel site.” Google has publicly stated that a half second delay in load time results in a 20% drop in ad revenue, while Amazon has found that a tenth of a second delay causes a 1% drop in sales. Now more than ever, slow page load times translate into lost customers and revenue. In addition, companies can save significant hardware, software and bandwidth costs by improving application speed."
http://www.businesswire.com/portal/site/home/permalink/?ndmViewId=news_view&newsId=20100621005528&newsLang=en

41: Online Button Makers

These links are helpful for when you are in a hurry or need a shortcut to produce a quick button. The output files are not optimized and can easily be reduce in half. This example was 9K after download and reduced to a 2.4K 8-bit PNG file. Creators of "microsites" have statistics showing larger "action" buttons, like "download" or "buy now," get better clickthru when they are large and use 18 point type (approx 18 px.) This example is 18 pixel font size.


http://www.buttonator.com/

http://www.lucazappa.com/brilliantMaker/buttonImage.php

http://creatr.cc/backgrounds/

40: Get To The Point

In the last entry, "Web Impatience", the quotes reinforce my philosophy of just publishing a "product or service positioning statement" on the home page and including simple navigation with minimum decoration. The user wants to know immediately what the point is of your website. "What's in it for me?" "Why should I care?" There must be instant recognition, simplicity, and clarity of why to stay or explore. Most home pages have too high of information density --aka clutter. Or in design language, "Emphasizing everything means emphasizing nothing." These bad habits slow page download time and visitor comprehension.

The more focused the site the easier to optimize. General purpose, generic, "authority" websites do NOT fill the needs of information seekers. Smaller fast sites are the solution. Distributed information prevents information overload. Don't present one bloated centralized site with 1,000 pages --rather 100 small sites that answer specific problems. It's time to break up big sites into separate URLs based on market need. This makes information easier to find. Severe self-imposed limitations are needed to avoid visitor "boredom factor", eliminate poor usability, and improve information findability.

39: Web Impatience

I did some studying about "web impatience." Here are some good links:

Web Visitors vs Users, Impatient vs Bored and how they affect Website Change Management
And some quotes:
Functionality vs Visual Design
"For the most part, functionality wins over visual eye candy with users. Business users routinely put up with desktop applications that do what they need without swooping curves, dripping in glass buttons and subtle gradients. There is however a growing expectation of a minimum level of visual design on the web. Maybe this  makes up for the fact that sites still rarely deliver everything a user wants."

The Impatience of Web Users
"According to the BBC, web usability guru Jakob Nielsen's latest report finds web users less tolerant and patient when it comes to web sites.
Some key quotes from Dr Nielsen in his BBC piece
"Web users have always been ruthless and now are even more so.."
"People want sites to get to the point, they have very little patience.."
"I do not think sites appreciate that yet,they still feel that their site is interesting and special and people will be happy about what they are throwing at them."
It's a big challenge for brands to get their emotions, richness and feelings across, when all a user wants to do is find out the price of a product.
I guess this is all about options and navigation, allowing the user to get to a place fast if they need to, but according to Dr Nielsen, most want to take the expressway."

Impatience rules the day online
"Few business web sites achieve this. They often provide a general summary and navigation which is difficult to penetrate. There is often some kind of company history on the front page and few obvious ways in which the visitor's issue is solved.

Nowadays, people are looking for instant solutions to specific problems. That means, for instance, that you can no longer have a web site that covers your topic of, say, marketing. Instead, you are going to need specific pages or sites that cover things like, "how to get more interest in postcard marketing in London". In other words, your web site offerings are going to have to be very, very specific.

Gone are the days of looking for millions of visitors to your web site. You now have to think of having millions of pages that target individual users. It is a complete reverse of where most businesses currently sit in terms of thinking. Most business web sites are being put together with the principles learned on the web in the late 1990s and the early years of this Century. Web users, though, have moved on. It's time for businesses to catch up."