This post should really be called ten things that get up my nose. Many of these points will be old ground for some of you, take them as reminders. They are in the most part just annoyances that with a little work we can all avoid. I’m not totally dogmatic on this list, as in a realistic business world a I know that it is not always possible to do all these things when the economics of web development come into play. But in general we should at least be giving some consideration to these points.
It is amazing how many sites rely on the default browse background colour. And assume this will be white. What would it have taken to assign #FFFFFF to the background body element colour. And I’m not talking about some little backwater sites either; major corporates, web 2.0 sites and a few Web Rock Gods, you are all on notice.
Tables are for Data.
Come on guys stop it. Stop churning out sites with table layouts, you know it’s wrong. Okay it’s faster and more profitable, but you know you are just screwing the client. Tables are for data not layout.
Ever printed the web page and it infact printed with only the relevant information for the page on it. No menus, no links. Just the information. Good isn’t it, shows the web site understands what you need and want. But sadly a lot of sites still don’t get it. We still aren’t using print style sheets, considering that Eric Meyer was talking about them in 2002. A base print style sheet can take 30 minutes to setup. Don’t be lazy if you know your CSS, setup the print style sheet.
Call it POSH.
Be it POSH, semantic or whatever you call it, the logical patterning of the information on the page is important. If you layout a report, you put in (well you should) various levels of headings and break the document up into a logical sequence. Why then when we get it to the web do some people decide to throw all that away. So just take the time start with the information first and and build the design around that. Use the elements as they where intended, you know the drill, headers as headers in a logical sequence. No blockquotes for indenting (yes people are still doing this).
Allow for other Media types.
Ever looked at the web via a data projector. Every now and again you will get a site that has no styling at all. It goes naked, in terms of CSS. What has happened is that the CSS has been set to screen only. And the browser is expecting the media type projection. It’s simple to fix, allow for media type all, as a fall back. This as you would expect is browser dependent
Don’t expect the browser defaults to all be the same, they are not. As a Web Designer you should be aware of what the major defaults are. It’s a pity there is not a listing somewhere of what all the defaults are. But you should consider reseting the various key default styles. Yes I know a lot of people are doing this, but some are not.
It’s a Screen not a Page.
This mainly goes towards print designers trying to leap the divide to web design. The media you are working with is a screen, about the only knowledge you can use in the transition is the grid layout, and even that you should at least think outside the box. People read and use it differently than a book or paper. Let go of your need for font control, sure you can have some control, but in general embrace the free-form and versatility of web design.
We Can Search.
Remember that sometimes when we type in a search phrase we want to search on the entire phase, not separate words within the phrase. This is mainly aimed at corporate sites. What is it going to take to allow for an advanced search option in which we can at least search exclusively or inclusively. As users of the web, we are all know how to use a search facility effectively.
Where are the Links.
This isn’t really something that we forget to do. But what is it with people changing the way links work. What’s wrong with the underline that is default of a link. Why must it be replicated by the use of a border-bottom style, isn’t this just a bit of design ego in that the underline “spoils” the look of the letters rendering below the line. Isn’t it just easier to leave it alone and let underline render as the browser defines it. Jakob Nielsen wants us to leave them alone, not that I totally agree. Mind you Jonathan Nicol presents a good overview on ways we are making links look like links.
I bet you personally have another 10 or so personal gripes with general web design; would love to hear what they are.