Cooker Interface Redesign

So, you are doing interface design? How about designing user interface for my cooker? “Why?”–you ask. Well, the other day Luka’s grandma attempted to warm his bottle, but she had a problem guessing which switch-button is for which burner on our kitchen cooker…

When you use something every day, you now how it works and you don’t have to look at the symbols near some control, but when you face some interface for the first time (no matter how simple it is), it’s of a great help when there are adequate hints.

Current Cooker Interface

simplified image of current cooker interfaceIt is cooker with just two burners–the larger is behind the smaller one.

See how symbols are confusing? It could be that the white one is the particular one, or vice-versa. I’ve added reddish arrows to show you direction of rotation for switching on.


Here are your tasks:

  1. Download .PNG file to your disk.
  2. Create symbols which should come above each switcher (which are telling which switch-button is for which burner).
  3. Create symbols which should be on the switchers (which are telling in what direction one should rotate to increase flame on the burner).
  4. Show your example in the post, using <img src="http://..." alt="" /> tag with illustration hosted on your server. Images should be 400px wide (otherwise they will be stretched or shrinked).

Marko Dugonjić is a designer specialized in user experience design, web typography and web standards. He runs a nanoscale user interface studio Creative Nights and organizes FFWD.PRO, a micro-conference and workshops for web professionals.

Interested in more content like this?