WordPress.org

Ready to get started?Download WordPress

Forums

New Workingbath Design (28 posts)

  1. idbehold
    Member
    Posted 9 years ago #

    http://www.workingbath.com/

    Please tell me what you think of my new design. Tell me if anyone has anything like it. I tried to make something original, so hopefully its a first.

    Just look at the front page (I'm not completely done with the other pages). BTW, the numbers are the navigation. The search bar and the links, I would love to style better to fix the style of the rest of the page, if anyone has a guide to make a search bar with rounded edges, please share.

    Also the content is QUITE old, god I need to think of something interesting to post.

  2. The_Magistrate
    Member
    Posted 9 years ago #

    Definitely original. I like it, it's nice and clean. I also like how you setup the archives/search/links to be toggleable.

    Good job.

  3. idbehold
    Member
    Posted 9 years ago #

    Yea, I wanted to make the about page be toggeable too, but it's just too long.

  4. tontamoo
    Member
    Posted 9 years ago #

    Nice, I like it. It's so clean.

  5. idbehold
    Member
    Posted 9 years ago #

    Thank you.

  6. Lorelle
    Member
    Posted 9 years ago #

    Very nice and clean. Have I seen things like that? Here and there but not exactly.

    And while you are reaping all the kudos and swelled head, the reviewer grouch appears...hee hee hee....evil laughter rings.

    Site has some boo boos that need to be cleaned up. Mostly they are minor, but you have a DIV gone stray that is a must fix.

    I also miss some kind of title for what the site "is". In FireFox, there is nothing in the header except for the numbers. In fact, you might want to (if you are going to make this public, but for other good reasons) put the header in a header div as a road sign. You have nothing in there to add header title content. The H1 tags are among the headings search engines seek out and compare with the rest of the content, and the first heading on your page is H2, which breaks accessibility standards which says "start with H1, then H2, and so on."

    This is minor stuff, but if you really care about your site, these all need to be fixed and taken into consideration. It's a very cool and clean site, and I'll leave the others to swell your head ;-)

    Keep up the fantastic work!

  7. idbehold
    Member
    Posted 9 years ago #

    Thanks for the advice Lorelle. I fixed the XHTML problems, now I fully XHTML valid. The one thing I do not want to do is to clutter the header image anymore than it is. However I will include a H1 tag, but I will do the following:

    H1 {
      display: none;
    }

  8. Lorelle
    Member
    Posted 9 years ago #

    Or better yet to be accessible:

    h1 {position: absolute;
    font-size: 0;
    left: -1000px; }

    Working on a Codex article featuring this information today, so I had it right at my fingertips. Screen readers can read the text, but it shifts right off the screen. The newer screen readers don't read anything that is set with display:none.

    The other option is to use display:none but make sure you include aural style sheet information that changes the H1 back to display:block and then it will work perfectly.

    Oh, and the grouch reviewer strikes again.

    CSS errors (the mouse overs might trigger some but there are other things)

    Ah, it never ends...;-)

    But the site is worth making everything perfect.

  9. hisyam
    Member
    Posted 9 years ago #

    damn..i really like your design. and i know who the guy in the picture is. is it from FLCL?

  10. ifelse
    Member
    Posted 9 years ago #

    A abosolutely lovely design. Clean, functional but still altogether gorgeous.

    I'm jealous:-)

  11. cron
    Member
    Posted 9 years ago #

    Awsome site. It is so simple and ellegent. :-)
    You plan on relesing the theme?
    Anyway, once again it is an awsome site!

    Cron

  12. jwalters
    Member
    Posted 9 years ago #

    Very nice design...

  13. Denis de Bernardy
    Member
    Posted 9 years ago #

    Looks good. Though I'd redo the navigation buttons.

    http://www.webpagesthatsuck.com/mysterymeatnavigation.html

  14. somefool
    Member
    Posted 9 years ago #

    I hate to say it but youre right, when I first saw them I just assumed they were a counter or summat - I never actually noticed they were sequential.

  15. SFEley
    Member
    Posted 9 years ago #

    FYI: the banner wasn't working last night under Safari.

  16. idbehold
    Member
    Posted 9 years ago #

    Lorelle: Thanks for the H1 tip! I've tried to fix the problems with the CSS, but I keep getting this one error, check it out

    hisyam: Yes, that is from FLCL (Cover of the DVD Vol. 3). You have a good eye.

    ifelse: Jesus! Praise from If..Else. I've always loved your design, but I could never come up with something as beautiful as yours.

    Denis-de-Bernardy: It's the same problem I have with the H1 tag in the header, I really want this disign to be as clean as possible. And I really have no ideas on how to make the navigation clearer without cluttering up the header.

    somefool: Again, sorry for the confusion.

    SFEley: Sorry, but I don't know what to tell you. Its valid XHTML and (nearly) valid CSS and I have absolutely no way to test in any Mac browsers. Unless you know what might be causing the problem, I don't think I can do anything.

    To everyone: Again, if anyone knows how to make the search bar have rounded edges (just adding a background, or something) please let me know. Also I noticed that IE doesn't like to reder my Archives DIV very well. If someone has an idea on how to fix that I would really appreciate it.

    Thank you to all who commented.

  17. Denis de Bernardy
    Member
    Posted 9 years ago #

    Well, if the thing on your mind is 'how do I make this design as clean as possible?', as opposed to 'how do I make this design as easy to use for my visitors as possible?', well, er... lemme see... Why don't you try removing the navigation altogether, then? You never know, it might distract your users. ;)

  18. Denis de Bernardy
    Member
    Posted 9 years ago #

    I believe there's a javascript you can download somewhere from the internet to make rounded CSS borders. It should do the trick for your search box.

  19. idbehold
    Member
    Posted 9 years ago #

    Well, if by "easy to use" you mean accessibility, my page is more "easy to use" than yours.

    http://webxact.watchfire.com/

  20. idbehold
    Member
    Posted 9 years ago #

    Just wanted to let Lorelle know that my site is now both XHTML and CSS compliant.

  21. Denis de Bernardy
    Member
    Posted 9 years ago #

    Easy to use is as in how hard it is to find information. Making your site easier to use is just two simple steps away, really:

    - Show the 'Home' and 'About' links in full text all the time
    - Assume the 3 last bottons are clicked all the time

    As much as I dismiss Vincent Flanders as irrelevant, has a very good case against the kind of navigation that you are using.

  22. idbehold
    Member
    Posted 9 years ago #

    I really don't think he has much place to criticise anyone for "sucky design". If his design doesn't deserve to be labeled a "sucky design" I don't know whose does.

    Just because a site is accessable doesn't mean that it has good design, infact most of the time its the opposite.

  23. Denis de Bernardy
    Member
    Posted 9 years ago #

    Dude, unless I am mistaking, you asked for constructive criticism. Constructive criticism you get. As much as I find your site pretty, I find it lacking in usability. There's no need to be aggressive or defensive or anything; just take the critic and ask youself what could be done about it. Or conclude that your site is awesome and move along.

  24. idbehold
    Member
    Posted 9 years ago #

    Ok Denis, I changed the navigation. Please tell me if that works.

  25. Denis de Bernardy
    Member
    Posted 9 years ago #

    It's certainly better, yes. I'd make it a lot darker, though, and I'd remove the search nav button, and replace it with an always visible search box with a _button_. I insist on the button, because users have been conditionned to expect a Search or Go button.

    Simple trick to test the usability of your web site: Ask three random friends to tell you if they would know -- without thinking -- what kind of information they will find and how they will find it.

  26. kristin
    Member
    Posted 9 years ago #

    Nice! I really liked your old design too.

  27. idbehold
    Member
    Posted 9 years ago #

    Which design was that?

  28. oyon
    Member
    Posted 9 years ago #

    Like the interactive nav, pretty spot on really. The simple clean layout is very appealing.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags