Monday, April 11, 2011

mStore - Homepage

The purpose of the homepage is to provide an overview of the main categories available in store.
In the following wireframe we have two possible screens, both presenting the homepage but with different purposes.At the top of the printscreen on the first line we have 4 buttons with different functionalities:
  1. enable speak navigation and preview grid with coordinates; see section (b);
  2. view internationalization settings;
  3. view shopping cart;
  4. show search page.
In the above wireframe in section (a) 5 we have the homepage with all its elements. Unlike other stores, our designed store is able to provide 4 main categories of products in one single place:
  • applications - mobile applications for multiple platforms;
  • music;
  • movies;
  • books.
Rows pointed by (6a) represent the most popular items in each category. One thing to note here is the possibility to scroll horizontally each row of each type of item. This thing is visually denoted by the fading of the elements in the fourth column - (7a).

The section (b) of the wireframe offers a printscreen of the grid shown when the speech button 1 from the top is pressed.

When the vocal navigation is enabled it is possible to navigate by specifying the horizontal (b3) and vertical (b2) coordinates. For example if we want to click on App2 we must speak the coordinates B+2.

No comments:

Post a Comment