...

View Full Version : Review http://tinyurl.com/4875x7



Reta
12-19-2008, 04:21 AM
I am customizing this wordpress theme for my cousin's website but seems to be missing something.

Your thoughts??

Thanks and happy holiday

Rowsdower!
12-19-2008, 05:13 PM
Hi Reta, welcome to the forums.

I'll go ahead and post a link to the site (http://reggaetonbeats.com/wordpress/) in question for anyone who is as lazy as I am...

A good place to start in any case will be to fix the validation errors in your code (http://validator.w3.org/check?uri=http%3A%2F%2Ftinyurl.com%2F4875x7&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.606).

As for the aesthetics, the logo seems to flow well enough with the design with the possible exception of the main content div. That stark white background may be too much contrast to handle. The right div looks bare after the ad and search box. Maybe you could just let the content flow underneath those sections (essentially plop that div inside the main content div and switch to a 2-column layout). There's no need for a third column if you don't have anything to put in it.

Those are the only main issues that I can think of really.

Reta
12-20-2008, 08:50 AM
Hey Rowsdower!,

Thanks you for your thoughts and suggestions. I will look into the validation errors now and try and fix them.

We actually plan on using the third column for recent comments, top selling product, ads, etc.

I made a few changes based on your suggestions.

Let me know what you think of it now.

Thanks,

Reta

Reta
12-20-2008, 09:49 AM
Got rid of all the warnings and some errors. The numbers are pretty low compared to well known websites.

gnomeontherun
12-20-2008, 11:35 AM
First thing is the contrast. My eyes don't flow anywhere, they just start to hurt. Soften the black to a dark gray and maybe take the white up a smidgeon. The blue would be fine if you do that, I think, but it might need a little adjustment.

I don't like the HR bars, they don't fit with the sidelines. Perhaps you can work with those so they don't look so blocky?

Typography, almost everything is set in the same font. Maybe some research on this will help you see some other options so its not all the same.

Reflections are cool, but it seems too much in this case. Most of the time the reflection is not a complete copy of the main image, rather it fades out completely 2/3rds the way down. I think this would help.

Your navigation doesn't scream "I'm the navigation" I think because the background just flows with everything else. Perhaps you can think of a way to set it apart a little bit.

Fade the R in the main post background more.

Reta
12-20-2008, 10:07 PM
jeremywilken,

Appreciate the time

Made some minor changes base on what you have said so far. I will look into further customizing the theme later on. I'm finding it really difficult change the navigation. Not very good with the coding.

Thanks

Reta

twodayslate
12-21-2008, 01:50 AM
ads are bad.
reflection takes up too much space.
validate

Rowsdower!
12-21-2008, 04:37 AM
I still say the white is too harsh for the main content. Also, when the main content is very short (for example in the shopping cart page when no items are in your cart) your page looks sort of awkward. You may want to play around with a minimum height to the div - maybe even full-height all the time - to keep it from looking so naked (it might not help at all, but see if you like it).

Also, I didn't add anything to my cart the first time through, but now I am noticing a severe lack of contrast between the left banner cart summary and its background. The individual items show up OK, but the totals and item count are very dark gray and the background is black. You may want to give the cart summary its own light-ish background to make the text more visible. Either that or lighten up the font color significantly.

As for the validation errors (currently 19) four of these are misuses of an ID (using the same ID, such as postinfo, more than once). If you truly need the ID more than once you should just change these to a class instead. Besides, if you intend to do any java scripting on these page elements you'll need to sort these out sooner or later anyway. It'll be easier to do it now while it's all fresh... Another four or so are uses of "FONT" in your markup which could easily be fixed with CSS. The rest appear to be tag errors which could be serious issues with your layout. It's great that you have reduced your errors, but you really shouldn't ignore the ones that remain.

Reta
12-26-2008, 01:48 AM
I changed the navi and background a fixed a few things here and there.

Your thoughts plz

thanks

You guys have been a great help so far.

twodayslate
12-26-2008, 02:16 AM
no ads. put nav on one line. ten billion other things...

Reta
12-26-2008, 02:22 AM
no ads. put nav on one line. ten billion other things...

Twodayslate,

Thanks for taking the time.

We will be selling space for ads. My client likes the idea of the nav being on top. Just looking to improve the overall idea.

twodayslate
12-26-2008, 02:31 AM
Twodayslate,

Thanks for taking the time.

We will be selling space for ads. My client likes the idea of the nav being on top. Just looking to improve the overall idea.the nav on top is good. just put everything in the nav on one line.

is this your first site? and you are getting paid for it? take it slowly man and make it good. :D GL

Reta
12-26-2008, 02:46 AM
the nav on top is good. just put everything in the nav on one line.

is this your first site? and you are getting paid for it? take it slowly man and make it good. :D GL

Not sure what you mean by one line. I'm no expert. I'm not getting paid as of yet. Depends on the success of the site :-) Thanks

twodayslate
12-26-2008, 03:15 AM
perhaps we are seeing different things...
http://img247.imageshack.us/img247/5518/screenshot2ik9.png

Reta
12-26-2008, 03:22 AM
perhaps we are seeing different things...
http://img247.imageshack.us/img247/5518/screenshot2ik9.png

Whoa! That is disgusting. What browser are you using? I tried looking at the site from 2 diff browsers on 2 different screens with different resolutions and they appear this way:

http://img224.imageshack.us/img224/599/ssos7.th.jpg (http://img224.imageshack.us/my.php?image=ssos7.jpg)

[img=http://img224.imageshack.us/img224/599/ssos7.th.jpg] (http://img224.imageshack.us/my.php?image=ssos7.jpg)

http://img224.imageshack.us/img224/599/ssos7.jpg

twodayslate
12-26-2008, 07:20 AM
What browser are you using? I am using FF3 in Ubuntu.
Code for FF, hack for IE.

FWDrew
12-26-2008, 07:20 AM
I see the same thing as twodayslate, using Firefox 3.0.5 on a 1024x768 size.

Im gonna take a guess and assume your were checking it in internet explorer while developing?

twodayslate
12-26-2008, 07:24 AM
Im gonna take a guess and assume your were checking it in internet explorer while developing?
Some important rules.
1) Validate, validate, validate!
2) Code for FF (or Opera etc - just not IE or netscape XD)
3) Hack for IE (because it sucks)
4) Think about the users (wraps up mobile, screen resolutions, deaf people, blind people, flash, etc)

Reta
12-27-2008, 06:19 PM
I think I fixed it. Let me know. I will start validating more now.

Thanks.

jamesicus
12-27-2008, 06:47 PM
As others have pointed out, Reta, Validation of Markup is important.

Validation enhances Interoperability (check this link) (http://jp29.org/wpointerop.htm) -- correct rendering in all user agents. However, web pages can, and do, fail validation and still display pretty much as expected in graphical Browsers anyway due to their built-in Markup discrepancy compensation -- thereby relying on the often unreliable error correcting properties of individual graphical Browsers.

Validation does catch many easily corrected Markup errors and the resultant code is consequently easy to maintain or change. Pages containing invalid Markup may not display or function correctly in Screen Readers, BRAILLE interpreters and Textual Browsers or when incorporated into other applications. As we move toward the Semantic Web, the rigors of XML will result in a greater requirement for Valid Markup.

Valid and well formed Markup also bespeaks careful craftsmanship and that appeals to many web authors.

Rowsdower!
12-27-2008, 09:41 PM
If you want to check cross-browser compatibility try this site out:

http://browsershots.org/
You just load in the URL to your site and the page queues you up and dumps screen captures based on the browsers and settings you have selected to test for. It's priceless and saves a ton of time loading up the page on different browsers and fiddling with your own machine's settings.

And of course, best of all it's free!

Here's a sample run (http://browsershots.org/http://reggaetonbeats.com/wordpress/) I pulled up (I only asked it to test Windows and Mac browsers but you can include a bunch of Linux browsers as well). Once the page runs you can download a ZIP file (http://browsershots.org/screenshots/081227-152913-reggaetonbeats.com-2013064.zip) of all of the screen caps to store and view at your leisure.

Reta
12-28-2008, 01:34 AM
If you want to check cross-browser compatibility try this site out:

http://browsershots.org/
You just load in the URL to your site and the page queues you up and dumps screen captures based on the browsers and settings you have selected to test for. It's priceless and saves a ton of time loading up the page on different browsers and fiddling with your own machine's settings.

And of course, best of all it's free!

Here's a sample run (http://browsershots.org/http://reggaetonbeats.com/wordpress/) I pulled up (I only asked it to test Windows and Mac browsers but you can include a bunch of Linux browsers as well). Once the page runs you can download a ZIP file (http://browsershots.org/screenshots/081227-152913-reggaetonbeats.com-2013064.zip) of all of the screen caps to store and view at your leisure.

Cool website. Looks like it working properly on the most important browser versions. Thanks for the link.

Reta
12-28-2008, 01:43 AM
What browser are you using? I am using FF3 in Ubuntu.
Code for FF, hack for IE.

I have a hack for IE. Where can I get this code for FF?

Reta
12-28-2008, 01:45 AM
I see the same thing as twodayslate, using Firefox 3.0.5 on a 1024x768 size.

Im gonna take a guess and assume your were checking it in internet explorer while developing?

What do you see now?

Reta
01-20-2009, 08:21 PM
Whoa! That is disgusting. What browser are you using? I tried looking at the site from 2 diff browsers on 2 different screens with different resolutions and they appear this way:

http://img224.imageshack.us/img224/599/ssos7.th.jpg (http://img224.imageshack.us/my.php?image=ssos7.jpg)

[img=http://img224.imageshack.us/img224/599/ssos7.th.jpg] (http://img224.imageshack.us/my.php?image=ssos7.jpg)

http://img224.imageshack.us/img224/599/ssos7.jpg

Redesign

http://tinyurl.com/8h8599

I'm just trying to figure out how to make the sidebar work regardless of resolution without over floating andwhile having its position fixed

I was really aiming for jQuery's Slider but coudn't get it to work without redoing the whole stylesheet. I guess jQuery only uses div ids and not class?

twodayslate
01-20-2009, 09:54 PM
look at uxmag.com's source. They should have the sidebar source you need.

Why so dark? Lighten up!

Reta
01-21-2009, 01:24 AM
http://tinyurl.com/8h8599

Your thoughts and opinion?

twodayslate
01-21-2009, 01:29 AM
http://www.codingforums.com/showthread.php?t=154551

Direct Link: http://www.reggaetonbeats.com/

Reta
01-21-2009, 05:30 AM
fixed?

I made it dark to go with the soundclick page (link located above the header now). Repositioned everything.

Which source code were you referring too?

Thanks

Reta
01-23-2009, 03:02 PM
Ok, I think I got everything set thanks to this forum.

What do you think of having the navi on both top and bottom LINK (http://tinyurl.com/8h8599)? The front page requires a bit a scrolling so thats why I thought it'd be a good idea.

Your thoughts?

Rowsdower!
01-23-2009, 07:22 PM
I like the colors here. This is a big improvement from where this site first started.

With regard to the menu, though...
I'd say having the large navigation block at the top makes the most sense in general. I'm picturing how a page would look with very little content. You'd almost have the duplicate menu blocks stacked one atop the other which would be a bit unsightly I think. You could maybe repeat the menu at the bottom in a single horizontal line (keep the same exact styling just make the white borders a vertical line between menu items and display your menu inline). I think that could look pretty sharp and would still give all of the same functionality no matter how much content is on the page.

One more thing... please, please, PLEASE turn the autostart off on your flash player. Even going between pages on your site makes the same song pop up and play from the beginning over and over again. Let the user decide when to sample your audio files and you will make people more at ease browsing your site. :thumbsup:

gnomeontherun
01-23-2009, 09:01 PM
The menus are indistinguishable from the rest of the site. I read you post about the links, and then had to look for where they were (mind you I've had a beer, but thats normal in Germany). I think its good to have them both on top and bottom, but they need to stand out and say "I'm the navigation, have no fear you can always find me here!" I think the fact that it is vertical, like the rest of the content makes it harder to distinguish, like said above. Perhaps you can spice up the menus?

Otherwise the page just seems rather narrow. I have a widescreen, but regardless it seems more narrow than needed. Thats up to you though.

I personally think that it makes more sense to have a single preview of each sound rather than one player for all. That way you can put the preview next to the Add to Cart button, otherwise I have to figure out which one I like and hopefully click on the right one. It could cause some usability headaches.

The right and left side of the page (particularly at the top) just fall off into the background, and I think you need a border or something to keep that together.

Reta
01-24-2009, 02:42 AM
The menus are indistinguishable from the rest of the site. I read you post about the links, and then had to look for where they were (mind you I've had a beer, but thats normal in Germany). I think its good to have them both on top and bottom, but they need to stand out and say "I'm the navigation, have no fear you can always find me here!" I think the fact that it is vertical, like the rest of the content makes it harder to distinguish, like said above. Perhaps you can spice up the menus?

Otherwise the page just seems rather narrow. I have a widescreen, but regardless it seems more narrow than needed. Thats up to you though.

I personally think that it makes more sense to have a single preview of each sound rather than one player for all. That way you can put the preview next to the Add to Cart button, otherwise I have to figure out which one I like and hopefully click on the right one. It could cause some usability headaches.

The right and left side of the page (particularly at the top) just fall off into the background, and I think you need a border or something to keep that together.

Thank you for this. I plan on having previews for individual tracks soon. Working on a new footer navi now.

The_Return
01-25-2009, 05:00 AM
Colors don't flow very well thats probably the only major problem with it



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum