The best ux alternative in designing variant of a product on dashboard

by Livin   Last Updated July 11, 2019 11:16 AM

I was wondering what would be the best way to display variant when user clicks on "Add Variant". I already designed two alternatives: display it in ascending order or descending order. I have tested it to internal stakeholders but I still hesitate because the results are 50:50, either they chose Alternative-A or Alternative-B.

On Alternative A, when user clicks "add variant" then it will appear in ascending order. After user filled the product variant name, the variant 1 will be automatically changed based on the product variant name, so on. The latest variant will be placed on bottom. Example:

variant 1

variant 2

variant 3 [this is the latest]

Alternative A: enter image description here

enter image description here

enter image description here

On Alternative B, when user clicks "add variant" then it will appear in descending order. After user filled the product variant name, the variant 1 will be automatically changed based on the product variant name, so on. But, the latest variant will be placed on top. Example:

variant 3 [this is the latest]

variant 2

variant 1

Alternative B: enter image description here

enter image description here

enter image description here

I would be glad if someone could give me an opinion and a strong justification to which best ux alternative from those two options. On the other hand, I would like to put an indicator state to the latest variant but I still have no idea how to present it. Maybe you could offer me an idea regarding the indicator state. Thank you in advance!



Related Questions


Preventing users from closing browser tab. Bad idea?

Updated October 09, 2016 09:06 AM


How to add products in this point-of-sale system?

Updated August 01, 2016 08:06 AM


Improve chip credit card reader processing messages

Updated February 23, 2017 01:16 AM