What to watch for when designing a mobile version of a store?
When designing the mobile version of an online store remember the much smaller display area — every pixel should be well-used and fonts must be readable. Clickable elements (e.g. the filter or add-to-cart icon) should be sized so that the user can hit them easily with a thumb without tapping neighboring buttons.
The most important navigation element, the menu, should always be available to the user — e.g. as a top bar — so that even when browsing a long product list the user can move to another part of the store.
To round out the comfortable user experience use gestures that smartphone users apply automatically: allow zooming photos and swiping. Expand tabs or categories smoothly — try not to reload pages without need or open new windows — switching between several browser tabs on a smartphone is especially uncomfortable.
The most important navigation element, the menu, should always be available to the user — e.g. as a top bar — so that even when browsing a long product list the user can move to another part of the store.
To round out the comfortable user experience use gestures that smartphone users apply automatically: allow zooming photos and swiping. Expand tabs or categories smoothly — try not to reload pages without need or open new windows — switching between several browser tabs on a smartphone is especially uncomfortable.