...

View Full Version : Feedback Wanted



greasonwolfe
08-01-2008, 03:23 PM
So I've been working on this page for a couple of days now and have a bare-bones working version up and running. Would like a bit of feedback when anyone has a chance to take a look at the page. See the page for details regarding known issues and problems.

http://members.aol.com/greasonnightwlf/testingzone/baselayout.html

P.S. Forgot to mention. I've tested the site in IE7 and FF1.5 (really need to update FF) but haven't tested it in any other browsers, well, besides AOL's version of IE.

ess
08-01-2008, 04:22 PM
Personally, I don't like the scrolling div where you've left your comments. It not a technical reason...it is just something I don't like seeing in websites etc.

I would suggesting using different font-color for the links. If there were any links in the text...don't think that they would stand out if that makes any sense.

font-family: I would personally add more fonts there...in case users don't have the one you selected.

I wouldn't use IFRAMES...as it makes it tricky to bookmark pages etc. I would consider Ajax. Yes it is tricky to bookmark pages when using Ajax....but there are a number of solutions which you can deploy

I don't like the theme personally...but others might.

I would suggest using a background image, or a blur of a ghost etc...

greasonwolfe
08-01-2008, 05:02 PM
I would suggesting using different font-color for the links. If there were any links in the text...don't think that they would stand out if that makes any sense.


It absolutely makes sense and that is in the works. Still working with the bare-bones of the site right now, but any future links in the text will definately be highlighted in some way.


I would consider Ajax.

Unfortunately, I don't think that is an option for me. As I understand it, Ajax requires access to server-side stuff that I don't have with AOL as a host.


I would suggest using a background image, or a blur of a ghost etc...

I actually have an image for that. But after a few tweaks to the layout of the site, I'm having to go back and rework the graphics. Hopefully I'll have that wrapped up shortly, but may need to go back and rework all the images in the long run to get them stablized so that they aren't stepping on one another.

All good suggestions however, and I appreciate the feedback.

BoldUlysses
08-01-2008, 05:25 PM
Pros:
- Agree with the previous comment about picking a font color that contrasts better with the black. I like the font, though. Always had a soft spot for Courier.

Could improve:
- Why all the hassle over the left menu? The collapsing bit is fancy, but it takes me a second to reorient myself to the "new" menu structure after I expand or collapse a category. It might take some users longer. Have you considered just making the menu permanently "expanded" so that it just flows down the left side of the page?

The layout just seems like it wants to be fluid, but it's static. I think permanently expanding the menu and letting it flow down the side of the page, placing the text in a fluid div so that the client can use their regular browser scrollbar instead of the one inside the page, and adding a footer to let users know where the end of the content is would do wonders. You could even make the vertical part of the left-side graphic repeat-y so it flows down the page.

greasonwolfe
08-01-2008, 06:05 PM
Could improve:
- Why all the hassle over the left menu? The collapsing bit is fancy, but it takes me a second to reorient myself to the "new" menu structure after I expand or collapse a category. It might take some users longer. Have you considered just making the menu permanently "expanded" so that it just flows down the left side of the page?

That's something I've been considering over the last hour or so. I can totally understand the reorientation problem and with the highlight I am using, the whole expand/contract thing might be a little over the top.

This, of course, would go hand in hand with making the page more fluid. The only problem I see with that is getting the repeat-y portion to work properly without breaking up the background image of the navigation area. Conversely, I could always edit the image as needed to make the verticle portion stretch further. Not sure on that one, will have to think about it for a bit.

Both of you have mentioned the font color. Would it be better to go with a flat (pure) white instead? I was using #fff to begin with, but thought that it was a bit too bright.

Still, it's all food for thought. Again, appreciate the feedback.

oesxyl
08-01-2008, 07:05 PM
- menu don't work if javascript is disabled
- I like the theme and graphics, but this is a matter of taste
- agree with previous comments

you can't use php/perl or something like that on your server?

regards

greasonwolfe
08-01-2008, 07:23 PM
- menu don't work if javascript is disabled

I am debating making the whole site non-javascript so the whole menu will be "href" and highlighted purely through CSS. It will mean more pages in the long run, but will be more easily accessed by those who disable javascript.


you can't use php/perl or something like that on your server?


Sadly, no. AOL doesn't give member access to anything server-side except for basic form methods, e-mail and counters. And even that is sketchy at best. On the plus side, web-space comes free with membership and as long as I don't join their "premium Hometown" service they don't jam a bunch of banners and other BC into my pages with their depricated coding.

In the meantime, I'm working on some of the suggested changes and have to say that I definately like some of them.

Managed to rework the images a bit (extending the vertical portion of the navigation image and a "ghost wolf" for overall background), changed the font color to full white instead of off-white and shifted from the scrollable div to letting the full page to scroll.

The big thing I need to work out now is how to set the background image in the center of the content rather than the center of the browser window. Tried setting a body width in the css, but that doesn't seem to be working as I'd hoped. There might not be a solution, but if there isn't, I can live with the way it looks. Will be uploading the updates shortly, need to finish up the footer work first.

oesxyl
08-01-2008, 07:45 PM
I am debating making the whole site non-javascript so the whole menu will be "href" and highlighted purely through CSS. It will mean more pages in the long run, but will be more easily accessed by those who disable javascript.
there are only few users with js disabled, but the main reason to make it work with css is that design become more flexible.
Once it work only with css you can add js to make it how you like, :)
I'm agree that is harder, :)


