Archive for the ‘Design’ Category

Analysing your site’s traffic with Crazy Egg

Wednesday, November 7th, 2007

At work, we’re trying to get the most value from our site’s visitor statistics. We’ve been using both Nielsen//NetRatings and Google Analytics for a while now and these tools are great. Just a month or so ago, we added Crazy Egg to our toolbox.

What makes Crazy Egg stand out from our other tools is not that it collects data that the other tools don’t, but rather how the collected data is presented and visualised.

With the volume of traffic we get to our site, we just run Crazy Egg for a couple of hours on a particular page, and can immediately see areas of the page that can be improved; e.g. we can see that many users are clicking a particular image that has no link. So we put an appropriate link on that image, and save our visitors some frustration/confusion and we save them a click.

It’s also quite interesting to note that across the board, people don’t mind scrolling. You can see where people of particular window-sizes clicked. Plenty of small-window users were using the links in our footer; they had to scroll down to see it.

Crazy Egg is free to use on up to 4 pages and for 5000 visits per month. We used the free plan while we trialed it, but have been convinced of its value, and so have since upgraded.

Make the logo bigger!

Thursday, September 13th, 2007

Hear those clients/designers wailing on their guitars!

Make the Logo Bigger (3.2MB .mp3)

The New Type

Wednesday, August 29th, 2007

I followed a link to Jeff Atwood’s Coding Horror and immediately realised that there was something different about this site.

Calibri.

I hadn’t noticed any web sites using the new suite of fonts that ship with Office 2007 until now. I’d already hacked my system registry to enable ClearType (a bunch of my system settings are locked down here at work) so it looks good.

I understand there are some complaints about the new fonts, especially if ClearType is not enabled, and even with ClearType, the odd letter — e.g. the uppercase ‘I’ — looks a little fuzzy, but it’s certainly a refreshing change from the standard fonts we’ve had to use for so many years now.

Zero

Tuesday, August 7th, 2007

“You can’t hold back when it tastes that good, you’ve just gotta grab it and go. When it’s real taste with zero sugar, you get everything you want, forget about the other stuff. Feel the Fear and do it anyway. That’s zero.”
- side of a Coke Zero can

What in the world does this mean? It sounds like it has been translated from Japanese.

“Feel the Fear”? Why would we be fearful of a can of soft drink? Or maybe that’s not such a stupid question; after all, it is a can of unhealthy chemicals.

My guess is that they needed some copy to fill a space. “Lorem ipsum dolor sit amet, consectetur adipisicing elit…” is about as useful.

Crazy marketers; been drinking too much of their own product, perhaps?

The Apple iPhone. In NZ. In my hand!

Monday, July 2nd, 2007

So we hire a new guy at work and on his first day (that’s today) he brings his Apple iPhone.

Barely containing the drool, I had a quick play with it and took a few photos for your viewing pleasure.

Apple iPhone on my desk Apple iPhone in my hand

(more…)

Social Networking

Wednesday, June 13th, 2007

So I thought I’d figure out how many social networking applications I had accounts with. I was surprised when I saw just how many I was signed up to.

Virb°
The best layout/presentation/customisation by far. Profile customisation is amazing &emdash; you’ve seen my profile; it’s pretty much the default layout with a few different colours. Now check out local Auckland band SansArcade’s Virb.com profile. It’s the goodness.
Facebook
Compared to Virb°, Facebook is more about networking and less about profile customisation, i.e. while you can drag and drop your profile modules to change the layout, you can’t change colours/fonts/CSS. Profiles are not public – you’ll need a Facebook account to see them. The user interface is usable, and as with Virb°, very tidy.
Bebo
Bebo is much more casual than the previous two. Customisation is limited to colours and module background images – you can make your own if you want. Targeted at a younger market, Bebo is “the largest social networking site in the UK, Ireland, and New Zealand, and the third largest behind MySpace and Facebook in the United States” (from their ‘About’ page.)
MySpace
MySpace is one of the bigger social networks. It’s also one of the uglier ones.
MSN Spaces
Microsoft’s offering. MSN Spaces ties in with your Windows Live/Hotmail account.

LinkedIn
A business networking application. Focus on skills and work experience.
Xing
Also a business networking application. Focus on contact generation and management.
Meetup
An online network to facilitate offline networking. Used for arranging meatspace meetings of people and groups with specific interests.

So those are the networks I have accounts with. I really only use a couple of them; the others I’ve just signed up to for a look-see.

(more…)

HTML Emails

Tuesday, June 12th, 2007

Jeffery Zeldman writes that email is not a platform for design. I totally agree, and am pleased that someone with clout is saying so. I know I’m more developer than designer, the medium that is email was never intended to present flashy designy content.

E-mail was invented so people could quickly exchange text messages over fast or slow or really slow connections, using simple, non-processor-intensive applications on any computing platform, or using phones, or hand-held devices, or almost anything else that can display text and permits typing.

Amen. There is some interesting debate in the comments. So, it’s plain text for me. What do you think?

New Sneak

Thursday, May 31st, 2007

This is a bit late, but Mike has redesigned. Simpler, and very nice. The woodgrain background is hot. The Georgia looks good too.

Symphony

Friday, May 25th, 2007

So I think I’m going to rebuild/redesign/relaunch this site on Symphony.
Sorry WordPress.

No reboot

Saturday, April 28th, 2007

Alas, I’ve not got anything ready for the May 1st Reboot.

My sincerest apologies; work has been busy. Off-the-hook busy. So I’ll do something quicker and easier and not-at-all like redesigning my site.

My toolbox. At the risk of starting a meme, the applications I have use regularly enough such that they are always open are as follows:

  • Microsoft Outlook: the ever-increasing mountain of email.
  • Google Talk: for keeping in touch.
  • Aptana: The hottest free open-source web IDE ever, mkay?
  • Internet Explorer: only because our CMS interface won’t work in any other browser.
  • Mozilla Firefox: for all other browser-related work. Using heapsa cool extensions. I mean heapsa.
  • Two SSH sessions: tailing the error logs on both of our development environment web servers
  • Windows Explorer: with Documentum plug-in for administering our web environment
  • Windows Explorer: for general-purpose file stuff
  • EMC Document Repository Interrogation Utility (RepoInt): an invaluable tool for Documentum debugging and analysis
  • XML Spy: for editing XSLs and DTDs. It’s a really old version.
  • Arbortext Editor: for editing our CMS XML content
  • Adobe Photoshop: who doesn’t have this open all the time?

So, what’s in your toolbox?