Here IMAGE is the settings screen for my application.(desktop).
This screen is for categories and product management for a pos system for cafe/bar.
I am not a designer not a ux specialist. The gray thing at left is the menu.
I am going to add more simple icons in the future.
What i am looking for
I am looking of how to manage CRUD for both products and categories.
I need
- Add a product
- Add a category
- Have a button titled "catalogs" to manage catalogs in a popup
- Edit a category
- Edit a product(inline or for advanced stuff at popup)
- Make all rows editable
- Delete a category or a product
- Be able to order these products and categories
- Apply bulk actions at products (checked ones)
A proposal
I have been advised to add a toolbar like this
I am not sure whether this is better.
PROBLEM
What i am looking for is whether i should use toolbar like that which solves many problems but i dont know if its good ux for this.
At first screen i managed to put 1,2,3 at bottom, edit as a pencil at selected item , inline editing of product with edit button on top which changes to save,ordering with these arrows as requested . As for bulk actions i am thinking after you select at least one checkbox to show a bar with bulk actions (like in android 4 Contextual action bar (CAB))
Question So i am looking for advice how to implement these actions efficiently and without tons of buttons.