Canola with Carman?

Well, it’s not that, but this shows how easy is to create your own plugins. As a testing ground for our plugin architecture Kenneth is implemeting some Carman screens / sensors and data acquisitions.

Canola Menu
Canola on N810
For those not interested in plugins, carman etc It’s really a peek into the most recent version of the main menu. Apart from the video quality you can see how smooth it is. The point for me is why to design a menu like that

canola menu

Actually it was only a matter of observing the users and gathering feedback on the first version. Things that were clear and already posted here:

  1. Scrolling on main menu : BAD. Why? A lot of users simply didn’t know that there was more options when scrolling down.
  2. Arrows everywhere : BAD. Solving the problem above with arrows was the worst thing ever. It didn’t quite solved it and made the ui a stage for almost useless visual components.
  3. Arrows not grouped : the arrows also were not “grouped” together. While the up and down were near by, right and left were quite apart, but there’s was not better way (IMHO) to do it. But it doesn’t justify the mistake.
  4. Useless scrolling and not enough room: While it doesn’t appear too much with a 3 item only menu, it would be a hell to have 5,6 or more items on canola menu. Therefore the need to use something much more simple: the grid. You can run, you can hide, but in touchscreens the grid most of the times is the best, time saving view to use.
  5. Textual internal menus are bad. While text can make things a lot clearer than icons, it also demands a lot more room (sometimes) and can be trick for a grid view. So to solve the problem of space we have a grid into a grid menu, or like a called here: menu on menu. The only difference is that we can fit up to 12 items on the first level then 10 items on internal menu. This takes canola now to a incredible capacity of 120 features in a range of 2 clicks. PS: WE NEVER going to place 100 items there =) but flexibility is never enough.

Canola menu ce_home_05.png

So this was the starting point to design the main menu, and after a lot of iterations we ended with a cleaner, simpler yet visually appealing menu that provides 2 level access to a number of applications much bigger than we need now and in the near future.

From the first 2.0 video, here you can notice that we really killed the scrolling. To keep main icon hidden is a incredible mistake that I really apologize for doing it ;)

Also in the image you can notice that we brought down some elements size. Actually we want to keep a small “compatibility” with the older Canola, and enable touchscreen use at it’s maximum, but I really (personally) wanted to get rid of :

The back button (letting only on hardware keys)
The menu button (also on hardware, but now harder because in the n810 is on the keyboard : /)
The home button (also on hardware, but this can break the device’s home button functionality while on canola)

In a sense, what I’m looking for is a almost button free (or at least when possible) User interface. Let people touch things and do things by context not only buttons. I know it’s a little bit too much, but come on, you need to have a bold target.

Permanent Link » · Written on: 11-14-07 · 8 Comments »

8 Responses to “Canola with Carman?”

  1. timsamoff wrote:

    Great post. Thanks!

    November 14th, 2007 at 1:09 pm
  2. Vax wrote:

    In the screen shot for the main menu there is an item marked “Tunning”. I’m guessing this should be “Tuning” as in “to tune something”.

    November 14th, 2007 at 1:56 pm
  3. handful wrote:

    Hi Vax! you’re actually right. And if I’m not mistake somebody said the same in the past comment about this =) My mistake again, actually this are mockup so please forgive our ignorance in English in the mockups! I will try to make sure this will not be in the final release!

    The intention is really for “Car tuning”

    =)

    November 14th, 2007 at 2:40 pm
  4. Florent Thoumie wrote:

    Keep up the good work guys, this is my #1 app on the 770 :-)

    November 15th, 2007 at 6:17 am
  5. Vax wrote:

    No worries, just trying to lend a hand where ever I can. Is there a good resource online to learn about carman? I’ve worked with engine diagnostic software interfaces in the past and had actually suggested the nokia as a platform but I was completely unaware of this project.

    Cheers!

    November 15th, 2007 at 8:00 am
  6. handful wrote:

    Hi Vax, yes there is one resource indeed :

    http://openbossa.indt.org/carman

    Where you can get all the sources etc (LGPL)

    BR

    November 15th, 2007 at 8:10 am
  7. Vax wrote:

    Thanks. This looks very nice. Are you involved with both Canola and Carman?

    November 15th, 2007 at 8:32 am
  8. handful wrote:

    Yes,
    Both are projects running here in the same place. I deal with the UI side. I was alone in the past but fortunately now I lead a small but talented team, apart from carman and canola (and carman inside canola etc) we have a lot more projects running at the same time (about 10)

    =)

    November 15th, 2007 at 10:54 am

Leave a Reply