Skip navigation
factory /><div class=

Leftovers Too Good to Leave Out

From Web Smart Newsletter: Designing for the Web Today
By Chris Butler, February 2009
print PDF email a friend
<<  1 | 2 | 3 | 4 | 5 | 6

As is normally the case when I write our newsletter, there is a lot of good information that I collected as I researched over this past month that didn't quite make it in the "final cut." Below are some extras that would be worth looking over as well.

- - -

LinkedIn Answers


For each newsletter I write, I use LinkedIn to ask questions that will hopefully give me a sense of what information I may not know yet, as well as what information people in our network would be interested in hearing about. This month, I asked, What should every designer know about creating designs for the web? As usual, many of the replies were great. One comment that stood out came from our own Nolan Caudill, who wrote:

"One other aspect is that implementing advanced aspects of design such as alpha transparency, for example, is a painful exercise when dealing with Internet Explorer 6. I usually take it as a personal challenge to see if I can get these designs working in IE6, and succeed more often than not, but sometimes compromises have to be made in the design, with IE6 looking slightly different than the others. This is usually tough to stomach for a designer, and rightfully so, but with the diminishing importance of this browser, the designer should know that this user may have to see a slightly different version of the site."

 

sIFR and SEO


There are search engine optimization concerns with the cloaking methods I mentioned (FLIR and sIFR). Google's webmaster help site says:

"Hiding text or links in your content can cause your site to be perceived as untrustworthy since it presents information to search engines differently than to visitors. Text (such as excessive keywords) can be hidden in several ways, including:
  • Using white text on a white background
  • Including text behind an image
  • Using CSS to hide text
  • Setting the font size to 0"

However, Google has officially endorsed the sIFR method. My opinion at this point is that the jury is still out, but if you can avoid hiding text, in general, it's probably worthwhile to do so.

Preparing Your Production Files


Finally, most developers would probably agree that one of the biggest headaches they encounter when working with a designer is the format in which the design is provided. We always request that our agency partners provide the designs as a layered Photoshop file (.PSD). It also helps if that file is well organized with labeled layers, rasterized type layers if the fonts can't be included, instructions if needed, and any unneeded layers removed. Initially, I was going to make this a "chapter" of this month's newsletter, but our designer, Justin Kerr, already said it all in his blog post Design Guidelines for Agencies, Part 4: Preparing Website Designs for Production. Justin's whole series on design guidelines is really worth reading, too.

Also, check out The Myth of the Fold, by CXPartners.


print PDF email a friend
<<  1 | 2 | 3 | 4 | 5 | 6
FACEBOOK


Comments


 Katie March 3, 2009 11:12 AM
This is a great resource to have on the NF site. Nearly every project I've worked on in the past year could benefit from one of the points made in this article.

Another point is that designers often create custom interface tools (internal page scrollbars, dropdowns) and don't take into account how each browser treats these differently. Yet another point to add!

Katie
 Chris March 3, 2009 11:24 AM
Katie,

That's definitely true! We could probably have an entire newsletter just on browser-related issues.

Chris
 Justin March 3, 2009 3:23 PM
Chris,
Great post. Could have easily developed into a whole series but you definitely covered the majors. Can't wait to see this in print. ;)
Justin
 Ed March 5, 2009 6:51 PM
Great article Chris. Nice work.

You write with a good voice.

Cheers, Ed
 Chris March 6, 2009 7:06 AM
Ed,

Thanks for reading, and for your kind words!

Chris
 Chris Butler April 15, 2009 1:47 PM
I just saw this blog post from Viget Labs about another approach - the Cufón technique- for font replacement. Check it out.
 Seo Singapore June 4, 2009 10:45 AM
I like your analogy of Jazz. I do feel that it's more of an ensemble. There are several concerns out there. One, you need to make the site attractive while not making it look cluttered. Two, when you get the traffic, if your website is purely graphics and no copy writing, you might be losing god traffic.

Thirdly if you have too much of the widgets and gadgets like Mybloglog, Digg, Twitter...yes it does add traffic but sometimes the website could look pretty messed up with so much plugins.

That's why there's a fair bit of strategizing to be done before launching a site.
 Chris Butler June 4, 2009 11:16 AM
Seo Singapore, I agree- you're describing the "Frankensteinization" effect, which is a risk to any site that has both a client controlled CMS, and one that grows in functionality over time. That's also why design is not a one-time event. Over time, as new functionality is introduced, it's great to have a designer on hand to adjust the overall design to accommodate new elements.
 Dennis June 9, 2009 10:22 PM
Chris,

This is one of my favorite Newfangled newsletters so far this year. (1) I love the use of more images. They really help to get your points across and also to keep the momentum going in the article. (2) I love the content in general. You should definitely write more about design. Many of your recent newsletters have been primarily about marketing concepts- they've all been good stuff- but I'd like to hear more about design and I bet so would many of your agency clients. Maybe a series that deals with tools, a critical approach to quality in design, etc. that kind of thing? With your RISD background I'm sure you have much more to say about that kind of thing... Keep up the great work!

Dennis
 Chris Butler October 2, 2009 11:34 AM
Dennis,

Thanks for the compliments! I agree that the images are important- you've probably noticed that the last few newsletters have had many more images. Many people look to the images to get a quick understanding of what the story is.

I'll take your suggestion on writing more about design. I have a few ideas for future newsletters that will be more design related.

Chris
 Whereisaron November 9, 2009 4:56 AM
I like your jazz analogy also, it's brilliant. Designing an effective web site requires more than just gathering relevant information and posting it on the web. Like a good paper or research presentation, a quality web project demands as much attention to the selection, organization, and presentation of material as to the underlying research itself. You should strive, above all, to be both clear and engaging in every aspect of site design. Without the first, you will quickly lose your audience. Without the second, you'll never catch their attention in the first place.

Aron
Kayu Jati | Wheatgrass Grow | Kefir Grains
 Kayu Jati November 9, 2009 5:02 AM
I also like your jazz analogy. I have two tips to begin a web:
* Consider your audience and your goals. You should have a clear sense of who will be using your site (mostly college undergraduates) and what kind of experience you are hoping to provide. What exactly are you trying to accomplish here? Why is this important?
* Plan your site on paper first. You can draw a "family tree" of pages with arrows indicating links. Or you can make a hierarchical outline. Either way, it is essential to organize your information and lay out the architecture of your site before attempting to implement your vision.