flâneur — a map of the web's best reading

Primary & Secondary Action Buttons | by Nick Babich | UX Planet

uxplanet.org · 1,391 words · saved by 1 readers

A typical site or app form (or dialog box) usually offers more than one option. In most cases users see two options — one stands for a primary to the user’s task and other, which is expected to be less utilized, stands for a secondary task (e.g. allow users to cancel the conversation). In this article we overview basic UX moments for action buttons and answer the most common question among designers ‘Which button should come first — ‘OK’ or ‘Cancel’). As Jakob Nielsen’s usability heuristic says: “Careful design prevents a problem from occurring in the first place.” You should try to eliminate error-prone conditions which might happen when users accidentally select a wrong option. Visual weight. To make clear distinction between two options, you have to use different visual weight for buttons. The button with the strongest visual weight will attract more attention. Clear and distinct label. A good dialog box isn’t just about asking users which action they want to perform. It’s also abou

Press enter or click to view image in full size Image credit: Dadapixel Primary & Secondary Action Buttons by Nick Babich Nick Babich 6 min read · May 7, 2016 -- Listen Share A typical site or app form (or dialog box) usually offers more than one option. In most cases users see two options — one stands for a primary to the user’s task and other, which is expected to be less utilized, stands for a secondary task (e.g. allow users to cancel the conversation). In this article we overview basic UX moments for action buttons and answer the most common question among designers ‘Which button should c

Explore this link on the map →

saved by

related reading