boost your mobile ecommerce sales with mobile design patterns

Download Boost your Mobile eCommerce Sales with Mobile Design Patterns

Post on 12-Apr-2017




0 download

Embed Size (px)


  • Boost Your Mobile E-Commerce Sales with Mobile

    Design Patterns

    When people shop on their mobile phones they expect an experience

    similar to or better than the one at physical store.

    As more and more people are using smartphones for accessing the web

    for activities like, browsing their favorite sites, banking, playing games,

    shopping and purchasing. As a designer we need to create mobile

    optimized sites to attract as many users as we wanted to shop for our

    products or services. Also if your site is not mobile friendly, Googles

    search engine ranking will suffer.

  • If you want more traffic or boost sales for your ecommerce store you

    must adopt these design patterns or techniques to meet the

    expectations and improve your sites functionality. Recent research

    stated that people are 67% more likely to convert if a website theyve

    reached on their phone is mobile-friendly.

    In this article, well look at some design patterns and web development

    approaches used for mobile e-commerce functionality, includes the


    Home pages,

    Site-wide navigation,

    Suggested search,

    Search results,

    Search filtering and sorting,

    Product pages,

    Photo galleries,

    Shopping carts,

    Checking out with an account or as a guest,


    Home pages

    Design your home page with less textual content and help your

    customers to find what they are looking for. Display the promotions or

    discounts you offer. Single column pattern displaying products, list of

    links to specific website areas, availability of search options are

    common design patterns that work favorably.


  • Thought there are several ways to design the menu but having

    navigation menus in the header section to easily move from one part of

    the site to other without having to return to the home page. Many

    large ecommerce websites balance the visual design of the navigation

    with the information displayed on the website

    Suggested search

    Suggested search or you can say autocomplete display the potential

    results as soon as a shopper has typed their query for this you can use

    the auto suggest pattern that depend on the search engine technology

    Search results:

    There are two most commonly used pattern on mobile ecommerce

    websites table display and grid display. You can also allow shoppers to

    switch between the two views.

    Sorting results

    Common interface patterns for sorting are buttons and menus.

    Filtering Results

    This enable the users to filter their results based on one or more

    attributes, like color, brand and size. Common interface patterns for

    displaying filtering options are menus, drop-down lists and

    accordion displays

    Product pages

    Pages where you can showcase all of your products in detail. It

    includes two approaches one long page showing all products with

    information or a page with collection of patterns such as accordions,

    tabs and photo galleries.

  • Shopping Cart

    Use table pattern for shopping cart products. Also offer other

    functionality, such as, to remove or add products, to save a product to a

    favorites or wish list, apply coupons, change the shipping address and

    so on.


    Limiting the initial checkout screen to two choices could improve



    Due to the increase in internet sales, ecommerce store owners are

    continuously working on improving their online store functionality or

    creating a mobile optimized website design as consumers are more

    willing to purchase from the site which is mobile-friendly.

    You can choose these design patterns for your ecommerce website. Or

    you can install google analytics to analyze your customers behavior to

    boost your sales and in a way your brand image.