Pages: 1 [2]   Go Down

Author Topic: New design template  (Read 13695 times)

dlashier

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 518
    • http://www.lashier.com/
New design template
« Reply #20 on: July 09, 2006, 03:32:45 pm »

While I like the clean look of the new design, it does little or nothing to solve the readability problems. In fact it's a step backwards because it violates one of the cardinal rules (best practices, scalability) of CSS design not just some places like the current site, but everywhere.

As others have noted, it also doesn't fix the light on dark eyestrain issue. I'll admit that my own site also uses light on dark, but my site is primarily images as opposed to being predominantly text like LL.

I agree with the comment about this being the quickest contest I've ever seen. I was planning on spending an hour or so constructing an entry this weekend, but now I'll just sit back and watch the world cup

- DL
Logged

ricwis

  • Full Member
  • ***
  • Offline Offline
  • Posts: 159
    • http://www.ricwis.com
New design template
« Reply #21 on: July 09, 2006, 04:15:27 pm »

As a design consideration, remember that not everyone runs applications in full screen mode.  I choose not to so other windows are visible and useful to me.  This is the reason I posted earlier that in Safari, the left part of the content is cut off.  This forces me to change the size of the window to fit the content where I would like to see scroll bars that allow me to scroll the content and not change the window size.  My window sizes are such that I have my three most used applications open and positiioned on the screen.  Having to resize a window to fit content ruins the desktop setup.
Logged
Rich Wisler
Wildlife and Scenic Photogra

Mike Louw

  • Full Member
  • ***
  • Offline Offline
  • Posts: 137
    • http://www.dreaminglight.com
New design template
« Reply #22 on: July 09, 2006, 05:15:47 pm »

Quote
This is one of the two problems I see with the current site's legibility. Wide paragraphs make the content tougher to read as the eye tends to drop off the line as you move from left to right, and scrolling back onto the next line becomes awkward too. Henrik's 950 pixel width is ideal. Classically, wide lines only work when you have more space between each line. So the last thing to do is spread text screen wide - other content can go there.

By the way, the site's content is great - I just find long articles hard to read here.

