Jump to content
You must now use your email address to sign in [click for more info] ×

UI/UX - distinguish checkbox and radio button behaviour


Recommended Posts

Hello,

 

I'm just starting out with Affinity (AI user), and i found some User Interface incosinstencies. One of them is checkbox and radio button behaviour:

 

Case Example - Pen tool

Some button groups Mode, behave like radio buttons - you can select only one of many, and one of them always has to be selected.

Other button groups, like Snap, behave more like checkboxes, you can select many, you can select none.

 

It would be great, if user interface would distinguish it. There are obviously no standard "web" form elements in main UI, but there are some ways to distinguish it - for example rounding corners of multiselect that is just "select one only" type.

Link to comment
Share on other sites

Unfortunately, this goes even further. For instance:

  • There is no visual distinction between trigger buttons that invoke an immediate action, such as Reset Selection Box (Move Tool), and the “radio buttons” and “checkboxes” you mentioned.
  • There are standard check boxes, such as Lock Children (Move Tool), that perform the same type of function as your “checkboxes,” for instance Show Rotation Centre (Move Tool).
  • There are detached “checkboxes” that systematically belong to the same group, most notably Snap Off-Curve Handles (Pen Tool).
  • There are numeric input boxes with a flyout menu and a see-saw button, for instance Kerning (Character Panel), and on the other hand, there are numeric input boxes, for instance Paragraph Leading (Paragraph Panel), that perform the same type of function but lack the see-saw button.

Though it is clear that visually distinguishing all these cases would create a mess on screen, maybe it would make sense to have button combos for the “radio” type buttons and detached buttons for the “checkbox” type buttons and the “trigger” type buttons. Hmm …

post-1198-0-73353400-1493539141_thumb.png

post-1198-0-99808200-1493539161_thumb.png

post-1198-0-85233500-1493539171_thumb.png

post-1198-0-66077700-1493539178_thumb.png

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.