0

In my customers dashboard (web), they can select products and see their respective stats, edit them... This is organized like this on PC:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

First I'm not sure this organisation is the best, and secondly, how to organize that in a mobile site?

1

I notice that you have both view tabs and edit tabs in the same hierarchy. To most people, tabs organize viewed data into logical sections, not separate different tasks (such as edit meta, description, and images). So your Overview, Stats, and Mods can stay as they are, but the rest of them should be transferred to the Overview pane as buttons or items in a popup menu. "Edit" is an action, so buttons or menu items are a better candidates for it than tab.

On a mobile site, you would list the products on the page. Tapping on one would immediately refresh the whole screen and load the overview page. Then you would have buttons or popup menus on the overview page to get to the rest of the data/tasks. Now, since you can only see one of those panes at a time, make sure that your heading indicates which product you're working on.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.