Question on UI control

User Experience
, ,
1

There is a following sample UI control question but it makes no sense to me:

A customer views a product available in multiple color options. The customer must select only one color for each product.

Which UI control allows a developer to present the user with all color choices at once, without prompting or clicking, while ensuring that the user can only select one of the color options?

a) Radio buttons; b) Text input; c) Drop-down; d) Check box

The answer is obviously a radio button (without prompting or clicking an the user can select only one color. However, there are multiple colors and as per Pega best practices we can’t use radio buttons for more than 3 options.

Please clarify. Many people I talked to believe the right answer is drop-down because it also fits the description (allowing to choose 1 color of multiple options). Thank you!

2

Hi @DenysNachornyy,

Considering the requirement to display all options at once without any additional user interaction and ensuring only one selection, radio buttons are the correct answer.

Not ideal for more than 3-5 options due to space constraints and user interface design best practices.

Regards,

Prasad.

3

@DenysNachornyy - Use a repeating dynamic layout and place the radio button inside the section to meet the requirement.

Thank you.