|
|
10-15-2009, 09:11 PM | #1 |
Member
Join Date: Feb 2008
Location: Great Plains, USA
Posts: 286
|
Critique My Site Design (Please)
I recently convinced the chamber of commerce that I freelance design for to have me redesign their poor website. I had previously created an 88-page visitors guide for them, so I used its art deco-influenced style and color scheme on the new site. I also reorganized the site, both removing and creating new main menu links, and reorganized various page info.
Only a few minor formatting problems exist, most of which probably wouldn't be noticeable to the average viewer. I'm also considering opening the body/content section wider as it leads below the left-hand menu table (view Attractions and you'll see what I mean). However, this would prevent my use of tall, narrow photo stack collages. First is the new "one-stop-shop" menu that they requested. This links to various city-related sites; not all are associated with the chamber... - My forthcoming design - Old (current) design From there, you click the Chamber of Commerce logo and come to "home.html," the actual chamber site... - My forthcoming design - Old (current) design I've also created a new Photo Album which has the many photos that I and other people took for the visitors guide. I used a freeware called httphotos... - Photo Album |
10-16-2009, 01:20 AM | #2 |
Member
Join Date: Aug 2005
Location: Goring-by-Sea, West Sussex UK
Posts: 732
|
Very nice. No obvious problems. I think I am confused because you are asking for comments on two sites.
At the moment I do not see the structure of either site. I keep opening fresh pages and I ended up with four identical pages on my screen. Generally users get confused when there are more than seven oprions. It would be best to restrict the number of options shown and then give them a choice after their first selection. Drop down menus do not help me very much so that for me would not be suitable. A sitemap would be useful for those that are really searching. Keep up the good work. |
10-16-2009, 08:13 AM | #3 | |
Member
Join Date: Feb 2008
Location: Great Plains, USA
Posts: 286
|
Quote:
If the links are not working, I'll just type up the actual URLs. Can't go wrong there. One-stop-shop intro - http://www.manchesteriowa.org/new/ Chamber homepage (which encompasses the main site layout) - http://www.manchesteriowa.org/new/home.html Photo Album - http://www.manchesteriowa.org/new/gallery/ The old (current) site - http://www.manchesteriowa.org/ I realized I should view the site in Internet Explorer rather than my favored Mozilla Firefox, since over 80% of web surfers use IE. This helped me clean up a few problems, but some minor aspects seem unfixable. |
|
10-16-2009, 08:01 AM | #4 |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
It is pretty but there seems to be no content (nothing for Google or other spiders to find). Or is this just a dummy layout?
You are using HTML 4.01 Transitional, which is really, really old. Most sites today use XHTML 1, with cascading style sheets (CSS). You have ISO-8859-1 encoding; it is better (more universally accessible) to use UTF-8 (unicode). Don’t see ALT statements on images; they should be there as they make it possible for screen readers to parse the page. On the Welcome page, I see closing inline HTML (/font, for example) in a few cases. No open, just the close. Your pages do not validate; you might want to check your pages on the W3C validation site from time to time; it can help catch errors that may cause problems for some viewers or otherwise harm the effectiveness of your site. Mind you, many sites do not validate, sometimes because of an error in coding, sometimes because W3C occasionally changes the rules. But some errors can cause problems, and it helpful to know about them, and good to fix the ones you can. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
10-16-2009, 08:29 AM | #5 | |
Member
Join Date: Feb 2008
Location: Great Plains, USA
Posts: 286
|
Quote:
Regarding the "dummy" layout question, I simply have my new layout, with all the new content as it will be presented, in a folder called "new" within the site. There are meta names ("keywords" and "descriptions") and content in the coding. I have a friend that web designs for the business he works for, and I plan on showing my site to him tomorrow. He was going to make sure I have the searchable coding as you noted. |
|
10-16-2009, 09:08 AM | #6 |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
You can search the W3C site for encoding, DOCTYPE, and other details. Or get a book to use for reference. I like Elizabeth Castro’s HTML, XHTML & CSS: Visual Quickstart Guide (which is cookbook-like and very useful — information at her blog). Eric Meyer’s CSS: The Definitive Guide is also excellent. And the source bible for CSS is Cascading Style Sheets: Designing for the Web by the originators of CSS, Lie and Bos.
The latter two books are out of print, but you can find resellers at Amazon. There are also web sources, but I find the books add useful explanations often missing from the web advisors. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
10-16-2009, 11:50 AM | #7 |
Member
Join Date: Feb 2008
Location: Great Plains, USA
Posts: 286
|
Thank you for the references, ktinkel. So do you have any suggestions in terms of the graphical site layout, or is it pretty solid? I wanted the green head/side menu graphic to be cohesive and fit snugly against the top and left of the window, but with the different browsers and screen dimensions, the latter quality can't be. Still, I'm content with the result.
|
10-16-2009, 12:09 PM | #8 | |
Sysop
Join Date: Oct 2004
Posts: 10,478
|
Quote:
I think it looks quite solid...the only suggestion I might make is to put the "Photo Album" link (via the Chamber of Commerce and subpages from that page) at the bottom of the list of links since you are opening it in a new window because it was sort of confusing land on that page after clicking on the "Photo Album" link as there are no other links. Alternatively, add same links that you have on the Chamber of Commerce page to the "Photo Album" page and/or note that the photo album will open on a new page--personally, I'd add at least a Chamber of Commerce homepage link on the photo album page so that if someone were to land on that page via a browser search, they would be able to find the "source" page more easily and this holds true for the album subpages too. I always think that one should be able to navigate to any page from any page... I looked at the site using Firefox2 and Netscape 7.2 and everything displayed properly... Terrie Last edited by terrie; 10-16-2009 at 12:36 PM. |
|
10-16-2009, 12:37 PM | #9 | |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
Quote:
I hate images that flicker or change, but since there is only a little reading on that page, the dissolving center image is not too distracting. Those who routinely use NoScript or an image-killer might not see it at all, which would leave an odd void in the center of the array. The new/home page is less elegant. The menu type at left is really only clear when it is completely on the green background; might work better if it were all either in or out of the green area. Arial is hard to read at text sizes on many screens. Your code is evidently overriding my browser preferences (or I would be seeing Verdana or Bitstream Vera Sans). Forcing your choice on the viewer is — how to say this kindly? — rude. You are trying to justify some of the text (last para under Welcome). Justification does not work on the web, and should be avoided (compare the large word spaces in the first two lines compared to the unjustified last line). Your page requires me to scroll horizontally to see all of the details. How disappointing when I actually scroll to see only an image of a sign welcoming me to Manchester. Ideally, the page should flex to accommodate any visitor’s viewing preferences. The subheads are in a script and color that seems drastically at odds with the rest of the design. They are also not very well set (maybe cannot be — something about the design of the type), and the images are not crisp and clear. The centered footer assumes, again, that a visitor has a wide browser window; it looks very odd in my vertical pane, neither centered nor flush left. Again, this would not be a problem if the page accommodated a visitor’s chosen viewing pane. Aside from these details, it is much nicer than what you are replacing. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
|
10-16-2009, 12:58 PM | #10 | |
Sysop
Join Date: Oct 2004
Posts: 10,478
|
Quote:
I have a fondness for script fonts and I sort of like this one and I didn't find it jarring or anything--it's not taking up huge portions of the page. I think some sort of flow-y/italicized font for the subheads would be good because all the other fonts are so static and it gives the page(s) a bit of liveliness... Terrie |
|
Thread Tools | |
Display Modes | |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Good design site | Robin Springall | Web Design | 9 | 11-21-2006 08:35 AM |
Another site critique | Daudio | Web Design | 25 | 03-09-2006 12:46 AM |
New personal site design | ktinkel | Web Design | 95 | 03-04-2006 06:12 AM |
Site critique please | annc | Web Design | 46 | 01-14-2006 02:25 PM |
Effect of site design on men vs women | ktinkel | Web Design | 7 | 08-22-2005 04:23 PM |