Archive for the ‘User Interface’ Category

Redesigning a corporate web environment

Tuesday, July 14th, 2009

The Challenge

I’ve got this friend who is responsible for a corporate front-end web environment with almost a dozen browser-facing web applications. Pretty much all he can do at the moment is change static content in the antiquated and wildly inappropriate CMS. Changing anything significant requires implementation of an expensive one-off SDLC waterfall-type project with a business case, requirements-gathering, PM, BA, dedicated test-resource – the whole box and dice. These projects often under-deliver, with scope being reduced en route to avoid budget and deadline blowout.

He’s not happy with the way things are.

He’s got it into his head that it would be far better to create an easily-manageable front-end, with a unified, standardised UI under the control of his front-end web team. Key aspects are simplicity, speed, cost-efficiency, and trust – none of which can be used to describe the current state of affairs.

Some ideas

I was talking to my friend, and he said that at a high level, he’d like to abstract the various applications from the UI, where possible, by means of API/Web Services/etc. On the front-end would be a web application framework – He’s thinking Symfony or similar. He believes he has sufficient developer resource on his team to build/maintain/support this.

Some other ideas he’s been tossing around, in no particular order:

  • Source repository. (He doesn’t have one at the moment). svn or git? Stable trunk policy?
  • Continuous integration. (thanks Mike!)
  • Test-driven development.
  • Automated processes.
  • Security.
  • Content management.
  • Performance. Code-efficiency, caching, etc. (Although he’s heard it said that performance shouldn’t become an issue until performance becomes an issue)
  • The database. Does CouchDB lend itself to supporting a content-driven web application?
  • Will it blend scale?

More ideas…

… are welcome. He needs all the help he can get. While it’s all very bluesky (with pie) at the moment, he needs to turn it into a watertight, bulletproof, business case. And soon.

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.

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.

Eric Meyer: The Veteran’s Charge

Thursday, August 9th, 2007

Eric Meyer gets (rigthtfully) hot under the collar.

Hear, hear, I say.

Irksome: Internet Explorer vs. JavaScript

Monday, July 16th, 2007

So I’m coding a form and I want the user to be able to add more rows to it, if they wish.

So when the user activates a control, I use JS to create some ‘input’ elements (including some radio buttons), add a few attributes to them, and then insert them in a table cell.
It’s not exactly rocket science, even for a JS |\|00|3 such as myself.

Let me expand on this.

(more…)

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?

From the train

Tuesday, June 12th, 2007

I’m writing this post on my mobile phone as I’m commuting to work on the train. I must say that the Wordpress interface could look/work better on this small screen.
My phone usually carks it when I log in to a secure site, so I guess this isn’t using SSL; I’ve never really noticed before.
I’ve not gotten any further with Symphony since my last post, but it is on the roadmap.

TheyWorkForYou Sparklines

Thursday, April 5th, 2007

TheyWorkForYou.co.nz is a great resource; it is “a volunteer-run website that aims to make it easy for people to keep tabs on the activity of Aotearoa New Zealand’s Parliament.”

It’s a really well-built site, and I’ve just discovered/noticed today that the Portfolio section uses sparklines to show the amount of oral activity for each portfolio. How cool is that?