Archive for the 'Design' Category

Playing with colours

I’ve been doing a bit of design work over the last week or so, which has been fun. I’m not a great graphic designer, but I can do enough to be dangerous. I enjoy having the freedom to experiment with different ideas without having to bother somebody else to do the heavy lifting.

This is the first time I’ve really got stuck into this sort of work since I switched to my Mac, so I’ve had to get used to a bunch of new tools.

Coda LogoFor HTML and CSS I’ve been using Coda, which I chose basically on the strength of its logo (see right), but which has turned out to be a nice tool. I especially like the built-in reference books, which are great for somebody like me who doesn’t spend all of their time coding and needs regular help.

http://www.panic.com/coda/

For image editing I’m using Pixelmator to replace my old favourite on Windows, Paint.net. It’s taking me a while to get used to this, and I’m not sure I’ll continue with it beyond the free demo period. I am feeling quite slow using it, and it’s missing a few of the things I use a lot - for example, it doesn’t support vectors at all so there is no rectangle tool, instead you need to select the required area and then fill in the selection which seems cumbersome when you’re doing it a lot. I’m also pretty slow with it generally, but I have a feeling that will improve once I get on top of the keyboard shortcuts etc. It’s very pretty, but I’m not sure this is the right tool for the job I have in mind.
http://www.pixelmator.com/

I’ve had a quick play with Inkscape, but it uses X11 and doesn’t really feel like an OS X application.

What other alternatives can you Mac users recommend?

(In looking around I did find a really cute tool called Scribbles. If you’re into graphic design I definitely recommend having a play with this, just to check out the smart interface, including a whole new approach to layers which seems really intuitive. It’s designed for kids, but I suspect that kids of all ages could have a lot of fun with it.)

I’ve also found a couple of other useful tool-lets which I thought I’d share (for my own future reference if for no other better reason):

At Webstock Dan Cederholm talked about basing a colour palette on a photograph from nature. This tool from De Graeve makes it easy - simply upload your image and it will pick out a range of complementary colours from the image. It even gives you the hex codes:

http://www.degraeve.com/color-palette/

They also have a simple fav icon editor:

http://www.degraeve.com/favicon/

HexPicker Preview

Robin Wood has a really useful introduction to the OS X Colour Picker, which is actually much more powerful than it first appears.

The magnifying glass and swatch drawer were both new to me.

And, what’s more the picker can be extended with third-party add-ons.

I found this from Waffle Software, which adds a simple hex picker tab (see screenshot right):

phttp://wafflesoftware.net/hexpicker/

Fun, fun!

What other tools are people out there using for this sort of thing? I’d be interested to get your suggestions.

:-)

Please wait

Via ProjectX here is a neat little tool you can use to create animated “loading” graphics in just a few clicks.

Like these…

Ajax Loader #1

Ajax Loader #3

Ajax Loader #2

Right column navigation

It’s a brave person who challenges design conventions…

“Traditionally navigation on the web either appears on the left or at the top. Right hand navigation has somewhat been frowned upon. However, more recently this trend seems to have been changing with more websites adopting it. I think this is partly due to blogs, which seem to have right hand navigation by default. However, it has always struck me as strange that the convention is towards left. If you think about it there are a lot of good reasons for right hand navigation…

  • It puts the content first visually
  • Your cursor naturally hovers near the scrollbars on the right
  • We are familiar with right hand navigation from tabs in books
  • We know from usability research that whether navigation is on the left or right, it makes no difference in the time it takes to complete a task

Overall I am hugely in favor of right hand navigation and I am glad to see it becoming more popular.”

From: Emerging Design Trends

What do you think? Agree or disagree?

Consumer Unfriendly

Sometimes people don’t know what is good for them.

Here’s an example:

You cannot replace the battery in the iPhone. Because of this Apple have been able to make the iPhone much lighter and thinner than it would be if the design needed to incorporate a removable battery cover and place the battery in a position where it could be easily removed. As Steven Johnson points out, Apple are betting that a smaller phone with fewer moving parts is worth the trade off.

Another one:

You cannot use HTML formatting when describing stuff you are selling on Trade Me. Everybody wants their listing to stand out, so this is commonly requested. However, when everybody can make their listing stand out no one actually stands out - it’s just an arms race. Trade Me prefers a consistent layout where information always appears in the same location. The alternative is eBay, where every listing looks different and typically looks like a bomb just went off with different fonts, multi-coloured text and animated graphics everywhere.

