I'm designing the interaction and UI for a RWD e-commerce page.
On tablet and mobile front page there has to be a hidden place for:
- list of categories
- shopping card
- login/register + open shop panel
There is an idea to place those in swipe=panels, but on both sides. There is one more problem, that these are 3 and we have only 2 sides to swipe....
On the mockup you can see:
- the left-hand side with categories (you can open it with hamburger or swipe right)
- the right-hand side with shopping card ( open by click on bascet, no swipe)
- ALSO the right-hand side with login/register panel ( open with left hand swipe, or by click on "unlogged in" avatar)
So as you can see I have doubts if a user could identify the left swipe only with avatar (login/ and after all profile options) and not with the basket icon = the shopping card view?
What do you recommend: should I create something else for mobile? Or for mobile and tablet should I use just one left-hand swipe (as it is in the mobile app of StackExchange for example? :) )
Please recognise on the screens the place of arrows " > " and " < "
should I align them to right-hand side on both sides? Or should it be in the same place as the hamburger?
Here is the link to interactive mockup: http://invis.io/291P0H5A8