the homescreen

Posted in Core User Interface by

This is the first draft of the homescreen. Next up is a visual guide of how everything stacks up.

We are keeping the basic layout of Harmattan with three homescreens. The events screen stays almost the same with the difference that the user can act upon the entries there (reply to a tweet etc). The app grid has the added functionality of widgets. Widgets can be tied to a specific app, or be an app by itself (i.e. an app that doesn’t have a full screen UI at all). Widgets are configurable, and can be configured by pressing the pencil button in edit mode. Pulling down beyond the first row should reveal a search box, just like on Harmattan mail application.

The multitasking view gains the possibility to pin applications to specific positions, just like the new tab page of firefox. Pinned apps should autostart at boot.

The notifications section is grouped by person instead of by app. I think this is a more natural approach, but I’d like your feedback on that.

homescreen

Edit mode can be activated by long tapping on any icon. There you can change positions of apps and widgets, or throw them away by dropping them over the top area of the screen. Flicking them to that direction should also work (see android desktop for that effect).

homescreen-editmode

selectRoller

Posted in Core User Interface by

This is the first of a series of controls which will use the Roller interface. More about the roller and how it works here http://play.qwazix.com/grog/?p=385

selectRoller

There are certainly more details missing, so please give it some thought and ask, as I can’t right now figure out what is really needed for a complete spec.

virtual keyboard – Glacier UI

Posted in Core User Interface by

Hello together,

this is Morpog again :) This time with some real work for Glacier UI.

I specced the virtual keyboard from Glacier UI mockup from hurrian and key sizes and spacing from old nemomobile vkb and some own thoughts. All needed files are already created by me in SVG (and PNG of course). Actual files for maliit on github are in a subfolder called maliit.

(click image for larger size)
vkb-1

(click image for larger size)
vkb-2

(click image for larger size)
vkb-3

Also available as PDF files:
vkb-1
vkb-2
vkb-3