John
[a href=\"index.php?act=findpost&pid=70161\"][{POST_SNAPBACK}][/a]

I must have unusual eyes then! I like the text being spread right across the page. Seems a waste of screen estate otherwise   I second your comments about the content. Excellent site; very informative.
« Last Edit: July 09, 2006, 05:16:41 pm by mikelouw »
Logged

Nick Rains

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 705
    • http://www.nickrains.com
New design template
« Reply #23 on: July 09, 2006, 06:52:25 pm »

I quite like the look but agree that it is no easier to read than the last version. Contrary to previous opinions, serif fonts are not easier to read on screens, only on printed pages and then only in certain sizes. Non-serif fonts are much better for on screen reading because serifs do not display well on 80-100dpi LCD screens. The subleties of the serifs are lost and italics look awful.

There has been much reseach done on web readablilty and fonts like Verdana are designed for screen reading and scale well. Verdana and its ilk might not look as cool as other fonts but they are easy on the eye.

Also, the most readable colours are apparently, wait for it, yellow on green. Sounds hideous and it certainly is not 'cool'  but anyway, see here:

http://hubel.sfasu.edu/research/AHNCUR.html

Personally I quite like the black on grey and would be happy if it stayed, but please get rid of the serifs.

Long lines of text are to be avoided as well, maximum of 12-18 words per line, otherwise the eye finds it tiring to follow the line - in fact this may actually be the problem as opposed to the colour scheme. Try narrowing the display window on a normal LL page, I find it much easier to read at about 700-800 pixels wide.

Style over substance should be passe these days - LL is all about content, it does not have to be the last word in style.
« Last Edit: July 09, 2006, 06:54:27 pm by Nick Rains »
Logged
Nick Rains
Australian Photographer Leica

dlashier

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 518
    • http://www.lashier.com/
New design template
« Reply #24 on: July 09, 2006, 07:29:07 pm »

Quote
Also, the most readable colours are apparently, wait for it, yellow on green. Sounds hideous and it certainly is not 'cool'  but anyway, see here:

http://hubel.sfasu.edu/research/AHNCUR.html

[{POST_SNAPBACK}][/a]

Wow, that's one of the most unreadable pages I've seen

Note that black on gray and black on white did quite well. I don't trust their arial versus times results (which show times better) as I doubt they account for the fact that most browsers render times larger for the same font setting, at least with the metrics in use at the time of this study (1997).  Their results don't provide a sample of the test page but it wouldn't surprise me that they didn't account for this. I agree that at equivalent font sizes, sans serif is more readable on screen, particularly in the smaller sizes.

There's many other studies that show sans serif is better on screen, eg [a href=\"http://www.wilsonweb.com/wmt6/html-email-fonts.htm]this one[/url]

- DL
« Last Edit: July 09, 2006, 07:37:57 pm by dlashier »
Logged

andythom68

  • Newbie
  • *
  • Offline Offline
  • Posts: 28
New design template
« Reply #25 on: July 10, 2006, 10:53:57 am »

First, my congratulations to Henrik Paul for winning.

But I think there is something strange in announcing a competition  on the 4th and posting news of a winner on the 8th. This gave none of the "weekend programmers" a real chance to submit a entry. Just out of curiosity, how many entries did you receive Michael?

Ofcourse it is Michael's site and he can do what he wants with it but I think next time a competition like this is announced a closing date for submissions should be given. Or, another option is collect all the entries and ask people to vote on what they like best and Michael picks what he likes best from the "Top X" voted for. Thats just my 2c worth.


I quite like the layout of Henrik's design I think it is a improvement over the existing design. However, I agree with the general comments about the text/background colours,. Lets have dark(er) text on a light(er) backgound. I would also change the font used for the 2 "shop" buttons on the top-right. To me they look out-of-place with the rest of the fonts used.

For the final version it could also use a dedicated "home" button in main menu on the top-right. I know you will probably use the main title as the "return to home" but I personnally prefer to see a home button.

I am sure the final design will look a wee bit different as it goes through development over the next few weeks.

To Michael: If you do decide to pay someone to develop a new version of the site maybe you would be interested in hearing from readers what they would like to see the new site include (or heaven forbid, something removed). You never know, someone might come up with a great idea that you and the rest of us never thought of ...


Andy  
Logged

michael

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 5084
New design template
« Reply #26 on: July 10, 2006, 11:25:56 am »

The contest was a bad idea. I ended up being inundated with questions by people who didn't have a clue about CSS, and also a great many submissions which, frankly, wern't very good.

So, to end the pain, I chose the best submission to that point (which was quite good) and ended the contest early.

I am working with a developer to implement a new design based in part on the winning submission. It's going to take a while because the current site design was badly implemented, with too many components hard coded. The job is therefore very complicated because the site has over 3,000 pages.

A new face on the site will appear some time in the months ahead, as soon as we fugure out the best way to implement it.

Michael
Logged

john beardsworth

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 4755
    • My photography site
New design template
« Reply #27 on: July 10, 2006, 11:37:42 am »

As the one who suggested the style sheet competition, it's sad to hear that you got so much junk. Clearly the prize was too attractive or maybe you should have said: if you don't know CSS, don't enter, don't ask. It's possible to improve the legibility right now with just a few tweaks to the existing stylesheet, and then deal with the redesign over a much longer period. Anyway, it's your baby!

John
Logged

macgyver

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 510
New design template
« Reply #28 on: July 10, 2006, 03:37:08 pm »

I second the lack of readability, but am I the only one who thinks that the front page photo (something I always look forward to the changing of) makes the page far too cluttered?

Or just too cluttered in general?
Logged

fike

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 1413
  • Hiker Photographer
    • trailpixie.net
New design template
« Reply #29 on: July 10, 2006, 05:18:26 pm »

Whew!  I had to read through lots-o-comments to see if my $0.02 had already been entered.

First, I agree that a sans-serif font is better online versus a serifed font like times roman.  The two articles posted seemed to agree on this point.  Readability may improve with a font that is sans-serif.  

Second, As long as the style sheet is written using relative sizes instead of absolute sizes (CSS people should know what that means) the function of any browser to enlarge or reduce the font size should help improve the readability.  It is clear by the comments that readabillity is a critical feature of the website. ( I will not make any inferences about the average age of the LL reaeder ;-) ).

Third, while I tend to like dark text on light backgrounds for readability, I don't think the light text on dark backgrounds is the problem here (see serifed issue number one above).  On the other hand, I think that dark backgrounds are far superior for evaluating images.  That is part of the reason that I mat my images on balck mats.

Fourth, I have a suggestions for the blog style format--which I like.  In addition to the name of the article and the date, the author should be prominently identified in the header.  I have noticed myself reading LL articles (and articles from similar photo-minded websites with contributing authors) and searching to find out if the article was written by the "big man" himself or one of his contributors.  The issue is not about credibility to me.....it is more out of my effort to form a general impression of the photographic style and ethos of each photographer as a virtual mentor.  It helps me to figure out who is most compatible with my attitudes and photographic ideas.  So, please prominently add the author.

Fifth, I agree that a narrower column would be better.  Weblogs may seem to be a passing fad to you, but in something like web design, I imitate what works.  Narrower columns are used on every website where reading text is important.  As a matter of fact, good old print media use the same technique--have you picked up a newspaper lately.  Wide and expansive is arty.  Narrow is readable.  the side columns can be used for other content like menus, search boxes, what's new, previews of latest articles, etc...  this would be easier if the site was built over a weblog software like Movable Type.

Sixth and final, I have frequently found the LL drop-down menus to be inadequate.  I am assuming that they are slated to go away, but I think it is important to take a look at the information architecture (heirarchy) of the articles.  Today, I find myself frequently going to the index to browse the articles.  This is not ideal.  Perhaps a few categories that could be used are: by author, reviews, field reports, technique, criticism, tutorials.....etc...  These categories needn't be mutually exclusive.  An article could occur in more than one category.  While many people have focused on the readability of the site, I would be more worried about making the excellent and voluminous resources easily available to the reader.  A week doesn't go by when I don't find some other hidden gem in LL.  That is exciting, but it is no way to drive readership.

regards,
marc
Logged
Fike, Trailpixie, or Marc Shaffer

katemann

  • Guest
New design template
« Reply #30 on: July 10, 2006, 07:22:55 pm »

I rather like the proposed layout for the site - it is a little more lively. I do, however, agree that the slab-serif font against the dark background is a little difficult to read. If the blackish ground were a little more charcoal grey and the type a titch larger ... maybe a larger x-height like Helvetica Neue ...

Congrats to the winner.
Logged

Uwe.B

  • Newbie
  • *
  • Offline Offline
  • Posts: 2
    • http://
New design template
« Reply #31 on: July 11, 2006, 06:19:48 pm »

Dear Michael, hi folks.
Being a frequent guest on LL I stumbled across the css-design-pitch-call and I instantly thought: may this be a way to contribute to the community, give something back in return for all the knowledgable advice and entertainment I received over time?

While I started to think about colorscemes, typo and corporate design I looked at the source-code of the news-template, realized the impossibility of changing it via css, I meandered through the site's structure ... and I felt ... uncomfortable.

I visited this forum (for the first time), found out about some readability-grunts and felt even more uncomf ... sad.

Why do we visit LL since years? What has made your site so popular, Michael?

I'll answer that for myself: the LL-site has something that is impossible to buy or set up –  authenticity.

We face the mature and independent valuation of a knowledgable professional with the drive for making a statement. *(... the growing number of industry-executives in m's entourage in my eyes starts zu interfere here ...)

This is not part of the all-so-hyped bloggosphere. This is in part the origin of all that. Over years and 3000 pages the site/Michael has managed to stand out of the crowd.

The actual Look n' Feel of the site is the prominent vehicle for the trust-worthyness of its content. It is (huh ;  ) the door into our, the viewers, heart. This site is apparently handmade, the yield of (nightly) hours spent coding/uploading – the outcome of passion!

All this shall now be sacrificed to ... I'm sorry to say that ... bad taste?

You have yourself realized, Michael, that pitching was a suboptimal choice (as it allways is, btw.: http://www.spiekermann.com/iblog/C19328905...244/index.html).

I honestly hope that after carefull deliberation you will revoke the decision to change the look of your website so radically into something indistinguishable from all that white noise (or brownish) out there.

And you folks, photographers, the audience ... don't you think it's worth a resolute commitment to the genuine LL-style? (Which doesn't mean it has to stay hardcoded and completely unrevised visually ;  )

The ongoing serif/antiqua-discussion is, in any case, pixelpeeping – I thought that's frowned upon on LL ...

Cheers, Uwe
Logged

Nick Rains

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 705
    • http://www.nickrains.com
New design template
« Reply #32 on: July 11, 2006, 06:56:54 pm »

Quote
Dear Michael, hi folks.
Being a frequent guest on LL I stumbled across the css-design-pitch-call and I instantly thought: may this be a way to contribute to the community, give something back in return for all the knowledgable advice and entertainment I received over time?

While I started to think about colorscemes, typo and corporate design I looked at the source-code of the news-template, realized the impossibility of changing it via css, I meandered through the site's structure ... and I felt ... uncomfortable.

I visited this forum (for the first time), found out about some readability-grunts and felt even more uncomf ... sad.

Why do we visit LL since years? What has made your site so popular, Michael?

I'll answer that for myself: the LL-site has something that is impossible to buy or set up –  authenticity.

We face the mature and independent valuation of a knowledgable professional with the drive for making a statement. *(... the growing number of industry-executives in m's entourage in my eyes starts zu interfere here ...)

This is not part of the all-so-hyped bloggosphere. This is in part the origin of all that. Over years and 3000 pages the site/Michael has managed to stand out of the crowd.

The actual Look n' Feel of the site is the prominent vehicle for the trust-worthyness of its content. It is (huh ;  ) the door into our, the viewers, heart. This site is apparently handmade, the yield of (nightly) hours spent coding/uploading – the outcome of passion!

All this shall now be sacrificed to ... I'm sorry to say that ... bad taste?

You have yourself realized, Michael, that pitching was a suboptimal choice (as it allways is, btw.: http://www.spiekermann.com/iblog/C19328905...244/index.html).

I honestly hope that after carefull deliberation you will revoke the decision to change the look of your website so radically into something indistinguishable from all that white noise (or brownish) out there.

And you folks, photographers, the audience ... don't you think it's worth a resolute commitment to the genuine LL-style? (Which doesn't mean it has to stay hardcoded and completely unrevised visually ;  )

The ongoing serif/antiqua-discussion is, in any case, pixelpeeping – I thought that's frowned upon on LL ...

Cheers, Uwe
[a href=\"index.php?act=findpost&pid=70391\"][{POST_SNAPBACK}][/a]


Well that's an interesting take on the issue. I actually agree with Uwe here that the 'home grown' history of LL is/was one of its huge attractions. It started as a site run by one person and has evidently outgrown that situation many times over.

OTOH, LL is now firmly established as a leading site in its field, so it may be that it is indeed time to polish up the look, slightly.

Personally I have never been too bothered with the design - I visit and I read. It's the content that is King.

Sure it would be nice to have a more readable design but quite frankly I would much rather Michael did not spend too much of his limited and valuable time on worrying about the look of the site, but rather spent that time generating content for the site. I am sure we would all agree that in this respect LL is one of the best sites on the planet.
Logged
Nick Rains
Australian Photographer Leica

fike

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 1413
  • Hiker Photographer
    • trailpixie.net
New design template
« Reply #33 on: July 11, 2006, 09:23:16 pm »

It is true that some websites have style and no substance.

There is no risk of that problem here; LL has substance.

I disagree that a redesign is undesirable because it will detract from the authenticity of Michael's creation.  By that logic we should all be shooting with a brownie camera and printing in a darkroom.  Technology and art constantly change.  

Redesign the website!  With the substance of a great site, and a little bit of conscientiousness, you can only improve on the website.  What a great challenge.

Just don't use any flashing text or animated GIFs.  haha.

thanks for the great website. I am looking forward to a cool and artistic redesign.
Logged
Fike, Trailpixie, or Marc Shaffer

61Dynamic

  • Sr. Member
  • ****
  • Offline Offline
  • Posts: 1442
    • http://
New design template
« Reply #34 on: July 18, 2006, 02:24:35 pm »

Wow. That was a very quick contest. Clearly it was put up a bit too quickly and needed some guidelines (i.e. Don't know CSS? Don't bother. And a reasonable deadline). 3 days is a darned impossible amount of time to put together a well thought out website design (which would explain why Michael was inundated with bad submissions). As the saying goes, you get what you pay for. Although, if the contest lasted a week or two longer, you might have gotten more than what you pay for...

Can't say I'm a fan of the new design and am glad to hear the final will be a bit different. While not a terrible design, I can't say there is any element of it I find appealing design wise or usability wise. Given the state of web design today, I'd give it a C-. In '95, a B.  Black backgrounds can work, but they don't typically lend themselves well for text-heavy sites. The key is in contrast. Light grey text on dark grey background can tire the eyes as do small serif fonts on the web. I digress.

I tried to enter the contest but looking back, it appears I submitted just couple hours after it abruptly ended. I was able to get together a PS mockup of my idea before leaving for vacation which I will attach for the curious (the header is made from one of my favorite photographs by Michael. Take a guess which one). For those wanting to know what I consider to be good text layout, you can get a good idea of what I would have implemented in the LL design at my own site.

My Mini portfolio:
Oaktree Imaging - My Business site.
Dynamic Artwork - Personal site
SVPIP - Local photo club
61Dynamic - I forget the exact reason why I built this.

In the end, I won't complain about whatever design Michael chooses to go with. It is his site and his aesthetic appeal. The site's content is top-notch and that's what really counts as long as it's readable. I look forward to seeing the new design work out and hopefully the designer he's hired has some history in type-facing or at least a working knowledge of it.

« Last Edit: July 19, 2006, 10:40:10 pm by 61Dynamic »
Logged
Pages: 1 [2]   Go Up