Views
MeeGo Apps/design
Contents |
Introduction
This page contains the plans for apps.formeego.org, the new home for free and open source MeeGo applications.
Opening Page
We tried to make the opening page clean, simple and fresh. The idea is to provide an easy access to the various MeeGo UXes (e.g. Netbook, Handheld, Smart TV). The name of the UX is always displayed above its icon.
The opening page should be dynamic, should contain something that is changing regularly and show the progress and movement of the community. For that we have a placeholder for the 3 "hottest" and "newest" apps. Later we may also showcase featured apps etc.
Category Selection
Once the UX is selected the user moves on to the category selection. Categories are basically group of applications that are meant for similar use cases, like games, developer tools, multimedia apps etc.
Each application shall define its own category. There are no limitations of such developer defined categories, so we do some smart grouping in our catalog. We created 14 categories that shall cover all submitted applications. Below the categories we show the 3 "hottest" and 3 "newest" apps for the corresponding UX.
Note: the design below does not show the final icon set for categories.
UX selection on the non-opening pages
The UX can be selected on a touch friendly, full screen page. Once clicking on the UX button ("Handheld"; see the image in the previous section) this selector appears:
UX version selection
The UX version may be selected in a similar fashion as the UX:
Application Lists in a Category
Below is the plan for showing apps in a category. There is a "Submit You App" button on the bottom of the page. Clicking this will open a page that describes the process of submitting packages via the MeeGo OBS.
Application Page
The application page displays the title, description and the overall ratings (stars). Below that we show comments (reviews) in a paged box.
We also show similar applications, as well as the "hottest" and "newest" ones of the same category.
If the same application exists in the selected UX, then we display the full application page, otherwise we show a list of apps in that category. If there is no application within that category then we show the list of categories.
See the plans for anonymous and for logged in users:
Login
If the user is not logged in, then we go to the login page 1st and then redirect back to the rating or commenting, depending on what the user wanted to do.
Here is the design for the login screen:
Rating
Rating can only be done by logged in users. By clicking the stars on the application page the following touch friendly screen appears:
Commenting
Commenting requires the users to log in. The commenting is also a full screen, finger friendly page:
Category Icons
Logo Variants for Apps
In the 1st image we have variants with smaller spacing around the MeeGo logo. This space is actually smaller than specified by MeeGo_Style_Guide.
The 2nd image has the correct spacing around the MeeGo logo.
Logo Variants for the Apps Client
