Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

...

...

Note

Please note that this document is a draft and still not finalized.

Info

This page describes the basic structure and the use of the Explore Screen.

Table of Contents
minLevel1
maxLevel7

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

Image Added

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.

Image Added

Image Added

Image Added

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.

Image Added
Image Added

Product Web Categories

These are the web categories that bundle up sets of similar of products together.

Info Web Categories

Featured Web Categories