 |  |  |  |  |  |  |  |
Site Redesign evaluation please
Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
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
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
•
•
Join Date: Jan 2009
Posts: 1,352
Reputation: 
Solved Threads: 163
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
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
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
Failure is not an option It's included free, you don't have to do anything to get it
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
•
•
Join Date: Jan 2007
Posts: 3,210
Reputation:
Solved Threads: 165
The old page drove me crazy with mouseovers. Thanks for getting rid of them.
Daylight-saving time uses more gasoline
•
•
•
•
Originally Posted by MidiMagic 
The old page drove me crazy with mouseovers. Thanks for getting rid of them.
•
•
•
•
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 !
•
•
Join Date: Sep 2008
Posts: 51
Reputation:
Solved Threads: 2
Junior Poster in Training
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
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
"I believe in everything until it's disproved. So I believe in fairies, myths, dragons. It all exists, even if it's in your mind. Who's to say that dreams aren't as real as the here and now?" - John Lennon.
Vrijwilligerswerk Zuid-Afrika | Facility Management Software | Consultancy
Vrijwilligerswerk Zuid-Afrika | Facility Management Software | Consultancy
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 ?
•
•
Join Date: Sep 2008
Posts: 51
Reputation:
Solved Threads: 2
Junior Poster in Training
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.
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.
"I believe in everything until it's disproved. So I believe in fairies, myths, dragons. It all exists, even if it's in your mind. Who's to say that dreams aren't as real as the here and now?" - John Lennon.
Vrijwilligerswerk Zuid-Afrika | Facility Management Software | Consultancy
Vrijwilligerswerk Zuid-Afrika | Facility Management Software | Consultancy
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 ...
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 ...
|
Similar Threads
- Please review my mortgage site redesign (Website Reviews)
- Site redesign (Site Layout and Usability)
- Web Site Development & Design at Banjarahills in Hyderabad. (Post your Resume)
Other Threads in the Site Layout and Usability Forum
- Previous Thread: Can I use a template html page within another html page
- Next Thread: Fireworks hotspots not transfering to Dreamweaver
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Latest Site Layout and Usability Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
blogging content customer design development dreamweaver duplicate email evaluation filesharing firefox flash gilbane google html itunes javascript kazaa layout music napster peertopeer photoshop remote remoteserver satellitenavigation satnav server site tables template tips tomtom url wave web website websitedesignreview web_development web_sites