Can you think of others?

Colour Blender

Here is a nice tool to use to create a simple colour palette for a website (courtesy of Rob Howard):

http://colorblender.com/

Simply enter the details of one colour that you like and the tool will suggest a palette of other complimentary colours to use.

Here is another tip: if you have a photograph or logo as part of your site design you can pick out one of the colours from the image to use as the starting colour.

For example, the palette I use on this site is based on RGB 239/227/181, which is one of the colours in the photo in the header.

Enjoy :-)

Packaging for re-use

This is brilliant!

More information is available on the designers site

Click on the ‘next’ link in the top right to scroll through all 7 pages.

Xero on Public Address Radio

A couple of weeks ago Russell Brown from Public Address visited the office to talk to us about what we’re up to at Xero.

The segment includes an interview with me and also with Darryl Gray who is the brand manager at Xero. It aired on Radio Live last week and has now been posted on their blog for you to consume at your leisure …

http://www.publicaddress.net/system/topic,605,pa_radio_ground_xero.sm

Enjoy!

PS This post is taken from the Xero Blog. If you want to keep up with what we’re doing at Xero check it out. :-)

Mac-curious

I’ve been Mac-curious for a while, I guess.

All of the cool kids have one.

At Kiwi Foo Camp earlier this year there were so many Apples it was like an orchard!

What was I missing out on?

I’ve been using Windows ever since I bought my first PC in 19961994. I didn’t (and don’t) consider Windows to be broken. On top of that I was obviously at the back of the queue when they handed out the Apple kool-aid … I still don’t even own an iPod.

But, they say a change is as good as a holiday, so I took the opportunity when I moved to Xero to try switching.

A month in and I’m hooked.

I have found that most of my assumptions were wrong.

For starters, I was surprised to find that it didn’t cost much more. I priced up a Dell and sent the details to a couple of Apple fanboys. The challenge for them was to convince me to buy an Apple instead. Actually it was pretty easy for them. I’d always assumed that Macs were more expensive. While it’s true that you can buy a much cheaper PC, when you compare like with like (Apples with not-Apples?) there is not a great difference.

OS X has been a surprise too.

I didn’t expect to rave about an operating system.

And I know that there are lots of people who don’t like it. Phil for one has taken the time to document the specific things that frustrated him.

But, I love it. It took me a few weeks to get through the valley of despair - or more accurately the valley of unfamiliar keyboard shortcuts. But, now I’m there I find I’m spending much less time fighting with software and more time getting on with things. It feels like the operating system has melted into the background compared to what I’m used to.

And I haven’t had any trouble finding software to use. Like Nic I’ve been pleasantly surprised to discover a healthy industry of small application developers creating great software for OS X. My favourites so far are Yojimbo (which has replaced my hitherto dependence on OneNote), VLC, and Quicksilver. And of course Firefox (I’ve also tried Camino, but in the end went back to Firefox for the add-ons). If you’re into Getting Things Done then Actiontastic is also worth keeping an eye on (although it’s not quite there yet for me). I’m also keeping an eye out for VMWare and Pixelmator.

The switch has also highlighted to me how much of my software now resides on the net and so is independent of the operating system - Gmail, Google Reader, WordPress, Xero, etc etc.

I’ve heard a number of people say that OS X isn’t suitable for business use. Now I can understand why.

Microsoft Office for the Mac is a pale imitation of the Windows equivalent. Entourage is especially painful. I’ve failed to get our Exchange server working with OS X Mail, so for now I’m stuck with it.

I’ve started to learn Omni Graffle and Keynote, but I’m still a bit of a novice with both, so I’m not as productive.

So, until the new Mac version of Microsoft Office comes out I’m resorting to running Vista on Parallels for some of this stuff. It’s a bit of a security blanket, but I’m cool with that. It’s a feature. As Marc Andreessen points out, with a Mac you effectively get three operating systems in one (OS X, Unix under the covers, and Windows in Parallels/BootCamp). Or, for a slightly more fanboy spin on the same point: “… all computers can run Windows, but some, the special ones from Apple, also run Mac OS X.” (from John Gruber).

I haven’t tried to do any development yet - although I know plenty of great developers who are Mac users, so I don’t expect any problems and again, with Parallels and/or BootCamp the development languages and environments I am more familiar with are only a mouse click away.

Of course, the hardware itself is super sexy. As Amnon said about the Dell when I sent him the comparison: “How will you live with yourself with that monstrosity in the house?” The only downside is I have had to upgrade my laptop bag to match!

As a long time ThinkPad user I wondered how I’d go with the track pad (I always thought I was more of a nipple man!) but I haven’t had any problems adjusting. I’m now addicted to the two-finger scroll.

Downsides?

Choosing the right time to buy seems to be a secret art. I was all ready to go until a friend pointed out that there would be a new version out shortly. I realise that Apple manage to generate a lot of buzz via their rumour mill. But, I have to wonder if they don’t create a fair bit of bad-will (is that a word?) when they make sudden leaps forward in their product lines. Take, as an example, this comment from the MacRumours.com forums following the announcement of the new MacBookPro range:

“NOOOOOOOOO! I’ve just bought my new Macbook Pro! Loving it alot. But now……. a little less.”

To get around this I got a temporary machine from Rentamac for a couple of months until the new model was released. This would also be a good option if you’re not totally sure that you’ll want to stick with a Mac.

Would I recommend it?

Definitely give it a try.

I can also recommend a Mac to anybody who is looking to opt out of providing tech support to their extended family. I got an iMac to replace Mum & Dad’s old PC, and I can now honestly say I don’t know how to fix any problems they have when they call. Although, so far to be fair there haven’t been any to fix!

Now, about that iPod … :-)

Cartoon from: Hugh McLeod

[Blogged from SuperHappyDevHouse Aotearoa!]

Better By Design CEO Summit

Some of the presenations from the Better By Design conference held earlier in the year are now online:

http://www.betterbydesign.org.nz/ceosummit/presentations.php

Some interesting stuff from Sam Morgan (Trade Me), Stefan Preston (Bendon) and Jeremy Moon (IceBreaker) amongst others.

Enjoy.

Design matters

Do you remember what MP3 players were like before the iPod was invented?

I wonder if the same will be true of the smart phone:

“The iPhone won’t do anything that can’t be done with devices that are currently on the market. For that reason it won’t appeal to gadget freaks, but the Apple’s innovations on the user interface will ensure that the iPhone appeals to those who would otherwise not have considered buying a smart device.

Remember that digital music players already existed long before the iPod, but the iPod has been hugely successful because everything before it was perceived as being awkward to use and best left to those with a good understanding of the underlying technology.”

From: http://www.geekzone.co.nz/forums.asp?forumid=40&topicid=14275

As it happens, design matters.

If people don’t think it’s easy to use it’s unlikely to be used.

Songjiang Hotel

This is the Songjiang Hotel, being built outside of Shanghai in China.
It looks awesome:

From JoshSpear.com

They’ve taken an old quarry and turned a hole in the ground into a feature.

Wicked!

Giving people what they want

Andy Lark has a nice post on The Power of Community.

This quote of his has stuck in my head:

“Marketing programs, clever PR and community activation aside, nothing really beats giving people what they want.”

Too true!

As I’ve noted before, one way to market a product or service is to build something that people love to use and happily tell their friends about.

He also maks an interesting point about how much of the iPhone story has been told in community-driven sites like Digg et al:

“Apple is launching the iPhone at a time when content aggregation sites like Digg, Techmeme, and even Google News can put a potential customer before hundreds, if not thousands, of possibly interesting stories about the product. All Apple has to do is trickle out information every now and then, as it has done in the weeks leading up to Friday’s launch, and watch the frenzy take hold.”

Here’s an interesting comparison along those lines:

The Official Nokia N95 site

A pretty standard marketing site: slick, flash-based, but doesn’t really tell me much about the product that I really believe.

The Nokia N95 page on Wikipedia

A pretty good summary of the phone and it’s features, including some of its flaws:

“Nokia N95 handsets supplied by Orange and Vodafone in the UK have had the VoIP facility removed from the phone to the annoyance of many users. Vodafone’s explanation for removing the facility was that ‘it doesn’t believe it’s a mature technology’.”

“It should be noted that the N95 does not support US based versions of UMTS/HSDPA; UMTS features in the US versions of this phone are disabled by default (but can be reactivated if needed).”

Which is more useful to somebody considering a purchase?

Touchy feely

This coming week is the Apple Worldwide Developers Conference in the US.

Expect the buzz around the upcoming launch of the iPhone to reach fever pitch by the time Steve Jobs takes the stage.

Check out this competition, where people had to make their own iPhone advert (via Michael Gregg). Amazing free publicity for a product which isn’t even released yet.

This entry is a bit wacky:

I could swear those are kiwi accents too. :-)

And so the anticipation builds.

Meanwhile, for those sitting on the Windows side of the fence (or for that matter Apple fan boys in NZ who will no doubt be waiting a while for the local release of iPhone) … no need to feel totally left out of all this touchy feely stuff.

Check out the just launched HTC Touch, which runs Windows Mobile and has a touch screen interface.

Sounds great in theory. But when you look closely at the photos of the physical design of the phone or see the user interface in action, it seems to lack the final 1% which makes the iPhone appear magical.

As Joel Spolsky wrote this week: it’s a games of inches.

Yellow is the new black

Yellow Pages have put up a beta of their new website:

www.yellow.co.nz

As previously noted they seem to have dropped the “pages” part of their name.

As far as I can tell, apart from a bit of lipstick, the site is the same old site we all don’t love:

It’s still just an online version of the printed directory. Most listings contain only a phone number and an address, not even a description of the business. You actually get more information from the hard-copy where at least they allow graphics etc (although you can view the ad from the printed directory by clicking on the ‘view ad’ link).

There is so much more useful information that businesses could include in their online listing. Imagine, for example, if they allowed restaurants to list their menu.

They don’t cater for browse dominant users. To view the category hierarchy I need to click a link and then I end up in a horrible control which lists every leaf category alphabetically.

Their category hierarchy continues to be a complete dogs breakfast. There are too many leaf categories and consequently the structure is too deep and too fragmented. The structure is also unbalanced. ‘Business Services’ is a top-level category – covering everything from ‘Accountants’ to ‘Security Guards’. ‘Funeral Arrangements’ is also a top-level category, although it has only seven sub-categories which hare all leaf categories.

I can’t list a new ad online. Hello?

The search is still way more complex than it needs to be. Google allows me to find any page on the whole internet using a single text box. That should be the benchmark. Really, who is going to search for businesses “within 100 kms”?

They’ve added “My Address Book” functionality, but don’t allow me to add comments. I’m completely disconnected from all of the other people searching on the site. Where is the “other people searching for this found these listings useful” functionality?

Oh well. Maybe in the next version?

A rising tide lifts all boats

Is it just me or has the threat of iPhone caused the other phone manufacturers to pull their socks up in terms of design and usability?

From Crunchgear

Everything that doesn’t work yet

To counterbalance yesterdays optimism about technology

Here is an excellent article from Kevin Kelly:

Everything that doesn’t work yet

Like Don Tapscott he also quotes Alan Kay but goes onto provide an alternative definition:

“Technology is everything that doesn’t work yet”
Danny Hillis

So, if you accept that, the question then becomes: is “the internet” finished yet, or is there still work to do?

:-)

Do kiwis have arms?

I’ve been lucky to work with some really talented designers at Trade Me. Sam, amongst his many talents, is pretty handy in Photoshop. Nigel came on board in 2001 to help with the first major re-design of the site and came up with the colour palette and general feel it still has today (I’ve heard it described as “Tommy Tippee” style). And Tim, who is our current designer and illustrator, is basically a magician.

So, I had to smile when I saw this image of Kevin (the blue kiwi in the Trade Me logo) and his lady friend in the latest Trade Me newsletter.

When Nigel designed the current logo back in the day he didn’t give him arms or wings, or anything that could be used to hold stuff. It drives Tim crazy, especially when we ask him to draw Kevin doing something interesting. Like voting, or throwing a javelin, or accepting an Academy Award.

We’re not the first company ever to use a cartoon kiwi as our logo. So, how have others dealt with this dilemma?

Take Goldie, the mascot from the 1990 Commonwealth Games. He was a pretty athletic kiwi, but got by somehow with stumpy little arms.

What about the grand-daddy of them all: the TVNZ goodnight kiwi. Does he have arms? What kind of arms? Once you think you know the answer, check out this Wikipedia page. You might be surprised!

:-)

P.S. We’re currently trying to hire a Web Designer to be Tim 2.0 (that is, an off-sider for Tim not a replacement). If you’re interested, check out the job description.


Contact Details

Rowan Simpson
PO Box 3210
Wellington, 6140
New Zealand

Categories

Policy

These words are my own. Please don't assume that they represent the opinion of Xero, Trade Me or any other person or organisation.

And, if you want to quote me please either ask first or provide a link back.