An order form provides four options from which customers select one option. According to best practice, which of the following two UI control types can be used to minimize clutter on the order form? (Choose Two)
To minimize clutter on an order form where customers select one option out of four, using UI controls that efficiently manage screen real estate while ensuring user-friendliness is crucial.
A. Dropdown: A dropdown menu consolidates the four options into a single interactive element. When not in use, it takes up minimal space on the form, contributing to a cleaner, less cluttered appearance. It expands when interacted with, allowing the user to make a selection from the list.
C. Radio buttons: Radio buttons allow all options to be visible at once, ensuring immediate visibility of choices without additional interaction. Because selecting one option automatically deselects any other, radio buttons are ideal for single-choice scenarios. They can be designed to be compact, minimizing their impact on the form’s layout.
Checkboxes (B) are typically used for selections where multiple options can be chosen simultaneously, which does not align with the requirement for a single selection. Autocomplete (D) is useful for forms with a large number of options or for facilitating quick selection from a list through typing, which might not be necessary or as efficient for a small, fixed set of four options.
[Reference: Best practices in UI design suggest dropdowns and radio buttons for single-choice scenarios to balance clarity and economy of screen space, as detailed in UI design guidelines and Pega’s documentation on form design principles., ]
Contribute your Thoughts:
Chosen Answer:
This is a voting comment (?). You can switch to a simple comment. It is better to Upvote an existing comment if you don't have anything to add.
Submit