Skip to main content

Best practice for editing list items [Resolved]

I am designing a screen where the user can add products to a list. Now if a user decides that the quantity of an item on the list needs to be changed, or an item needs to be removed, what would be the best way to achieve this functionality? One way I thought of was to display a context menu on item long click. This menu will display options to delete or edit an item. But I'm also thinking if a better way is to have a text field appear directly on top of the item quantity, allowing users to change the quantity (or delete the item if the quantity is set to zero).

Question Credit: akubi
Question Reference
Asked July 11, 2019
Posted Under: UI UX
1 Answers

Consider using a number input element with -/+ symbols and an additional option to remove the items.

It is a very common behaviour, particularly in e-commerce checkout sections.

Some (real & conceptual) examples:

enter image description here

enter image description here

enter image description here

credit: Socrates Kolios
Answered July 11, 2019
Your Answer