Post Archive

› February 18, 2005

Web-Graphics V 4.0

  • Reported by Pepe

Hello friends. A new Web-Graphics redesign is in the works. As part of my planning phase, I am looking to gather some input from regular readers. Apart from being strange, the current design is getting a bit long in the tooth and I feel it's time to freshen things up a bit.

Design Notes:

The layout is a bit of an odd one...the design was inspired by a short piece I read on visual flow and another document on the use of negative space. Initially, there were plans for 3 versions of Web-Graphics... a left, right, and center. It launched with a right justified version soon to be followed by the centered. Time was never on our side to complete the left. Typographically, WG is sort of a mess, the letter spacing in some of the headers is waaay wrong.

Questions for you...:

One thing I would like to do is get into your head. What brings you to the site?

There has been a discussion about moving to a larger format, possibly beyond the 730 px wide format we have now. What are your thoughts? If you think this is a good idea, what is your current monitor resolution set to? Include this info in your comment.

I would assume the main posts are the #1 reason why you come. What's #2 and #3?

Lastly, include miscellaneous improvements if you will. Everything will be taken under consideration. If you'd rather provide input privately, use the contact page, and Nate will forward me your notes.

Personal Objectives:

The new Web-Graphics will be clean, organized and well laid out. Less of a statement and more about function. The new design should be flexible, accessible and easy on the eyes.

Comments

1. February 18, 2005 06:27 PM

Quote this comment

themoonshake Posted…

I come to read the latest post, so i never go past the first couple posts on the fornt page. So older posts are kinda useless to me. Do anything, but don't use a dark background. Stick with white. Eye-friendly. And let's not make the columns too wide, my screen is 1400px wide but I try to minimize the side-ways movement of my head and eyeballs while reading. That and it's so easy to get lost if the paragraphs are too wide. The heading should say web-graphics rather than wg. And the "Find" button should stand out, like grey on white, not white on white.

P.S.: One thing i just noticed: I'm typing my name on this form and I hit Tab and the cursor lands on the Find button. I want it to move to the URL field. So the tab order need some fixing too.

2. February 18, 2005 06:54 PM

Quote this comment

Nate Posted…

I'm going to put a reminder to myself here - I need to make the comment box work better, this whole HTML-required thing is unfriendly. Personally I like using Markdown, how would other folks feel if the comment system used it? You can try it out here.

3. February 18, 2005 06:54 PM

Quote this comment

Elaine Posted…

Don't go any wider, please, just for readability reasons. Honestly, I'd love to see the font size go up a bit; my eyeballs are getting old.

I like to see what's going on out there, and you guys often have excellent links with a little bit of useful commentary.

And I agree about the tab order, too.

4. February 18, 2005 07:36 PM

Quote this comment

liorean Posted…

Well, I like the current airy design. Don't clutter it - if you are going to have different types of content, keep them separate. I much prefer the model where seldom changing links and such are separate pages to when everything is in it's own little box in the side bar on the main page.

One change I would consider is to have one blog for short and small entries and one articles section for the mustier ones.

I personally like the HTML part of the comment system. It gives much more freedom of expression. I never quite know how my posts are going to look in other systems. But a choice of plaintext/XHTML/Markdown wouldn't hurt.

Oh, about the width: As long as it works in half-screen 1280 I'll be happy. I size my browser so that I can have two full windows beside each others. Maybe a liquid/fixed switcher?

I second the font size, not because it's hard to read but because I don't particularly like small font sizes.

5. February 19, 2005 02:42 AM

Quote this comment

Andreas Posted…

Some random points:

  • I support liorean's idea for a liquid/fixed switcher.
  • The subscription manager is a good thing - I hope the new design also has one.
  • What to do with the forgotten resources page?
  • Markdown & co are OK, but also allow HTML input in the comment field.
  • It would be cool if "Reported by PosterName" is clickable and refers to the about page with # reference.
  • RSS feed: instead of the current <title>PosterName: lorem ipsum</title> it would be nice if the PosterName was included between <author> tags or so.
  • overflow: hidden for long links in comments.
  • Comment URL field should be longer.
  • Comment layout that doesn't break older comments (without <p> tags).
  • Better margin/padding balance - now, there's too much space between lists and paragraphs and between paragraphs and paragraphs.

6. February 19, 2005 06:58 AM

Quote this comment

paul haine Posted…

I really like the existing design as it is, but anyway...if you're going to move to a wider layout, then you should only do so if you plan to add more content to the pages — simply increasing the width now would just lead to longer lines and decrease readability, unless you plan to increase the font size at the same time (which wouldn't hurt — like Elaine, my eyes aren't what they used to be.

I've got no problem with the forced HTML — it is a web designer's resource, isn't it? Anybody commenting ought to be fine using HTML. I don't see any gain in removing it but using Markdown or Textile instead — it's still making the commenter use a markup language.

7. February 19, 2005 09:05 AM

Quote this comment

Nate Posted…

Just a quick note about Markdown - it has no limitations in terms of HTML you can use with it, at least that I'm aware of. So while I do think making this comment box friendlier is important, we won't be removing the ability to customize posts for the advanced set.

8. February 19, 2005 01:05 PM

Quote this comment

Jeremy Keith Posted…

Please don't increase the width of your pages. My monitor is 1440 pixels wide but I don't like browsing with a large horizontal browser window. If you're looking to make some changes, I would strongly suggest moving to a liquid layout. As long as it's done properly, i.e. the negative space expands and contracts along with the content, then it's going to keep everyone happy.

As for design, what I really like about Web Graphics is what it doesn't have: gradients and drop shadows. Whatever design changes you make, please don't follow the now very tired trend of putting gradients and drop shadows on everything.

9. February 19, 2005 01:44 PM

Quote this comment

Posted…

I think I need to clarify. Paragraph widths would remain close to where they are now. What I meant to convey is that the layout would exist in a slightly wider format. For instance, 900 pixels instead of 730.

10. February 19, 2005 01:45 PM

Quote this comment

Pepe Posted…

Deal. No drop shadows. How about a simulated page curl? Just kidding.

11. February 19, 2005 03:15 PM

Quote this comment

Nate Posted…

This is more technical than design, but regarding Andreas's "The subscription manager is a good thing - I hope the new design also has one." - how would folks feel if each post had a comment RSS that you could subscribe to instead?

12. February 19, 2005 03:16 PM

Quote this comment

liorean Posted…

Hmm, just a thought: How much clutter would introducing a post category system add? It's be nice to have separate Accessibility, Web Design, Browser News, Usability, Scripting, Utility etc. non-exclusive categories.

13. February 19, 2005 03:24 PM

Quote this comment

Pepe Posted…

Categories have been kicked around a bit. If all the authors can agree on a particular # of categories, I think it could work.

14. February 20, 2005 12:37 AM

Quote this comment

Andreas Posted…

How would folks feel if each post had a comment RSS that you could subscribe to instead?

Sounds good, too.

If all the authors can agree on a particular # of categories, I think it could work.

In case WG introduces a category system, this is maybe a good place to decide which categories we are going to use. The UMD Web Design References taxonomy looks like a good start. Anyone?

15. February 20, 2005 08:29 AM

Quote this comment

liorean Posted…

Well, what I think is important about a category system is that it's not exclusive - e.g. just because an entry belongs in the Accessibility category , it's not directly by necessity not a perfect candidate for the Usability category. An entry can fall out of any defined category, or fall in multiple categories.

16. February 20, 2005 12:44 PM

Quote this comment

Nate Posted…

I've always had issues with categories applied to blog posts here, I very much like the concept and aims behind some sort of category system, but I think there are too many failure points. Much of the problem stems from the multi-author environment we have here. I want to make sure that creating a post is easy for authors to accomplish, and isn't discouraged by a complex classification system. Here are some problems I see with applying categories to Web-Graphics weblog posts:

  • Too few (problem: "design, markup, other" - even the first two have lots of crossover)
  • Too many (problem: author must evaluate 15 or more category concepts, labor intesive, who decides if a new topic is "category worthy")
  • Hierarchy/Taxonomies (problem: complicated system of categories and sub-categories, also labor intensive for author)
  • Muliple Categories (problem: simillar to "too many" problem)

I'm more inclined to apply a tag system, which seem to be all the rage these days. I really like how tags work with Flickr for photo searching, I'm not sure if that would be a good idea to apply to blog posts though - for the readers or the authors.

The other issue - I can't recall ever once using a weblog's category system, but that could just be me.

17. February 21, 2005 05:53 AM

Quote this comment

Andreas Posted…

Hmm. You got a couple of good points there, Nate.

About tags: tagging is the latest hype indeed, but it might slow down posting even more than a category system. As this is a site smaller than Flickr or del.icio.us, WG authors will try to use tags in a coherent way, so as to avoid doubles or synonyms—verifying those doubles will cost time, thereby slowing down the posting process.

18. February 21, 2005 09:38 AM

Quote this comment

Blair Millen Posted…

As I'm in the middle of redesigning my freelance site with a default width fixed of 900px wide, I'm inclined to give you the thumbs up regarding width. I'm also including a styleswitcher to adjust it to 700px for those who prefer the smaller scale.