mStore - First page and scrolling

This is the first page of the store. On the top site there are five buttons each with specific functionality as follows:

• first button on the left takes the user to the configuration screen where options like email address, payment mode and item display mode can be configured.
• the second button shows a grid used for vocal navigation.
• third button allows configuring store language, results languages and more.
• the fourth button shows the shopping cart page.
• the fifth button opens the search function of the store.

Right under this top bar, there is the first line displaying four of the main categories. These main categories may contain subcategories or only products.
The fourth category from the right is slightly faded, this thing meaning that there more than four categories and we must scroll to the left to uncover them. This is a general pattern used in the entire store: to show that there are more items that what is displayed the last visible item is slightly faded. This scroll method is available for both the horizontal and vertical items.
For each of the four main categories, under the "Most popular" band there is a row displaying most popular items in the respective category. These items are as well scrollable on the horizontal.
Scrolling these categories can be done in two ways:

• scrolling the categories icons in the top (right and left)
• scrolling the rows with the most popular items on the vertical.

One thing to note here is that either of the scroll methods used will scroll the other part as well.
This feature is illustrated in the second wireframe below.
It can be observed that the scroll appeared in both sides (left and right) on the categories row.
















In the third wireframe the scroll on the horizontal items is presented:

• first row with applications has scroll on the both sides.
• the second row has reached the maximum scroll on the right.
• the last two rows are not scrolled.