I wanted to write a little about the web design of this site, as it has also been the result of some serious thought.
HTML provides considerable freedom in site design, but this freedom comes at a price: chaos! Over the years user interfaces have been steadily improving, with consistency and predictability and efficiency as major goals.
Web pages are being designed by a very much larger number of people generally focussed on the content rather than considering the user interface aspects. The result is that we see a lot of websites that are close to unusable, even when produced for a serious purpose. To those of us who have spent a long time in user interface design and construction before the web, this is... well... exasperating. I don't claim to be a big expert in these fields, but I certainly want to avoid the worse excesses that can be seen on sites such as Web Pages That Suck!.
So here are my guiding principles:
Motion on the page draws the eye, so it should be drawing it to whatever is most important on the page at the time. On some sites, this is the advertising, but in most cases motion on a page has negative value!
There should be a clear distinction in kind between content, decoration and controls. Content is the stuff that actually varies from page to page and actually tells the user something, decoration is there to make the page attractive to look at. Controls are there for the user to interact with. On the chaotic web it can be difficult at times to even identify the controls on a web page, and while you can make a game of doing so, most people will not want to.
Generally with a website, you want to be able to:
I've seen sites built entirely in Flash, or with frames which make it impossible to bookmark pages or send them as a link to a friend, or link into them from another site. This seems to me to disable a lot of the value of a website by making it difficult to refer to.
The first version of my website used pretty much bare HTML and, as a result, when mobile web browsing came along it was possible to read it quite well on a phone. If it had been designed with Flash, this would not be the case.
For this new version, I've introduced a little CSS, both to dress up the appearance a little, but also to clean the HTML, which is now much, much smaller. I've been able to use decoration to make the navigational structure much clearer, rather than obscuring it still further.
A benefit of using CSS is that most of the layout information is now in one place, rather than being sprinkled all over the content. This makes it easier to make site-wide formatting changes, and also means that I no longer need special web-editing tools. This version of the website was built with an ordinary text editor.
Alas there are still some things that I haven't been able to work around: