  |
|
|
Using web graphics properly - how to have some consideration for your viewer
By Suzy Molloy
I recently came across a webpage special offer which included 89 PLR products. Each product included a graphic image of the product plus 3 additional icons to represent that the product came in pdf, word & psd formats. It took 20 minutes to load the first 61 of the 89 products - not completely either some graphics were still incomplete. And I was on a DSL cable connection. I have no idea of the price of this offer. I assume that these details would come towards the end of this massive page. But I wasn't waiting around to find out.
I tried to view his page source info unsuccessfully but could "view image info" some of which read: 18.19 kB (18,629 bytes)
13.99 kB (14,324 bytes)
59.43 kB (60,859 bytes)
57.1 kB (58,472 bytes)
83.68 kB (85,692 bytes)
43.02 kB (44,048 bytes)
52.99 kB (54,264 bytes)
45.12 kB (46,205 bytes)....
Plus each product had 3 icons which were all 2.4 kB (2,457 bytes) as well. These graphics are way oversized for bandwidth consuming for both the customers download and the webmaster for hosting allocations. You want to reduce your graphics for fast viewing. They could easily have been resized and optimised. I've included a screenshot below to give you an idea of what was loading (I smudged the graphics and details because the products themselves were not important). What you see is still an idea of what was loading for all 89 products. This was a OTO (or One Time Offer). I was supposed to see this salespage once and then continue on to download my new product bonus as part of a membership site. I did not bother. Instead I closed the page. I prefer to use up the GB limits I pay my internet service provider for - to download digital products, not salespages. I imagine that for anyone on a dial-up connection, this sort of a page could take days to load entirely. I pity anyone needing to view this page without an unlimited high speed internet connection. Please have some consideration for your webpage viewers. The main point of this sales page was not to show off refined graphics. They just needed small lightweight representations. The psd files icon included indicates that higher quality graphics are available when your purchase the download.
It was a waste to have ALL 89 products (I assume based on what did load) show the additional graphics to represent that they came in pdf, word & psd formats. This information could have been included graphically just once. To not totally piss off your customers, I would recmmend creating just one graphic and put all the product covers in a bunch together. Then optimise that one image for fast web viewing. All product details could have been listed in text without the need for individual framing and repeated grahics icons. This way you might not have so many people click away before they see you offer and I hazard to guess you would gain a boat-load more customers and sales. |
Poor web page graphics considerations
PLEASE VISIT THE CONTRIBUTOR'S WEBSITE
No reactions yet.
Please login or sign up to rate this intel.
Please login or sign up to add a comment.
|
 |
|
Amen to that! I can't count the number of pages I've clicked away from because of overuse or poor use of graphics, videos, annoying flashing things and pages with color schemes that stop me from reading the text (such as white text on black backgrounds).
CONTRIBUTOR'S REPLY
Thanks for your comments June, I too click away for other reasons such as only video, poor read-ability, etc. If I want to watch a long video I would much prefer to be able to download and watch without needing to wait for streaming. If that option doesn't exist I just click away. That might be a whole other intel topic.
Suzy
This is so true. When taking pictures for web pages I always reset my camera to take them at the lowest resolution of 640 X 480. This also helps as kind of a deterrent for people stealing because they become very distorted when enlarged because the pixels are so big. It makes a huge difference in how many pictures I can take on my digital camera at one time and helps tremendously with the load speed of my web pages.
CONTRIBUTOR'S REPLY
Thanks Franklyn, yes I hope that the pixelation deters people from stealing my images too. Web graphics provide good resolution at 72dpi (or dots per inch). I'd recommend that you take some of your photos at the highest resolution so that you can use them in printed offline media too. (Then resize and optimise for web graphics). Postcards, brochures and flyers are most commonly printed at 300dpi. Then your floors would look amazing in print too and you can have the same images online and off.
Suzy
That sounds good but I have found that is not the best way to do that. When you start downsizing high resolution pictures the program doesn't take out the pixels the same as my camera does as it takes a low resolution picture. I think my camera on site is smarter than any resizing program I have used that doesn't compensate for the conditions when the picture was taken. For example my wife sent me a picture of the Daytona Beach duck when she was at a convention. She takes all her pictures in high resolution. Click on the picture of the duck who looks likes it is wearing pants squatting in the water. Click on the duck. Then click on the resulting picture. Find the duck 
CONTRIBUTOR'S REPLY
Franklyn, in the example you directed me too you haven't optimised the first duck picture. You have asked your webpage to display the duck with html with width="250". Your image source is the same as what you have href'd too. (Sorry I can't display any syntax properly to show you). But you are still using the same large picture that you are linking too. So even though it displays smaller on the first page - it is still 1,021.2 kB (1,045,707 bytes) in size. You would need to use a graphics/photo editor to create a smaller one for the image source display and it would remove that pixelation from occurring in your smaller image displayed on the first page. Keep the link to the larger one for "duck hunting" 
Thank you for sharing this great information, Suzy. I need to look at some of my images as they load quite large.
Best wishes.
Frederick
Speaking of inappropriate graphics, sometimes I sell ads on my blog and one advertiser's content seemed good in the solicitation but then I saw after I accepted the assignment that he was using scantily clad women to adorn his ad. I did not want that kind of graphics on my pages, so I turned the opportunity down.
The copyright for this content entitled "Using web graphics properly - how to have some consideration for your viewer" has been specified by the contributor as:
Creative Commons Attribution-No Derivative Works 3.0
Details 
This content may be copied and distributed (but not modified), as long as the original author is acknowledged with a link back to the content page.
If you use this content according to the license specified, you must link to the following URL:
http://xclr8.qondio.com/
|
|
May, 2012
2008
January, February, March, April, May, June, July, August, September, October, November, December
2009
January, February, March, April, May, June, July, August, September, October, November, December
2010
January, February, March, April, May, June, July, August, September, October, November, December
2011
January, February, March, April, May, June, July, August, September, October, November, December
2012
January, February, March, April, May
|
|
Not a member yet?
Qondio is a powerful network for making it online. If you have a website to
promote, we can help.
Sign up and get in on the action.
|
|
Welcome to Qondio! Discover the awesome power this network can deliver by going to our About page. Or you could skip straight to the Sign Up form.
|
|
