Digital Pacific Company Blog

Useful tips on web design, hosting, marketing and more…

Posts Tagged ‘images’

10 Sure-Fire Ways to Drive Website Visitors Away

Thursday, November 26th, 2009

If you have any desire to make a website visitor actually stick around and view what you have to offer, then you might want to consider the overall experience on their end. Years ago web surfers might have suffered through annoyingly long page load times and dealt with poor navigation systems because there just were not as many options out there. Today, on the other hand, the internet is overflowing with resources and beautifully constructed websites, so why would anyone let themselves suffer while sifting through a frustrating website?

They simply wouldn’t.

To steer clear of being tossed into the abyss of “frustrating websites to avoid”, you should probably take a look at these 10 sure-fire ways to drive website visitors away, and then make sure your website isn’t guilty of any of them.

  1. Putting music on every page of your website. Music on any website can be annoying, especially if it is set to auto-play. You just might give someone a heart attack when they are unexpectedly bombarded with song being blasted through their speakers. It is even more annoying when it loads on every page, making the visitor have to search for a mute button – if available – on each visit. I don’t know about you, but you can count me out on another visit to that site.
  2. Plastering animated gif files in any place possible. Sometimes a little pizzazz is nice. Add too much, and your website could cause a wave of seizures. Bright, flashing and moving images are just plain distracting.
  3. Leaving dead links throughout the site. Just like getting into a taxi with a driver who doesn’t know their way, giving any further credit to a website that has all of its hyperlinks leading to no-man’s land is just not going to happen. You can easily avoid this issue by checking your website for dead links with the W3C Link Checker.
  4. Choosing low contrast colour combinations. Did you want your visitors to actually be able to read your text, or to need a prescription for reading glasses after viewing your website? The most readable combination is black text on a white background, but having those set as two different shades of red can cause quite a bit of squinting, and possibly a little rage. Hey, if you’re looking to incite some sort of emotional reaction in your visitors, then I think you will have a winner here. Check out our previous article on choosing website colours for some guidance if you think you are guilty of this point.
  5. Taking pop-up windows to the extreme. For fun, you could make every page of your website open up in a new window, leaving your visitors with nearly a hundred browser windows open at the end of their session. Little pop-up windows with messages upon enter and exit are also an interesting addition, but the real killer is when another pop-up appears when you close the first one. It’s all about suspense, right? The more difficult you make it for visitors to get to the content, the more they will want it… Or, the quicker they will be to move on.
  6. Creating slow loading pages. Just another factor of suspense, making your entire website load slowly by using an excessive amount of images and files of excessive size will keep visitors on their toes. This is generally true because they are running back to their search results for another website.
  7. Leaving a page title as “untitled”, “index” or “page 1″. How is that supposed to help web surfers or search engines correctly find information on your site? In addition, leaving these options in their non-descriptive state can just portray the image that you don’t know what you’re doing, and this is not good for any business.
  8. Keeping contact information secret. By not listing how visitors can get in touch with you on the website will not be good for business. Or, if your main method of communication is a long and tedious contact form that produces a script error after visitors have taken the time to fill it out in detail, you will surely keep them from coming back.
  9. Creating unique navigation structures on every page. If you want finding the links to your other pages more like a scavenger hunt, you could build a website with a unique look and design for every page. This method will certainly give you some flustered visitors when it takes them a while just to find the “home” button.
  10. Forgetting to design for screen resolutions. You might own the biggest computer monitor on the planet with the highest resolution possible, but that doesn’t mean that people viewing your website will be able to see things the way that you do. Designing a site without thinking about screen resolutions can cause web visitors to scroll long distances across the screen just to view an image or read some text. How annoying.

When a website is guilty of any of these annoying factors, I certainly get away from it as soon as possible, and I don’t think I’m alone. So, if anyone reading this finds that they are committing any of these horrendous web design errors – stop what you’re doing! Your website might be in critical condition unless the problem is fixed immediately. The entire web community and all search engines thank you.

10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away 10 Sure Fire Ways to Drive Website Visitors Away

How To Create a Favicon.ico

Thursday, April 30th, 2009

Part of the branding process for a popular website involves having a recognisable image, whether that be through a logo design or website theme and colour scheme. You might even notice when navigating your bookmarks or browser tabs that many websites, like Twitter and Digital Pacific, have that ever-so-tiny favicon.ico image present. Favicon.ico actually stands for favourite icon, and now you can make your own, further pushing your own brand, by following these simple steps.

How To Create a Favicon.ico

Step 1: Create a tiny image, 16 x 16 pixels to be exact. Yes, it is tiny, so make it as simple as possible while also making it clear to web users that it is in fact for your website. For tips, browse some of your favourite websites taking note of the image designs they went with, noting what works and what doesn’t. The image file can be created in either Photoshop, or by using a favicon conversion of a normal picture.

a) When using Photoshop, one can actually install a plugin that allows Photoshop to export to the .ico (Windows Icon) file format. This plugin can be installed from this website. Using Photoshop has its advantages because it also allows you to work with a larger canvas, such as 64 x 64 pixels, and resize without much image distortion. Try many different techniques before choosing your final product. The favicon file might be enhanced by simplifying or sharpening more than normally expected. When happy, save your file in the favicon.ico format.

b) In order to use a favicon created from a normal image, you will need to run it through an image generator. Be careful when using this process as some favicon.ico generators create some horrible looking images. Take into account that the output will still only be 16 x 16 pixels square, so anything too terribly intricate might look like a blob in the end. The best way to go about this process would be to use the favicon.ico Generator site. This website simplifies the process significantly by letting you upload an image file and then tweak it on the screen to create the optimal output level.

Step 2: Once you have the favicon.ico file on your computer, it is time to upload it to your website. This file must be placed into the same directory that contains your index page file, most often in the root.

Step 3: A line of code must now be placed in the header of the pages you would like the favicon.ico image to load with. Somewhere in between the <head> and </head> section, place this line:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

*To complete this process, you may need to contact your web designers for assistance unless you are directly responsible for updating the code of your website design.

Step 4: Pull up your website in a browser of your choice to see your new favicon in action. If the image does not show up, you may need to refresh or clear the cache.

If unhappy with the outcome, start over and make changes as necessary. Otherwise, enjoy the new addition to your web branding experience!

How To Create a Favicon.ico How To Create a Favicon.ico How To Create a Favicon.ico How To Create a Favicon.ico How To Create a Favicon.ico How To Create a Favicon.ico How To Create a Favicon.ico How To Create a Favicon.ico How To Create a Favicon.ico