designing product listing page for health kart plus.com a medical ecommerce site

17
Abhitosh Redesinging Product Listing Page

Upload: abhitosh-ghongade

Post on 16-Jul-2015

186 views

Category:

Design


0 download

TRANSCRIPT

Abhitosh

Redesinging

Product

Listing

Page

Current

Product

Listing

Page

User

Expierence

Design

Process

Healthkart is

e-commerce site which

deals is selling of

health and wellness

products

Healthkart plus is

substitute site which

deals in sales of drugs

and medicine

Content

Mind

Map

Healthkart plus has

five main features

Primary Features

- Medicine listing

- Alternative medicine

listing

- Pincode based

availability and

search

Secondary Features

- Medicine composition

information

- Medicine compsotion

details

User

Persona

Healthkart plus users

falls into 6 different

categories.

Common traits of user

are as follows

- Age group from 20

to 60 plus

- Working as well

as non working users

- Bulk as well as

prescription based

users

- Regular as well as

occasional user

- Medicine educated

as well as casual

users

User

Stories

Among all 6 different

users the Healkart plus

site is used on different

platfrom and devices.

Work

Flow

Map

Healthkart plus has

clean web presence

for user navigation

from

‘Desrie to purchase’

to

‘Thanks for purchase’

But it consists of

various level of

forward and backward

flow along with

inconsistent

information flow for

different tasks

Work flow map in detail

Painpoint – Here user has to think or gets confused while navigating the website.

Inconsistent Information – It compromises of all unnecessary, missing or inadequate information

For eg_Product lisitng page doesn’t show sum of rupees for total purchase of medicine

Excess Information – It is bascially more than required information

For eg_ Added to cart (button), Proceed here (click), Proceed to cart (click) on same page and within same area

Different

Layouts

Healthkart plus product

listing page can be

modified into different

layout

dividing it into primary

information and

secondary information

Detail

Information

Layout

New details mainly

includes

- Single location

pincode entry for

availability check

- Sum of total

purchase

- Single compsition

details area

- Dosage instructions

- Navigation mapping

at top

Low

Fidelity

Layout

Low

Fidelity

Layout

Low

Fidelity

Layout

Low

Fidelity

Layout

Final

Layout

Other

Final

Layout

Thank

You :)