Sadly, no. AOL doesn't give member access to anything server-side except for basic form methods, e-mail and counters. And even that is sketchy at best. On the plus side, web-space comes free with membership and as long as I don't join their "premium Hometown" service they don't jam a bunch of banners and other BC into my pages with their depricated coding.
two option: no ajax or other host, :)


In the meantime, I'm working on some of the suggested changes and have to say that I definately like some of them.

Managed to rework the images a bit (extending the vertical portion of the navigation image and a "ghost wolf" for overall background), changed the font color to full white instead of off-white and shifted from the scrollable div to letting the full page to scroll.

The big thing I need to work out now is how to set the background image in the center of the content rather than the center of the browser window. Tried setting a body width in the css, but that doesn't seem to be working as I'd hoped. There might not be a solution, but if there isn't, I can live with the way it looks. Will be uploading the updates shortly, need to finish up the footer work first.
put the stuff on the server and post, probably we can find a solution, :)

regards

greasonwolfe
08-01-2008, 08:21 PM
Okay, the changes have been uploaded and are as follows;

-Added sans-serif as a back-up font
-Changed font color to pure white
-Navigation Menu remains fully expanded
-Mouseover/Hover feature fixed, but selected feature not changed yet
-Removed scroll bar on content div and let the page scroll instead
-Added a footer
-Added Background Image

Things I still need to do at this point

-Preload the images so there is no delay with Mouseover/Hover effect
-Center the background image based on content size rather than window size and keep it "fixed"
-Decide on multiple pages or maintaining as a single page with content swapping

The address is still the same, but just to save time . . .

http://members.aol.com/greasonnightwlf/testingzone/baselayout.html

rafiki
08-01-2008, 08:32 PM
Change

<a class="mail" href="greasonnightwlf@aol.com">E-mail</a>
to

<a class="mail" href="mailto:greasonnightwlf@aol.com">E-mail</a>

greasonwolfe
08-01-2008, 08:34 PM
Yeah. LOL! I've got a couple of typos to fix, catching them now and trying to update quickly.

oesxyl
08-01-2008, 08:53 PM
-Center the background image based on content size rather than window size and keep it "fixed"
add a css reset in front of css:


* { margin: 0; padding: 0; }


try to use background-position on both axis:


body { background-position: center center; }

this must center "within its containing element" so you can swap from body to other element.



-Decide on multiple pages or maintaining as a single page with content swapping

that's depend of what content you have. My opinion is multiple page.

regards

greasonwolfe
08-01-2008, 09:02 PM
that's depend of what content you have. My opinion is multiple page.

I'm thinking the same thing now. Would be able to eliminate the "highlight" javascript all together and all I'd have to do is create an "active menu item" class for the menu item of each page.

Still working on the background issue. Will give your suggestions a shot and see what happens.

Turns out the solution was rather simple;



background-position: 133px center;


I had already sized the image for use with the fixed height div elements, so that kept it vertically centered fairly well. To get the horizontal centering, just had to do a little math and give it a left position that would put it in the middle of the content. Don't know why I didn't think of that before.

greasonwolfe
08-04-2008, 12:04 PM
I've done a rework on the original site (it can still be found at the original link) and am hoping for a new round of reviews. The re-vamped version of the site can be found at;

http://members.aol.com/greasonnightwlf/testingzone/reworkedlayout.html

For the most part, it is a rework of the layout with details of the changes on the site itself.

FWDrew
08-04-2008, 12:13 PM
Edit-Link fixed.

greasonwolfe
08-04-2008, 12:19 PM
Edit-Link fixed.

Not sure if that was meant for me, but the original upload crashed, it should be working now . . .

If it wasn't meant for me, no worries.

oesxyl
08-04-2008, 05:38 PM
I've done a rework on the original site (it can still be found at the original link) and am hoping for a new round of reviews. The re-vamped version of the site can be found at;

http://members.aol.com/greasonnightwlf/testingzone/reworkedlayout.html

For the most part, it is a rework of the layout with details of the changes on the site itself.

few pixel added to menuitem class, horizontal, could, in my opinion, be better as look.
I try:


.menuitem { padding: 0 4px; }


except I like it, no comment, :)

PS: I'm not artist so more then a user opinion as 'I like it' or 'I didn't like it' nobody can get, :)

regards

greasonwolfe
08-05-2008, 08:00 PM
Thanks again for the feedback. There are still a few little tweaks I am looking at, but I think I'm pretty well set on the layout now. Just gotta start typing up the content. That's gonna be a project and a half. :D

Nightfire
08-06-2008, 02:14 AM
The wolf in the background is distracting me from the text. I'd fade it a bit more, as you want people to concentrate on the text rather than the background.

greasonwolfe
08-06-2008, 04:10 PM
The wolf in the background is distracting me from the text. I'd fade it a bit more, as you want people to concentrate on the text rather than the background.

A great point and that's actually one of my concerns with the site. Nobody had commented on it so far, so I figured that maybe it wasn't as much of an issue as it seemed to be for me. I've been fiddling with that a bit, trying to find a good balance where the background can still be seen, but doesn't dominate. Since I have a clear (smaller) version of the wolf at the top of the navigation area, I might go with more of an "outlining glow" version where the wolf isn't actually seen, but the ghostly glow still remains and gives a hint of the underlying shape.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum