Pixel2Life Forum

Hey, I'm doing a PSD of a radio website that I'll soon start coding with, and I'm looking for some feedback on it.

Would the news text (in white, under the dark blue text) be better with a sans-serif font such as this:

http://imgkk.com/i/bxsaE4.jpg

Or would it be better with a serif font like this?

http://imgkk.com/i/gf_D6J.jpg

Thanks, and don't forget to add feedback and comments! Constructive criticism is needed! Thanks!

sans serif deffo. the style of the rest of the site makes my eyes reject the text. but remember not everyone has your fonts. you might have to resort to verdana. or worse arial lol

my thoughts on the design is as follows...
its got quite a bit of white space. and once its coded i can imagine needing to scroll quite a bit. for the news etc.

although the streaming links are where your users will go the links are rather too big and the whole site might be more useful being compacted together.

nothing is really happening at the top minus the control tab but maybe have a what's playing function or link to the reccomended listening method besides the site title.

Thanks! I had whitespace in mind while I was designing the website for the guys.

I wanted to have a good typography and font structure, but I haven't got my head wrapped around that monster yet, so I don't really know what goes with each other. You've answered that question, so I think I'm going to stick with sans-serif.

Maybe I could add a "Getting Started" section; any suggestions where I should put that?

Right between the links "Home" and "The Team".

Also, I agree with trevsweb. It's just a little too oversized, but i bet if you'd decrease the height of your buttons in general, it'd look a lot better already

And, sans-serif ofcourse

@Wybe

OK, I'll see how the "Getting Started" component works. Maybe I can do a jQuery overlay when someone clicks that, or maybe when the site is finished loading, the user is presented with a jQuery overlay that fades in.

Which buttons should I decrease? The navigation menu?

@Naz.

Haha, let's just say that I'm up with some very tough competition over at that site.

---

I'll stick with sans-serif, so thanks for all the comments on that.

I really appreciate all the feedback, and I hope that I can get some more. Thanks a lot!

To my personal taste basically everything a little bit, but to reach the desired effect mostly things like the "home" tab above a set of icons that on a sidenote do not represent home to me. You got a tab with some dots and a tab below it with "News". In that case, maybe you could align one of them to the other side and push the sections closer to eachother. It's really up to you, but I basically think everything is too spaced out right now, and combined with round corners that usually reminds me (and though it's only me, something alike may occur to other people) of stuff for babies, that they can't choke or hurt themselves on.

As for the jQuery and all, you could just as well make another page for it. It's always good to have a help section for the technologically challenged amongst your audience. Tuning into an internet radio can't be very hard, but may anyone wonder, here's a good chance to explain that nothing has to be installed on your computer, it's all safe, we're so professional, etc. etc.

Good luck,
Wybe

And may the force be with you
Edited by Wybe, 02 August 2009 - 05:58 PM.

Spot on! Now that I look at it at a user-friendly point of view, and not as a "user-experience" point of view, the site does look rather spaced out.

I tried to keep at least 50 pixels of white space between major sections, such as the navigation bar. I noticed, with my new "point of view", that maybe I can tune the "margin-bottom: 50px;" part down to maybe a "margin-bottom: 30px;" or something in that vicinity.

I've been told on another forum that a lot of the gradients and shadows are too blatant, and I will for sure tone those down a bit. I've also been told that it looks rather "appley", but I was designing the website with that in mind.

I realized that I've uploaded an old version of the site, and the home tab (under the navigation bar) now reads "wadio". I changed it a few weeks ago after I got confused as to why I put "home" there, instead of something else. Thanks for reminding me .

As for the curved boxes, it's an interesting way to put things. I immediately thought of "Babies-R-Us" for some reason (don't ask why). I think I'll keep it, but as you said, everything was spaced out, so maybe with some whitespace reduction, maybe you can see those in a different light.

I'll upload a new image with any changes I can do as soon as I can compile a list of changes that I can make.

Thanks for the feedback Wyzo. I really appreciate it, it's been a great help.

Sorry for the double post, but I want as much feedback as I can, so I'll just bump up my post.

Here is the new version; please ignore the odd shadow mismatch for the news section, compared to the other sections (50% opacity versus 25%), and the funny white spots that you may find along the shadow along the shadow. They are already fixed and implemented in my code.

http://imgkk.com/i/fEgBMf.jpg

P.S.: I actually meant Wybe . I was just looking at a list of things based on Mozilla code, and I had just read the Wyzo entry.