WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Redesign - Criticism Requested (18 posts)

  1. ZephyrWest
    Member
    Posted 7 years ago #

    Well, I finally finished my site redesign. Overall, I'm pretty satisfied, but would appreciate some feedback from others.

    http://jameslao.com

    Things to note:
    -The site is flexible width.
    -The CSS and XHTML validates.
    -Layout doesn't fall apart when you increase the text size.
    -Widget and Sidebar Modules compatible.
    -Degrades pretty well in browsers that don't support CSS.
    -Print out looks pretty good.

    Criticize away and don't hold back. :)

  2. dressedinvalue
    Member
    Posted 7 years ago #

    Right away I am bothered with the lack of margin space. It really cramps the content together. Also, this is debatable in the web design world, but I am not a fan of the flexible line-length in the far left column. Typographical design rules say 7-10 words per line for readability. If you're really stuck on keeping it flexible, I'd recommend making the left-column type a few em's or px's larger to visually separate from the rest.

    I like your graphics.

  3. SCARECROW
    Member
    Posted 7 years ago #

    Yes, I agree about the margin or padding issues.. You need some whitespace to allow a space for the eye to rest. This is important, without space for your eye to rest, it becomes too much to take in and comes off as busy or cramped.

    I do like all the things that you mention, as those are all very important points, but dressedinvalue is right about line lenths. I would specify a width in em values and then you can still accommodate visitors with larger type, smaller viewports, etc...

    I like the stark contrast of the graphical parts of the site, everything is good there. Nice work.

    -- T

  4. whooami
    Member
    Posted 7 years ago #

    one word: whitespace

  5. WiBu
    Member
    Posted 7 years ago #

    Is everyone looking at the same site that I am? Why is everyone going on about whitespace? There's enough spacing between the two columns and the spacing between different vertical elements is fine.

  6. chrishes
    Member
    Posted 7 years ago #

    Your content column is too wide for my taste and makes it difficult to read as the eyes must travel too far across the page. Also, consider lightening up your post titles and darkening your date titles.

    Just some suggestions.

  7. ZephyrWest
    Member
    Posted 7 years ago #

    WiBu:
    I've changed the layout of the site in response to some of the feedback people have given me. Originally, I had the the sidenotes in a third column but have moved them below the main posts.

    chrishes:
    I've made the changes on my local install but haven't uploaded it to my server.

    Everyone:
    So how does it look now? I know that the main column might be a bit too wide for some people but I can't really do too much about that (at least not that I'm aware of). Note that there is some REALLY funky rendering problems in Internet Explorer with the Sidenotes section that I'm trying to figure out right now.

  8. Joni
    Member
    Posted 7 years ago #

    I think people are used to seeing centered content with whitespace on either side. Try wrapping the whole thing in a DIV called #wrapper; center it using margin-left: auto; margin-right: auto; .. and see how that looks. :)

  9. houseofboyd
    Member
    Posted 7 years ago #

    Looks great to me. Keep up the good work. I like the layout.

  10. ZephyrWest
    Member
    Posted 7 years ago #

    Alrighty, I think I've addressed everyone's criticisms and concerns. Take a look and tell me what you think!

    All of the "things to note" I posted in the beginning of this thread still apply except for the flexible width part. 800x600 users shouldn't need to scroll horizontally though as I'm pretty sure it's less than 800px wide. :)

  11. whooami
    Member
    Posted 7 years ago #

    much better.

  12. mpgeorge
    Member
    Posted 7 years ago #

    I must say I preferred the flexible width, but the rest looks much better.

  13. alainS
    Member
    Posted 7 years ago #

    -Layout doesn't fall apart when you increase the text size.

    When resizing fonts in IE 6 the right column moves to the bottom of the page.

    Except for that you've done a nice and clean layout.

  14. brokenshardz
    Member
    Posted 7 years ago #

    is this meant to be a minimalist blog? still, i can't stand the black header and the white background. it is too contrasting. otherwise, it looks fine to me.

  15. chrishes
    Member
    Posted 7 years ago #

    Much better on the layout. Maybe in your sidebar links, undo the underline, there seems to be too many horizontal lines. Also, the post dates maybe make them smaller than the post title.

    But looking good, I like the mono color scheme.

  16. twenty5
    Member
    Posted 7 years ago #

    any thoughts on releasing it?

  17. ZephyrWest
    Member
    Posted 7 years ago #

    Thanks for your help everybody! I think it's much better than before. :)

    twenty5:
    Afraid not, at least not yet. This is a design I created specifically for my blog and I'd like to keep it that way for now.

  18. stewdio
    Member
    Posted 7 years ago #

    I like it. Plain and simple and to the point. Everything is in place where it should be IMO.

    Your font for the about sidebar should be a little smaller then your main blog, in fact the entire sidebar should be one or two px smaller then the rest. It will keep the reader focused on your content and further separates navigation from content.

    Nicely done.

Topic Closed

This topic has been closed to new replies.

About this Topic