- Emphasize upcoming weather rather than current
- Offer short term forecasts at a glance (should I bring an umbrella today?)
- Offer long term forecasts with minimum effort (what's the best day this week to go mountainbiking?)
- Stay compact unless specifically interacted with
- Be beautiful and give an aha/wow/smile
Monday, December 7, 2009
Desktop widgets have reached hundreds of millions of users in recent years - OS X Dashboard, Windows Gadgets, Yahoo Widgets and tons of web widgets have all helped the uptake of lightweight, single purpose applications that run in a limited screen estate.
The mobile space has - as many times before - been inspired by the desktop and a number of widget standards are out there; JIL, W3C, Android to name a few.
From a design point of view, widgets are often fun to create. They should do one thing very well, compared to full blown apps that have tons of edge cases that take months to design and specify. Designing a widget is a perfect mobile interaction design 101 task, a bit like when architecture students design a chair during their first semester.
So how come there are so many badly designed widgets out there?
Consider the OS X Dashboard weather widget. It looks great and tells you the weather right now, but most people are able to look out the window to see if it's sunny. Sure, knowing the outside temperature in the morning helps you decide what to wear, but should it cover a majority of the widget area?
Wouldn't it be wiser to spend more on the upcoming weather and less on the current weather? You can expand the OS X widget to show the upcoming weather as well, but it’s still using half the widget area to show the current conditions. And that’s still using numbers instead of graphics ot show the temperatures.
Doesn’t Apple know that an analogue (bars) representation rather than a digital one (digits) makes it easier to compare temperature between days?
In a mobile context, spending a lot of screen estate on the current weather is even worse because a) Screens are small and every pixel counts
You’re more likely to be outside and thus don’t need a widget to tell you it’s too cold
We really love what HTC has done with Hero and their awesome Sense UI. The visual design is flawless and they have really taken Android beyond vanilla. But still, we never use the weather widgets. The small one doesn’t show any forecast, and the big one steals too much space.
We are currently in the midst of designing a suite of Android widgets and have put some thought into the ultimate weather widget, that according to us should:
Here’s what we came up with:
A compact mode that shows the current and upcoming weather with the same priority. Temperature is color coded to give information at a glance:
An extended mode that shows the weather with a bar representation so that you can easily see how it’s going to vary the following days:
How do you get between these modes?
The widget is 3D so you can swipe to rotate between the modes.For some extra love we’ve added physics, making it even more playful:
Another thing we’re experimenting with is more exotic input methods. Here you blow into the microphone to switch from temperature to wind information:
Posted by Simon Lessing kl. 12:06 PM