Please note that this document is a draft and still not finalized.
This page describes the basic structure and the use of the Explore Screen.
The structure of the Explore Screen
The home screen is an essential part of any application. In the context of mobile apps, it's the main screen from which users interact with most options of the application. ‘Explore Screen’ can be considered as the ‘Home Screen’ of the mobility mobile app.
It basically contains,
Shopping Cart
Header image with main headings
Web Categories of different product groups
Bottom Navigation Menu
What is a web category?
A web category is an entity that encapsulates more than one product from the same product type which share similarities. The main purpose of a web category is to assist the users to browse the products efficiently. On the ‘Explore Screen’, all the web categories are grouped based on the type of the product. Other than the product web categories , there are a few variations of web categories used to display headings and content on the Explore Screen as well. Therefore, web categories can be identified as building blocks of the 'Explore Screen'.
A generic web category is presented in a rectangular card with a cover image, title and an overview description.
Types of web categories
The following types of web categories can be seen on the ‘Explore Screen’.
Title Web Categories
These web categories are used to display headings and sub-headings on the ‘Explore Screen’.
Basically they are shown as caption lines that appear in between different product/info/featured web categories on the screen.
Product Web Categories
These are the web categories that bundle up sets of similar of products together.
Under a specific product web category, there can exist products that belong to the same product type.
When clicked on a product web category , it’ll direct the user to the corresponding web category detail screen.
Info Web Categories
The purpose of the info web categories is to show some timely static information that should be known by the user. When clicked on such a web category, it’ll open a full screen view containing all the relevant information.
Ex: Covid 19 Information
Featured Web Categories
Featured web categories are the web categories that take the full-width of the screen.
In terms of functionality, they are identical to the product web categories.
