I notice that a lot of modern UI components, specifically chip input fields allow a user to hit enter which adds a new chip. Google’s material framework also has an enter event for adding new chips. https://material.angular.io/components/chips/overview

The question is, is this bad UX? Typically the enter button is used to submit a form, provided the other fields are filled in that is. If this is an exception to the rule, what rules does it raise an exception to?


Here as you asked about the chip component, using the enter key to add chip, the action would be right UX behavior or no.

I would say if you do not set the primary action in place for activities can result in bad UX for the user.

You can solve this problem stepwise.

Step1: Define Actions: for Component and its combination to another component.

In the chip component, you have multiple actions.

  • Adding new chip
  • Deleting added chip
  • submitting a form if you're using the chip component in the form template.

Step2: Set Emphasis of action: I believe the emphasis of work needs to be set for each action.

  1. Primary Action
  2. Secondary Action

Step3: Define User Behaviour: For Each action, you need to define the user's behavior for defined actions based on their emphasis, which should match with the user's mental model.

Eg; The user's Mental Model for submission is, to press enter key.

Eg; if the chip component is not combined with form, its better utilizes the enter key behavioral to assign to defined action based on the emphasis we set.

Tip: And behavior: to press enter key would be a good user behavior for primary action: add selected/typed token or chip.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.