Suppose you are creating a web application which supposed to work on mobile platforms like Android or iPhone, and one of the features of your app is to give the user an interface for adding, viewing, updating and deleting grocery shopping lists or grocery shopping list items. Shopping list items are supposed to have a name, item catagory, quantity, and price.
I could think of two options:
Grid based layout
Advantage Allows user to see more shopping list items
Disadvantage Can't add any more attributes
Multiple-row list based layout
Advantage Allows user to add more attributes per item
Disadvantage Number of visible rows decreases and leads to more scroll for user
Which one would you suggest?