943,866 Members | Top Members by Rank

Ad:
Jun 15th, 2009
0

Site Redesign evaluation please

Expand Post »
Hi,

My spouse and I run a home-office doing wedding/event/portrait photography in our local area. We've redesigned our site using Front Page to manage along with some free-scripting from javascript and mootools. We've managed to replace frames with tables, add a sample gallery with lightbox in the front and dress up the look.

I'm less concerned about source-sloppiness (unless of course it breaks) than I am with basic usability for our target audience, basically brides on a budget and their parents. Not looking for design services but appreciate any suggestions or tweaks that will improve the look and feel of the site.

Redesign:
http://www.ciaobellaphotos.com

Old Site (not all image-links show up following the move):
http://www.ciaobellaphotos.com/ciaob...SiteDesign2007
Similar Threads
Reputation Points: 10
Solved Threads: 2
Newbie Poster
DanMcLinden is offline Offline
17 posts
since Nov 2007
Jun 15th, 2009
0

Re: Site Redesign evaluation please

If you can make the images used for buttons scaleable, the image will be viewable at all screen resolutions, it will take a little manual editing of the frontpage code.
Frontpage code is very overweight anyway, but that isnt an issue yet
frontpage assigne pixel measurements to all elements, that is usually a good thing for images, but when the image is a text used as a button it fails, on a different resolution than the one the layout was developed on the image becoimes either too small to adequately read the image text, or so large to become intrusive.
a small adjustment. image buttons have to behave like text buttons to be really workable

example only
developed on a 1024*768 screen
frontpage code <img src='weddings.gif' width='100' height='38'> scaleable [icode]<img ssrc='weddings.gif' width='10%' height='5%'>[/code]

sort the preload img script urls so that the first image displayed by default is the first image loaded, will give the appearance of a faster page
Reputation Points: 562
Solved Threads: 368
Posting Maven
almostbob is offline Offline
2,970 posts
since Jan 2009
Jun 16th, 2009
0

Re: Site Redesign evaluation please

The old page drove me crazy with mouseovers. Thanks for getting rid of them.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Jun 18th, 2009
0

Re: Site Redesign evaluation please

Click to Expand / Collapse  Quote originally posted by MidiMagic ...
The old page drove me crazy with mouseovers. Thanks for getting rid of them.
Thanks ! they were getting on my spouse's nerves too...
Reputation Points: 10
Solved Threads: 2
Newbie Poster
DanMcLinden is offline Offline
17 posts
since Nov 2007
Jun 18th, 2009
0

Re: Site Redesign evaluation please

Click to Expand / Collapse  Quote originally posted by almostbob ...
If you can make the images used for buttons scaleable, the image will be viewable at all screen resolutions, it will take a little manual editing of the frontpage code.
Frontpage code is very overweight anyway, but that isnt an issue yet
frontpage assigne pixel measurements to all elements, that is usually a good thing for images, but when the image is a text used as a button it fails, on a different resolution than the one the layout was developed on the image becoimes either too small to adequately read the image text, or so large to become intrusive.
a small adjustment. image buttons have to behave like text buttons to be really workable

example only
developed on a 1024*768 screen
frontpage code <img src='weddings.gif' width='100' height='38'> scaleable [icode]<img ssrc='weddings.gif' width='10%' height='5%'>[/code]

sort the preload img script urls so that the first image displayed by default is the first image loaded, will give the appearance of a faster page

Will try, thanks for the tip !
Reputation Points: 10
Solved Threads: 2
Newbie Poster
DanMcLinden is offline Offline
17 posts
since Nov 2007
Jun 30th, 2009
0

Re: Site Redesign evaluation please

Hi Dan

Great improvement on your website. It's a lot better and more readible. Can I make a few sugestions?

You're using a central image (clickable to see the Gallery Image). It's 281.86 KB, this results waiting. You don't want to keep your visitors waiting. Try to stick under 100 KB. This picture has no ALT text. Try to insert one (for usability matters).

You're main header (Photography...) is a .gif. It's also missing an ALT text. For usability and indexing (Google) change it to normal text and style it with CSS.

I don't seem to find metatags on keywords and description. It's advisable to add this. However I found 2x title tags.

Your page is 12,31KB. That's quite heavy. Try to stuff your CSS in a separate file and stay under 7KB.

Do you want to know what's going on? Get a statistical program like statcounter. I use statcounter and it rocks for me.

Those are just a few hints. It was a big step forward but never stop improving.

All the best! With your business.
Jacob
Reputation Points: 12
Solved Threads: 2
Junior Poster in Training
jb1ker is offline Offline
54 posts
since Sep 2008
Jul 4th, 2009
0

Re: Site Redesign evaluation please

Thank you very much for your advice... one question, I used TITLE instead of ALT on my images because of browser-compatibility. Should I use both ?
Reputation Points: 10
Solved Threads: 2
Newbie Poster
DanMcLinden is offline Offline
17 posts
since Nov 2007
Jul 5th, 2009
0

Re: Site Redesign evaluation please

You can use both. You don't have to use both.
The alt is meant to be displayed when the image is missing, while the title is shown when you hover with the mouse pointer over the image. Designers don't seem to agree on usage, so whatever you think is best.
Reputation Points: 12
Solved Threads: 2
Junior Poster in Training
jb1ker is offline Offline
54 posts
since Sep 2008
Jul 5th, 2009
0

Re: Site Redesign evaluation please

Check the following link. All the best.
Reputation Points: 12
Solved Threads: 2
Junior Poster in Training
jb1ker is offline Offline
54 posts
since Sep 2008
Jul 5th, 2009
0

Re: Site Redesign evaluation please

Click to Expand / Collapse  Quote originally posted by jb1ker ...
Check the following link. All the best.
Thanks again, you have really been a great help ... I had always been paranoid about image-quality and forgetting to set the JPG-compression back for print-editing, stepping through the images and giving each a one-time 20% compression takes a lot of the weight off the site.

I've been leery of changing the GIF for our slogan because I wanted to maintain the font across browsers, but definitely looking into better use of tagging, CSS, etc.

Thanks Again and all the best to you as well ...
Reputation Points: 10
Solved Threads: 2
Newbie Poster
DanMcLinden is offline Offline
17 posts
since Nov 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in Site Layout and Usability Forum Timeline: Can I use a template html page within another html page
Next Thread in Site Layout and Usability Forum Timeline: Fireworks hotspots not transfering to Dreamweaver





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC