The future of UI? I’m not so sure.

June 5, 2010

This TED talk I expect will get most UI/UX designers excited, as it should have me, but it didn’t. Some of the applications, like the wind tunnel and shadow/reflection architectural modeling, I think are fantastic but the “minority report” style interface I don’t see becoming ubiquitous at all. As cool as I think the interface is I just can’t see myself going to work and spending 8 hours a day standing up waving my hands and moving my body. We struggle to stay standing up for 10 minutes at work when we do our team stand-ups and a mice and keyboard sometimes feel like too much effort. And those images that he scans through, give me a search field and a scrollbar any day.

John Underkoffler points to the future of UI

Opening a link in a new window makes you look insecure

May 6, 2010 1 Comment

Saw a tweet saying that websites that open external links in new browser windows make themselves look insecure – “please don’t leave me for someone else”. I loved the description. I’m a believer in letting users control when things open in new windows but as with anything there are exceptions and linking to PDFs is one that I can live with – but then I think that’s the fault of the PDF format and the fact it has it’s own user interface, but that’s a rant for another day.

Realism in UI design

April 1, 2010

This is a great article about realism in UI design.

The article details ideas around using visual cues from the real world in user interface design to help communicate state, functionality etc. Some excellent examples and thoughts.

Introducing the Ready-made Logo Design Store

March 17, 2010 2 Comments

I’ve spent the last 4 months working with the talented crew from 99designs.com on what would have to be my proudest professional achievement to date – the Ready-made Logo Design Store. I’m proud because I believe we’ve created a great user experience that delivers exactly what we set out to achieve – a simple, bare bones, focused, and easy-to-use offering. We’ve done this with a small team and in a short period of time. We’ve staged it well, closely collaborating with our design community and managing to collect over 4000 of their unique and stunning logo designs ready to sell to potential buyers.

Screengrab of Ready-made Logo Store Homepage

Ready-made Logo Store Homepage

A lot of the user experience and key interactions are hidden to the general browsing public – they’re behind the designer administration screens (where they upload and manage their logos) and the purchasing and handover processes. Saying that I’d love to hear any thoughts you may have on what you see. I’m expecting the product will not be to some of my colleagues liking but I’m really keen for any feedback you may have.

I think the Ready-made Logo Design store will be a great compliment to the 99designs offering and a big success and I’m looking forward to building on what we’ve achieved to date.

Death to email address re-entry

March 1, 2010 18 Comments

I hate it when forms like this Oxfam donation form ask me to re-enter or confirm my email address:

Oxfam donation form - email address re-entry fields

I suspected I wasn’t alone so I tweeted to find out what others do when presented with this situation and I have to say I was overwhelmed with the number of responses I received. It seems most people (well I should say most of my online web savvy friends) hate it as well and that they usually copy and paste the email address from the first field into the second. Ctrl A, Ctrl C, Tab, Ctrl V is less keyboard presses than typing an email address and therefore tends to be the preferred approach.

To me the whole idea of re-entering your email address feels like a heavy handed, ill thought out trend that creates more work for the user, doesn’t solve the problem it attempts to, goes against the websites business goals and causes untold pain and wasted time for many *slight exaggeration there perhaps*.

Read the full post

iPhone weather app – version 2

February 13, 2010 5 Comments

Given the encouraging feedback and great suggestions I had after publishing my initial iPhone weather app concept it’s full steam ahead with version two. In this version I’ve added more information to the screen yet I’ve tried to reduce the overall visual noise. I’ve mocked up both a sunny and stormy forecast using data from BOM to get a better sense of how it would work with different forecasts.

iPhone weather app screen design - Sunny day forecasted

Sunny day forecasted

iPhone weather app concept showing stormy weather forecast

Storms forecast

The specifics of what I’ve done and the rationale include:

  • Added background photos that represent the overall forecast for the day. They are to instantly communicate what the day is likely to be like for users.
  • Changed the sunrise and sunset text to icons (thanks Brett). Also removed the am and pm from the times, it’s pretty obvious which one is which! Both these changes help to reduce the overall visual noise.
  • I increased the size of the current temperature considerably based on the feedback I received. This is the most important piece of information on the screen for users so make it really pop.
  • I made the forecast maximum temperature bigger, this is because I consider it to be the second most important piece of information on the screen.
  • I aligned the forecast min and max temperatures to the left of the screen with their lines extending full width across. I initially wanted to indicate where the likely peak temperature would be by just having a short line but I feel the projected line as well as the graph are indicators enough. Having them aligned on the left just feels much tidier.
  • For Mr Green I added an umbrella icon which indicates whether you need to pack the wet weather gear or not.
  • I faded out the beginning and end of the graph line as this feels more elegant. Ditto for the hour and noon lines. This again reduces the overall visual noise of the screen.
  • I moved the title bar to the bottom of the screen – the information on it is once off information that once you know becomes insignificant.
  • I added the long version of the forecast on the left-hand side of the screen – I feel this detail is important to have on the screen.
  • Lastly I added the short version of the forecast below the city name in the title bar. Not necessary but it works there.

Love to hear your thoughts and ideas.

iPhone weather app concept

February 3, 2010 11 Comments

A few thoughts combined today which saw me rapidly put together this initial idea for an iPhone weather app. It’s a hot day here in Melbourne so lots of folks have been checking the weather to see how hot it is and when a change is due. People can get pretty obsessed by the weather, certainly all the users I tested when working on White Pages loved to know what the forecast was and I must admit it’s the first thing I check in the morning so I know what to wear when I hop on the bike and head off to work.

Recently I saw a website that presented the days temperatures on a line graph and I really liked the concept, it’s much nicer to have the days temperature shown on a line graph so you can instantly see how it’s trending. I can’t remember what site I saw it on (I’ll update this post when I find it) but the execution of it wasn’t great. So I thought I’d design something similar for the iPhone (to add to all the weather apps out there) and here is my first draft:

iPhone Weather App Concept

iPhone Weather App Concept

I’ve got a few other ideas I’d like to try incorporating too, like:

  1. Compressing the mornings and elongating the daylight hours – how many people care about the wee hours really. This would make the more relevant information prominent.
  2. Adding the textual forecast information in one of the corners, e.g “Partly cloudy. Winds north to….”
  3. Adding a tiny right-hand side column showing the forecast for the coming few days.

This to me is the ideal home screen for a weather app – all the information I want to know prioritised and presented in an easy to absorb way. What do you think – like it or not? Should I try and develop it? Got any suggestions?

Statistics on mobile spending

January 25, 2010

Luke Wroblewski has compiled some very compelling mobile spending statistics showing the amazing growth in the mobile market recently.

Steve Krug video on usability

This presentation from Steve Krug, author of the wonderful book “Don’t make me think“, is a concise and easy to follow overview of usability testing. Lots of simple, practical things in it for anyone building software/websites who want to create great user experiences. There are some things you would have no doubt heard before but there are a lot of thoughts and approaches that I found were new and valuable for me including:

  • Give up on validity – the usability problems will be so obvious that you won’t need numbers to validate them. Once you give up on validity then you don’t need to worry about questionnaires or surveys. This will save considerable time in the sessions.
  • Just give me one morning a month – I love this idea the most. I’ve often been in the situation where I just can’t seem to convince the client to do user testing so the idea of asking for one morning a month is great – who can refuse that!
  • Only communicate the top 3 problems to stakeholders, if you tell them everything they will be tempted to solve the low hanging fruit and not address the most important usability issues.

Stunning motion graphics

December 24, 2009

The motion graphics in the this music video are amazing! Crafted by Fluorescent Hill. Wow!