Thursday, April 30, 2009

Camel Humps

These days URLs (Uniform Resource Locators) aren't just found on the Web, they can be seen printed on just about everything from product packaging to bottle caps and billboards, and at-a-glance long URLs or URLs printed using extra small fonts can be tricky to read. Other than abbreviating URLs or using acronyms for long company names, think GMAC for example, the best way to make a long URL easier to read is to use "camel humps" - capitalizing the first letter of each word in the URL.

CamelHumpsAllowTheEyeToQuicklyPickOutTheFirstLetterOfEachWord making each word easier
to read. Usinglowercasetextfortheentireurlcanmaketheurlmoredifficulttoread, and easier to read should equal easier to remember which from a marketing prospective is a good thing.

Click to view larger image.











This technique can also be applied to e-mail addresses that might appear in print - MyEmailAddress@MyLongCompanyName.com.



Monday, April 20, 2009

Image Formats

Choosing the right image format for the Web is as easy as 1,2,3. Here's an overview of the three most common formats and their suggested uses.

1. GIF - "Graphics Interchange Format" was created by the good folks at Compuserve. The 8-bit GIF format has long been one of the most popular on the Web. It
uses lossless compression and supports a maximum of 256 colors and is best suited for line drawings or graphics containing large blocks of solid color. GIFs are compressed using a technique called LZW, an algorithm that reduces the file sizes of images by finding repeated patterns of pixels. LZW compression never degrades the image quality.

GIFs can also be animated which is another reasons for their popularity. Prior to the release of Flash, most banner ads were created using animated GIFs.

Another reason for the popularity of GIF is that it supports transparency which allows the background of your Web page to appear behind your image.

2. JPEG is short for "Joint Photographic Experts Group" (try saying that 5X fast) and is the original name of the committee that wrote the standard. JPEG is a lossy compression technique designed to compress color and grayscale continuous-tone images - think photographs and complex imagery containing millions of colors. This compression technique can be applied on a sliding scale ranging from 0% compression for a perfect image, to 100% compression for a smaller file size but a poor quality image. A compression setting between 60% and 70% usually results in a good balance between image quality and file size. JPEG should NOT be used for simple images like line drawings or images containing basic shapes and only a few solid blocks of color.

3. "Portable Network Graphics" or PNG was developed specifically for the Web as a alternative (and an improvement) to the GIF format. Using lossless compression, PNG images can be 5% - 25% more compressed than the same GIF image. PNG also supports transparency using alpha channels which allow you to specify the opacity of any pixel from 0 to 255, 0 = full transparency and 255 = fully opaque.

PNG formats include: PNG8 which supports 256 colors and 1-bit transparency, and PNG24 - 24-bit color on par with that of JPEG. However, PNG24 should not be considered a substitue for JPEG and should be used when working with complex graphics.

Until recenly the only knock on PNG was browser support of transparency. Happily, this issue has changed for the better and support is now very good to excellent.

Thursday, April 16, 2009

IA - A Critical Component of Online Success

User failures remain high despite a marked increase in task success according to usability expert Jakob Nielsen. And, according to Nielsen, the remaining user failures can be blamed on bad information architecture.

"If the customer can't find the product, the customer can't buy it" - Jakob Nielsen

A shocking concept, isn't it. But it's the truth and it should resonate with anyone running an online business. Getting users to the right page without forcing them to jump through a lot of hoops is one of the keys to being successful on the Web. And as Nielsen aptly points out, once the user actually does find what they're looking for, content usability obviously becomes crucial - users have to understand and like the information at their destination. And getting them there is the critical first step.

A flashy site may generate a lot of initial buzz, but if it's not user friendly and doesn't support company goals, you've probably wasted a lot of time and money to build it. Read more here...