Maemo UI improvements blog.

February 18, 2009

Mer UI: Scalability

Filed under: Mer — Tags: , , — Andrew Zhilin @ 18:37

Hello everyone.

Today I’m not gonna show you new calculator faceplates (surprise!). Today I’ll show you the evolution of Mer UI design, that was inspired by Mer’s scalability.

scale1

Though Mer is targeted mostly to portable touchscreen platforms, such as MIDs, Pocket PCs and NITs, it still can be installed on variety of devices, including beagleboard and different notebooks. So we should make the UI that can look and act smooth on all types of screens from tiny PDA’s to large notebooks or even desktops.

So lets look how improved UI will work with portrait VGA screen (such as LOOX 720 or OpenMoko Freerunner).

Here’s the homescreen.

480_dt

As you can see, portrait screen is not so good for our multifunctional bar, so we have to override the limitations without usability affection. So what we have now is 8 slots for statusbar and running application icons. If we’ll place some basic statusbar applets, such as time, battery and signal, we will have 2 slots for apps and 1 for notifications. Sounds nice, cause now we still can switch between IM, for example, and browser or book reader with one tap. But should user always go to the large task manager to see all other applications? Nope.

Welcome to the new Mer menu.

task_man_3items1

So, on the top of the Mer menu you can see scalable Tasks row, that helds all running applicatons. It acts pretty much as the desktop one. Here’s the example of different number of applications launched:

task_man_scale

But that’s not all. “Tasks” is the button itself and it shows detailed application switcher:

task_man_task

Also current menu has a grid arrangement that helps to utilize space wisely and allows to make scalable menu, that will work fine on different devices with different screen sizes and resolutions.

Feel free to post your suggestions and request cause Mer is first of all Community project and everyone can participate!

Thank you.

About these ads

11 Comments »

  1. Very cool!!!
    I can’t wait this is ported to the lighter!!!

    Comment by pierluca — February 18, 2009 @ 20:05

  2. Nice work, but I think you should make it clear that these are mockups, or people might think this stuff is already implemented in Mer.

    Comment by ian — February 18, 2009 @ 23:54

  3. Great work, Andrew! One of the annoyances with Maemo + rotation was the lack of scalability, and this design seems to solve that problem quite well. I’m continually more impressessed with the artwork you produce (and the rate at which your produce it) – keep it up!

    Comment by Jeffery — February 19, 2009 @ 03:00

  4. Is that supposed to be Mer on a Tamagotchi on the lower right side?

    Comment by chatterbox — February 21, 2009 @ 00:32

  5. Just a thought, the top bar looks quite cluttered like that, so how about having maybe just the window title in the top bar (like it is in Maemo at the moment) but when you click it, it brings up the task switcher. Thats actually fewer clicks than your menu idea (which would still be there, AS WELL as this) and keeps a tidier looking interface.

    Im really interested in UI design so may get in touch with some ideas if thats okay with you?

    Comment by Joel — October 27, 2009 @ 21:36

  6. There is certainly a lot to find out about this subject. I really like all of the
    points you have made.

    Comment by Spain Vilanova I La Geltru — September 24, 2012 @ 21:50

  7. I needed to thank you for this very good read!! I certainly enjoyed every little bit of it.
    I have got you book-marked to look at new things you post…

    Comment by classified add Las Palmas — September 26, 2012 @ 16:44

  8. What’s up, this weekend is good for me, as this moment i am reading this wonderful educational piece of writing here at my house.

    Comment by Kina — November 21, 2012 @ 21:05

  9. Please let me know if you’re looking for a writer for your weblog. You

    have some really good articles and I believe I would be a good asset. If you ever want to take

    some of the load off, I’d absolutely love to write some articles for your blog in

    exchange for a link back to mine. Please send me an
    e-mail if interested. Thank

    you!

    Comment by deadvinyl.blogspot.co.uk — April 17, 2013 @ 12:44

  10. My brother recommended I would possibly like this web
    site. He was

    once totally right. This submit actually made my day. You can not

    consider simply how a lot time I had spent for this information!

    Thank

    you!

    Comment by Augustus — April 26, 2013 @ 10:58

  11. The very heart of your writing whilst sounding reasonable

    in the beginning, did not sit properly with me after some time.
    Someplace within the paragraphs

    you actually managed to make me a believer unfortunately just for a short

    while. I nevertheless have a problem with your
    jumps in logic and you would do well to fill in all those breaks.

    In the event that you actually can accomplish that, I could surely be impressed.

    Comment by Mathias — January 29, 2014 @ 05:54


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

The Shocking Blue Green Theme Blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: