Categories

A list view of apps within a category.

1. Quantity: as many apps in the category as available.
2. Order: Most to least popular.

Mobile

Do an animation of the process below.

1. Selecting the Categories navigation item will take user to a separate page with a grid list of category icons.
2. Selecting a category icon will take user to a list view of apps in that category.
3. Selecting the Categories navigation item again will make the categories grid slide up from the bottom of the screen.

1. The page can display unlimited rows of app units.
2. Each row contains 1 app units in both list view and grid view.
3. Size of each unit: 4 columns in both list view and grid view.

Tablet

Selecting the Categories navigation item will show a popup menu with a list of categories. Selecting a category will take user to a list view of apps in that category.

1. The page displays 8 rows of app units.
2. Each row contains 1 app unit in both list view and grid view.
3. Size of each unit: 8 columns in both list view and grid view.
4. Use the pagination dots and arrows to navigate through the app units.
5. Every tap of the pagination arrow scrolls the app units to the previous/next 8 apps on the list.

Desktop

Similar to the Tablet layout, celecting the Categories navigation item will show a popup menu with a list of categories. Selecting a category will take user to a list view of apps in that category.

1. The page displays:
   • 12 rows of app units.
   • 5 rows of “Related collections” units.
2. Size of each unit:
   • Each app unit occupies 8 columns.
   • Each “Related collection” unit occupies 4 columns.
3. Use the pagination dots and arrows to navigate through the app units.
4. Every click of the pagination arrow scrolls the app units to the previous/next 12 apps on the list.