Sidebar and Menu on Mobile

Discussion in 'SEO, PPC and Online Marketing' started by DishonestDave, Jan 31, 2017.

Thread Status:
Not open for further replies.
  1. DishonestDave

    DishonestDave UKBF Contributor Free Member

    78 26
    I'm planning for a redesign for mobile. As well as the main menu, which has 7 elements: three links, search box, search button, login/account and change language, some pages have in some cases have very long side-bars. The importance of the various elements of the sidebars varies.

    What strategies have people come up with to integrate sidebars for mobile?

    The layout of my pages is not to dissimilar from eBay:

    http://www.ebay.co.uk/sch/i.html?_from=R40&_trksid=m570.l1313&_nkw=wales&_sacat=0

    Who I see have a button at the top left saying 'Refine' to open up the hidden sidebar.
     
    Posted: Jan 31, 2017 By: DishonestDave Member since: Jun 24, 2016
    #1
  2. sambarnes90

    sambarnes90 UKBF Regular Free Member

    136 47
    Hi Dave

    One of the most common ways is to use a 'collapse' technique.

    For the eBay example, each of the 'categories' would be a single item.

    On desktop it's fine to show all the sub items underneath them by default.

    But on mobile, you would display just the main category, with an arrow that then opens up those items for the user.

    Similarly to when you click the 'more' item in that eBay sidebar, but at the top level of every group of items.

    Hopefully that makes sense?
     
    Posted: Jan 31, 2017 By: sambarnes90 Member since: Mar 16, 2012
    #2
Thread Status:
Not open for further replies.