72,000 visitors in 2008

Well I didn’t make 100,000 visits as I hoped but I got close.  As of yesterday’s stats I had 98,517 visits from 71,701 visitors according to Google Analytics, plus today will be 300 or so.  Other stats: busiest day (4 March) 403 visits from 348 people, quietest day (28 December) 101 visits from a mere 88 people.

The average visit is 4 pages in about 4 minutes.  An ad gets clicked on 2% of the time it’s shown, so roughly 8% or one visitor in 12 clicks on an ad, which indicates they’re pretty well targeted.  Just under half the people (46%) leave in under 10 seconds, but some of these might very well be people who immediately clicked on the site they were looking for.  So I’m going to count some of them as satisfied customers (Google rather disparagingly calls this the ‘Bounce Rate’).  
You can see Internet Explorer’s market share slipping before your eyes: in the first three months of 2008 it was 55% IE, 33% Firefox, in the last three months it was 49% IE, 38% Firefox, while Safari and Opera had about 5% each, and Chrome, 2%.  And I’m pleased to see the Macintosh market share increase over the same period, from 7.1% to 8.9%.  Even a few iPhones in there, including mine.
Goals for 2009:
  1. 100,000 visitors
  2. 5 minutes and 5 pages per visit
  3. Less than 40% bounce rate
These are ambitious goals but I’ll try to make them happen.  I made a start this September when I redid the site design and colors.  I hadn’t changed anything since 2002 and it was showing – for the first time, I had fewer same-month visits, by 13%, than the previous year. 

visits080815.png
After  making the changes, over the past month I have 6% more visitors than the same period last year.
visits081115.png
Hopefully this indicates I’m on the right track.

Wider Pages, Immediately Filled

I’ve widened the page layout to 920 pixels, from the previous 728 pixels which is the width of a Google ad block (seemed as good a width as any to choose).  However some pages, particularly the ‘Programs’ page, were looking squashed.  I looked at a few high volume sites (New York Times, Facebook, EBay) and they seem to have settled on 1000 pixels as the default width – any less than that and you get horizontal scroll bars.  My website stats tell me that 98% of visitors have a horizontal screen resolution of greater than 1000 (though 20% are just over, at 1024 x 768, boy it’s been a while since I saw a screen that size).

So 920 is the new width, though using the awesome ‘Inspect Element’ tag in Google Chrome, I can see that some pages appear to spill over a little.

Capture.PNG
(In the course of this, I read how to simulate the missing ‘delayed capture’ feature in the otherwise great Vista ‘Snipping Tool’.  Open Snipping Tool, press Esc, compose your picture, press Ctrl-PrintScreen to freeze as-is, drag over the now-frozen screen to capture).

Now that I have additional width, I immediately filled half the new space with icons.  I’ve resisted using them to now, partly to get more information in per line, and partly because I think that a textual interface is more efficient.  But I have to admit that well-designed sites that use icons well, do look better (and now I’m half-way there, in that I use icons.  Now I just have to get a good design).  I used the beautiful ‘Silk’ icons from Mark James’s famfamfam.com, a lovely set of exactly 1,000 icons in 16×16 pixel PNG format.  They are, as he says, “strokably soft”.
Not every idea I wanted to convey had an exactly-matching icon, so I chose those I thought best fitting.  So for program interfaces now I have image.png for ‘GUI’, application_osx_terminal.png for ‘Command Line’, and application_edit.png for ‘API/Programming’.  Hopefully they get the idea across, and I added tool tips for clarification.  They are very pretty, but do take up some of my precious horizontal width.  
Capture2.PNG
The other icons I use are arrow_right.png for ‘Link to site’, error_go.png for ‘Site link down’ (though it still will link through), add.png for ‘Add monitor’ (email notification), and error_add.png for ‘Unable to add monitor’.  The last is for websites where there is no revision number or release date listed, so I’m unable to provide update information.  This affects about 20% of the projects, though usually the less-active one. 
I like to get the program interface icons to line up nicely in columns (‘column up’?  Is there a verb meaning ‘align in columns’?).  I used to do this with an internal HTML table within the TD cell for each entry.  This is pretty wasteful and slow – the browser has to set up a table for each line, calculate its width, and so on.  So I made up composite icons of the eight permutations of the three individual icons each in their ‘on’ and ‘off’ states.  For this as with most of my graphical editing needs I use the amazing ImageMagick command line tools.  The ‘montage’ command allows you to combine multiple pictures into one, in a definable grid geometry, and furthermore can create blank spacing elements, and a transparent background.  Simple.
I want to add icons to denote the platform or operating system of each program, which would be very useful though using up still more width.  The problem has been finding the icons for Mac, Windows, and Linux in a suitable size (16×16).  You’d think the Web would be swimming in them, and you’d be wrong.  Probably due to copyright, none of the dozens of icon collections I squinted through had them.  The hunt continues.

Spring Cleaning

I’m having a binge on visiting all the websites I list.  Sounds easy but there are about 250 of them so for every minute per site, that’s four hours.  I’m finding a few sites that are down that I thought were up – just because their site is not returning 404.  I’ll add a new field to my database of each site that contains key text, and look for this each time I ping the site.  If it’s missing I’ll visit the site to see what’s going on.

I need to repeat this entire process more thoroughly on each site, to fill in some new database fields I’m adding.  Right now I don’t record the license each program is released under, and I also want to classify such things as how easy it is to download and install the program.  Sometimes you can download right from the site, sometimes you have to go through a registration process.  Likewise the installation processes run the range from professional MSI or DMG installers,  to your drag-and-drop or unzip-in-place.