Placement of More Information/Help Icon button for Radio ButtonsReplace radio-input with “buttons”? (web forms)Radio Buttons in the header?Form design and placement of action buttonsUse of Radio Buttons (Identification Context)Best placement for “ultimate” page actionsBest approach to presenting collapsible/expandable panels with radio button headersHow to show static (user initiated) and dynamic help text for radio buttons and dropdowns?Placement for next, prev and complete form later actionsIs it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation?Should read-only fields hide or disable icons?

Can a vampire attack twice with their claws using Multiattack?

How can bays and straits be determined in a procedurally generated map?

NMaximize is not converging to a solution

Why is Minecraft giving an OpenGL error?

Languages that we cannot (dis)prove to be Context-Free

How is the claim "I am in New York only if I am in America" the same as "If I am in New York, then I am in America?

Why can't we play rap on piano?

Revoked SSL certificate

Can a monk's single staff be considered dual wielded, as per the Dual Wielder feat?

Two films in a tank, only one comes out with a development error – why?

If human space travel is limited by the G force vulnerability, is there a way to counter G forces?

how to check a propriety using r studio

Approximately how much travel time was saved by the opening of the Suez Canal in 1869?

Client team has low performances and low technical skills: we always fix their work and now they stop collaborate with us. How to solve?

How to format long polynomial?

Why does Kotter return in Welcome Back Kotter?

Cross compiling for RPi - error while loading shared libraries

Is it unprofessional to ask if a job posting on GlassDoor is real?

Why can't I see bouncing of switch on oscilloscope screen?

Can I ask the recruiters in my resume to put the reason why I am rejected?

Roll the carpet

Filter any system log file by date or date range

Did Shadowfax go to Valinor?

What defenses are there against being summoned by the Gate spell?



Placement of More Information/Help Icon button for Radio Buttons


Replace radio-input with “buttons”? (web forms)Radio Buttons in the header?Form design and placement of action buttonsUse of Radio Buttons (Identification Context)Best placement for “ultimate” page actionsBest approach to presenting collapsible/expandable panels with radio button headersHow to show static (user initiated) and dynamic help text for radio buttons and dropdowns?Placement for next, prev and complete form later actionsIs it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation?Should read-only fields hide or disable icons?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








6















Throughout our system we are going to be standardizing when and how more information/help is used on specific input fields.



In general the standard will be to have the icon/button follow the field like so:
enter image description here



enter image description here



I am wondering where the placement should be for radio buttons? The more information/help will be referencing the radio set as a whole.



These are the potential options and I am wondering what would follow best practices for radio buttons and more information/help?



enter image description here










share|improve this question






















  • How about below main label?

    – Yong Quan
    2 days ago











  • What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.

    – L. Lemmer
    yesterday

















6















Throughout our system we are going to be standardizing when and how more information/help is used on specific input fields.



In general the standard will be to have the icon/button follow the field like so:
enter image description here



enter image description here



I am wondering where the placement should be for radio buttons? The more information/help will be referencing the radio set as a whole.



These are the potential options and I am wondering what would follow best practices for radio buttons and more information/help?



enter image description here










share|improve this question






















  • How about below main label?

    – Yong Quan
    2 days ago











  • What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.

    – L. Lemmer
    yesterday













6












6








6


2






Throughout our system we are going to be standardizing when and how more information/help is used on specific input fields.



In general the standard will be to have the icon/button follow the field like so:
enter image description here



enter image description here



I am wondering where the placement should be for radio buttons? The more information/help will be referencing the radio set as a whole.



These are the potential options and I am wondering what would follow best practices for radio buttons and more information/help?



enter image description here










share|improve this question














Throughout our system we are going to be standardizing when and how more information/help is used on specific input fields.



In general the standard will be to have the icon/button follow the field like so:
enter image description here



enter image description here



I am wondering where the placement should be for radio buttons? The more information/help will be referencing the radio set as a whole.



These are the potential options and I am wondering what would follow best practices for radio buttons and more information/help?



enter image description here







buttons input-fields radio-buttons help placement






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Apr 2 at 15:33









L. LemmerL. Lemmer

1268




1268












  • How about below main label?

    – Yong Quan
    2 days ago











  • What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.

    – L. Lemmer
    yesterday

















  • How about below main label?

    – Yong Quan
    2 days ago











  • What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.

    – L. Lemmer
    yesterday
















How about below main label?

– Yong Quan
2 days ago





How about below main label?

– Yong Quan
2 days ago













What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.

– L. Lemmer
yesterday





What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.

– L. Lemmer
yesterday










5 Answers
5






active

oldest

votes


















13














There is a difference in the understanding at the level of the concept (label) vs. the available choices. You may need a couple of patterns for flexibility.



If you are trying to impart understanding regarding the label and it's choices, you can put the i close to the label, and give some info on hover, with some links to documentation for further understanding if need be.



Think of scale and complexity, and have a resilient system.



I realize I'm not giving a straightforward 'Do it this way!', but providing a way of thinking of prioritized contexts, so you have some flexibility. Here's a couple of situations I've seen come up.



Unfamiliar label, few choices that can be somewhat familiar:



enter image description here



Unfamiliar label, many choices, some complex:



Either way, the ? (or i) is close to what it needs to describe.



enter image description here



If you top align your forms:



enter image description here



You'll also see this in some dropdown menus (which function the same as a long list of radio buttons). Here's an example from Google Analytics:



enter image description here






share|improve this answer
































    12














    Think of a logical order and good placement



    enter image description here




    Instead you may use this:



    enter image description here





    UPDATE



    Based on the comments from the OP (Original Poster):




    "So I am limited to the options that I have provided. It's standard in
    our system to have the controls go to the right of the label, not
    beneath it"




    Two Scenarios:



    1- You are NOT limited on horizontal space:



    enter image description here



    2- You are limited on horizontal space:



    enter image description here



    *Last option maybe to underline the Label itself, and when it is hovered, you display the Tooltip. The underline would be your visual clue here (it is not as clear as the info icon, and some might confuse it as a clickable text)



    END OF UPDATE








    share|improve this answer

























    • So I am limited to the options that I have provided. It's standard in our system to have the controls go to the right of the label, not beneath it (like you have in your suggestion). If all the options I presented are going to provide a poor user experience then maybe this as a standard: If a more information needs to be used for a radio set (it should be uncommon) instead of using a radio set use a combo box. Thoughts?

      – L. Lemmer
      Apr 2 at 20:24











    • I updated the answer accordingly.

      – Mo'ath
      6 hours ago


















    2














    I would use the info at the right centered in the label.



    Why? The wrist tends to the right so, It will be easier for the user to click and it doesnt break the layout of the questions.



    Radio buttons works best if they are vertically align because the eye can scan from top to bottom than going from left to right, going down and to the left and continuing scanning.



    BUT, after testing it, if the user is prompt to check the info tooltip, use it at left, aligned to the radio buttons. You can see the mouse movement in each case.



    enter image description here



    You can read more about the Fitt's Law here: https://en.wikipedia.org/wiki/Fitts%27s_law.



    if you use a grid for the label and the radio buttons, the user will learn the pattern and complete the form asap.



    In my opinion, it depends about the frequency of tooltip use. If the user are going to use this information frequently, left, if not, right.






    share|improve this answer










    New contributor




    Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.



























      0














      After radio options on the top.



      Given your additional context that you can't stack label and options, I think this would be ideal in context of other inputs. Users would be used to seeing it there.



      It would be more consistent than vertical centering.






      share|improve this answer








      New contributor




      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















      • Can you please provide a little screenshot of where you think it works better?

        – Mo'ath
        yesterday











      • @Mo'ath See the original screenshot. The third element in the screenshot. "After radio options on the top." which you'll see is visually similar to the existing options.

        – Dustin Graham
        7 hours ago


















      0














      What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.



      enter image description here






      share|improve this answer























      • Hmm, this does not answer a question reads: "Placement of More Information/Help Icon button for RADIO BUTTONS". You are changing the controller completely although you earlier mentioned that you cannot make the change on the Radio buttons structure and you are limited. What confuses me though is do you want the info icon to provide help for the Label or the radio button options? or both? Your design (combo-box) provides help for the radio button options.

        – Mo'ath
        yesterday











      Your Answer








      StackExchange.ready(function()
      var channelOptions =
      tags: "".split(" "),
      id: "102"
      ;
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function()
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled)
      StackExchange.using("snippets", function()
      createEditor();
      );

      else
      createEditor();

      );

      function createEditor()
      StackExchange.prepareEditor(
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: false,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: null,
      bindNavPrevention: true,
      postfix: "",
      imageUploader:
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      ,
      noCode: true, onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      );



      );













      draft saved

      draft discarded


















      StackExchange.ready(
      function ()
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f124819%2fplacement-of-more-information-help-icon-button-for-radio-buttons%23new-answer', 'question_page');

      );

      Post as a guest















      Required, but never shown

























      5 Answers
      5






      active

      oldest

      votes








      5 Answers
      5






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      13














      There is a difference in the understanding at the level of the concept (label) vs. the available choices. You may need a couple of patterns for flexibility.



      If you are trying to impart understanding regarding the label and it's choices, you can put the i close to the label, and give some info on hover, with some links to documentation for further understanding if need be.



      Think of scale and complexity, and have a resilient system.



      I realize I'm not giving a straightforward 'Do it this way!', but providing a way of thinking of prioritized contexts, so you have some flexibility. Here's a couple of situations I've seen come up.



      Unfamiliar label, few choices that can be somewhat familiar:



      enter image description here



      Unfamiliar label, many choices, some complex:



      Either way, the ? (or i) is close to what it needs to describe.



      enter image description here



      If you top align your forms:



      enter image description here



      You'll also see this in some dropdown menus (which function the same as a long list of radio buttons). Here's an example from Google Analytics:



      enter image description here






      share|improve this answer





























        13














        There is a difference in the understanding at the level of the concept (label) vs. the available choices. You may need a couple of patterns for flexibility.



        If you are trying to impart understanding regarding the label and it's choices, you can put the i close to the label, and give some info on hover, with some links to documentation for further understanding if need be.



        Think of scale and complexity, and have a resilient system.



        I realize I'm not giving a straightforward 'Do it this way!', but providing a way of thinking of prioritized contexts, so you have some flexibility. Here's a couple of situations I've seen come up.



        Unfamiliar label, few choices that can be somewhat familiar:



        enter image description here



        Unfamiliar label, many choices, some complex:



        Either way, the ? (or i) is close to what it needs to describe.



        enter image description here



        If you top align your forms:



        enter image description here



        You'll also see this in some dropdown menus (which function the same as a long list of radio buttons). Here's an example from Google Analytics:



        enter image description here






        share|improve this answer



























          13












          13








          13







          There is a difference in the understanding at the level of the concept (label) vs. the available choices. You may need a couple of patterns for flexibility.



          If you are trying to impart understanding regarding the label and it's choices, you can put the i close to the label, and give some info on hover, with some links to documentation for further understanding if need be.



          Think of scale and complexity, and have a resilient system.



          I realize I'm not giving a straightforward 'Do it this way!', but providing a way of thinking of prioritized contexts, so you have some flexibility. Here's a couple of situations I've seen come up.



          Unfamiliar label, few choices that can be somewhat familiar:



          enter image description here



          Unfamiliar label, many choices, some complex:



          Either way, the ? (or i) is close to what it needs to describe.



          enter image description here



          If you top align your forms:



          enter image description here



          You'll also see this in some dropdown menus (which function the same as a long list of radio buttons). Here's an example from Google Analytics:



          enter image description here






          share|improve this answer















          There is a difference in the understanding at the level of the concept (label) vs. the available choices. You may need a couple of patterns for flexibility.



          If you are trying to impart understanding regarding the label and it's choices, you can put the i close to the label, and give some info on hover, with some links to documentation for further understanding if need be.



          Think of scale and complexity, and have a resilient system.



          I realize I'm not giving a straightforward 'Do it this way!', but providing a way of thinking of prioritized contexts, so you have some flexibility. Here's a couple of situations I've seen come up.



          Unfamiliar label, few choices that can be somewhat familiar:



          enter image description here



          Unfamiliar label, many choices, some complex:



          Either way, the ? (or i) is close to what it needs to describe.



          enter image description here



          If you top align your forms:



          enter image description here



          You'll also see this in some dropdown menus (which function the same as a long list of radio buttons). Here's an example from Google Analytics:



          enter image description here







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Apr 2 at 19:30

























          answered Apr 2 at 16:05









          Mike MMike M

          11.5k12433




          11.5k12433























              12














              Think of a logical order and good placement



              enter image description here




              Instead you may use this:



              enter image description here





              UPDATE



              Based on the comments from the OP (Original Poster):




              "So I am limited to the options that I have provided. It's standard in
              our system to have the controls go to the right of the label, not
              beneath it"




              Two Scenarios:



              1- You are NOT limited on horizontal space:



              enter image description here



              2- You are limited on horizontal space:



              enter image description here



              *Last option maybe to underline the Label itself, and when it is hovered, you display the Tooltip. The underline would be your visual clue here (it is not as clear as the info icon, and some might confuse it as a clickable text)



              END OF UPDATE








              share|improve this answer

























              • So I am limited to the options that I have provided. It's standard in our system to have the controls go to the right of the label, not beneath it (like you have in your suggestion). If all the options I presented are going to provide a poor user experience then maybe this as a standard: If a more information needs to be used for a radio set (it should be uncommon) instead of using a radio set use a combo box. Thoughts?

                – L. Lemmer
                Apr 2 at 20:24











              • I updated the answer accordingly.

                – Mo'ath
                6 hours ago















              12














              Think of a logical order and good placement



              enter image description here




              Instead you may use this:



              enter image description here





              UPDATE



              Based on the comments from the OP (Original Poster):




              "So I am limited to the options that I have provided. It's standard in
              our system to have the controls go to the right of the label, not
              beneath it"




              Two Scenarios:



              1- You are NOT limited on horizontal space:



              enter image description here



              2- You are limited on horizontal space:



              enter image description here



              *Last option maybe to underline the Label itself, and when it is hovered, you display the Tooltip. The underline would be your visual clue here (it is not as clear as the info icon, and some might confuse it as a clickable text)



              END OF UPDATE








              share|improve this answer

























              • So I am limited to the options that I have provided. It's standard in our system to have the controls go to the right of the label, not beneath it (like you have in your suggestion). If all the options I presented are going to provide a poor user experience then maybe this as a standard: If a more information needs to be used for a radio set (it should be uncommon) instead of using a radio set use a combo box. Thoughts?

                – L. Lemmer
                Apr 2 at 20:24











              • I updated the answer accordingly.

                – Mo'ath
                6 hours ago













              12












              12








              12







              Think of a logical order and good placement



              enter image description here




              Instead you may use this:



              enter image description here





              UPDATE



              Based on the comments from the OP (Original Poster):




              "So I am limited to the options that I have provided. It's standard in
              our system to have the controls go to the right of the label, not
              beneath it"




              Two Scenarios:



              1- You are NOT limited on horizontal space:



              enter image description here



              2- You are limited on horizontal space:



              enter image description here



              *Last option maybe to underline the Label itself, and when it is hovered, you display the Tooltip. The underline would be your visual clue here (it is not as clear as the info icon, and some might confuse it as a clickable text)



              END OF UPDATE








              share|improve this answer















              Think of a logical order and good placement



              enter image description here




              Instead you may use this:



              enter image description here





              UPDATE



              Based on the comments from the OP (Original Poster):




              "So I am limited to the options that I have provided. It's standard in
              our system to have the controls go to the right of the label, not
              beneath it"




              Two Scenarios:



              1- You are NOT limited on horizontal space:



              enter image description here



              2- You are limited on horizontal space:



              enter image description here



              *Last option maybe to underline the Label itself, and when it is hovered, you display the Tooltip. The underline would be your visual clue here (it is not as clear as the info icon, and some might confuse it as a clickable text)



              END OF UPDATE









              share|improve this answer














              share|improve this answer



              share|improve this answer








              edited yesterday

























              answered Apr 2 at 19:14









              Mo'athMo'ath

              625213




              625213












              • So I am limited to the options that I have provided. It's standard in our system to have the controls go to the right of the label, not beneath it (like you have in your suggestion). If all the options I presented are going to provide a poor user experience then maybe this as a standard: If a more information needs to be used for a radio set (it should be uncommon) instead of using a radio set use a combo box. Thoughts?

                – L. Lemmer
                Apr 2 at 20:24











              • I updated the answer accordingly.

                – Mo'ath
                6 hours ago

















              • So I am limited to the options that I have provided. It's standard in our system to have the controls go to the right of the label, not beneath it (like you have in your suggestion). If all the options I presented are going to provide a poor user experience then maybe this as a standard: If a more information needs to be used for a radio set (it should be uncommon) instead of using a radio set use a combo box. Thoughts?

                – L. Lemmer
                Apr 2 at 20:24











              • I updated the answer accordingly.

                – Mo'ath
                6 hours ago
















              So I am limited to the options that I have provided. It's standard in our system to have the controls go to the right of the label, not beneath it (like you have in your suggestion). If all the options I presented are going to provide a poor user experience then maybe this as a standard: If a more information needs to be used for a radio set (it should be uncommon) instead of using a radio set use a combo box. Thoughts?

              – L. Lemmer
              Apr 2 at 20:24





              So I am limited to the options that I have provided. It's standard in our system to have the controls go to the right of the label, not beneath it (like you have in your suggestion). If all the options I presented are going to provide a poor user experience then maybe this as a standard: If a more information needs to be used for a radio set (it should be uncommon) instead of using a radio set use a combo box. Thoughts?

              – L. Lemmer
              Apr 2 at 20:24













              I updated the answer accordingly.

              – Mo'ath
              6 hours ago





              I updated the answer accordingly.

              – Mo'ath
              6 hours ago











              2














              I would use the info at the right centered in the label.



              Why? The wrist tends to the right so, It will be easier for the user to click and it doesnt break the layout of the questions.



              Radio buttons works best if they are vertically align because the eye can scan from top to bottom than going from left to right, going down and to the left and continuing scanning.



              BUT, after testing it, if the user is prompt to check the info tooltip, use it at left, aligned to the radio buttons. You can see the mouse movement in each case.



              enter image description here



              You can read more about the Fitt's Law here: https://en.wikipedia.org/wiki/Fitts%27s_law.



              if you use a grid for the label and the radio buttons, the user will learn the pattern and complete the form asap.



              In my opinion, it depends about the frequency of tooltip use. If the user are going to use this information frequently, left, if not, right.






              share|improve this answer










              New contributor




              Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
              Check out our Code of Conduct.
























                2














                I would use the info at the right centered in the label.



                Why? The wrist tends to the right so, It will be easier for the user to click and it doesnt break the layout of the questions.



                Radio buttons works best if they are vertically align because the eye can scan from top to bottom than going from left to right, going down and to the left and continuing scanning.



                BUT, after testing it, if the user is prompt to check the info tooltip, use it at left, aligned to the radio buttons. You can see the mouse movement in each case.



                enter image description here



                You can read more about the Fitt's Law here: https://en.wikipedia.org/wiki/Fitts%27s_law.



                if you use a grid for the label and the radio buttons, the user will learn the pattern and complete the form asap.



                In my opinion, it depends about the frequency of tooltip use. If the user are going to use this information frequently, left, if not, right.






                share|improve this answer










                New contributor




                Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                Check out our Code of Conduct.






















                  2












                  2








                  2







                  I would use the info at the right centered in the label.



                  Why? The wrist tends to the right so, It will be easier for the user to click and it doesnt break the layout of the questions.



                  Radio buttons works best if they are vertically align because the eye can scan from top to bottom than going from left to right, going down and to the left and continuing scanning.



                  BUT, after testing it, if the user is prompt to check the info tooltip, use it at left, aligned to the radio buttons. You can see the mouse movement in each case.



                  enter image description here



                  You can read more about the Fitt's Law here: https://en.wikipedia.org/wiki/Fitts%27s_law.



                  if you use a grid for the label and the radio buttons, the user will learn the pattern and complete the form asap.



                  In my opinion, it depends about the frequency of tooltip use. If the user are going to use this information frequently, left, if not, right.






                  share|improve this answer










                  New contributor




                  Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                  Check out our Code of Conduct.










                  I would use the info at the right centered in the label.



                  Why? The wrist tends to the right so, It will be easier for the user to click and it doesnt break the layout of the questions.



                  Radio buttons works best if they are vertically align because the eye can scan from top to bottom than going from left to right, going down and to the left and continuing scanning.



                  BUT, after testing it, if the user is prompt to check the info tooltip, use it at left, aligned to the radio buttons. You can see the mouse movement in each case.



                  enter image description here



                  You can read more about the Fitt's Law here: https://en.wikipedia.org/wiki/Fitts%27s_law.



                  if you use a grid for the label and the radio buttons, the user will learn the pattern and complete the form asap.



                  In my opinion, it depends about the frequency of tooltip use. If the user are going to use this information frequently, left, if not, right.







                  share|improve this answer










                  New contributor




                  Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                  Check out our Code of Conduct.









                  share|improve this answer



                  share|improve this answer








                  edited Apr 2 at 16:02





















                  New contributor




                  Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                  Check out our Code of Conduct.









                  answered Apr 2 at 15:56









                  Juan Jesús MilloJuan Jesús Millo

                  607110




                  607110




                  New contributor




                  Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                  Check out our Code of Conduct.





                  New contributor





                  Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                  Check out our Code of Conduct.






                  Juan Jesús Millo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                  Check out our Code of Conduct.





















                      0














                      After radio options on the top.



                      Given your additional context that you can't stack label and options, I think this would be ideal in context of other inputs. Users would be used to seeing it there.



                      It would be more consistent than vertical centering.






                      share|improve this answer








                      New contributor




                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.




















                      • Can you please provide a little screenshot of where you think it works better?

                        – Mo'ath
                        yesterday











                      • @Mo'ath See the original screenshot. The third element in the screenshot. "After radio options on the top." which you'll see is visually similar to the existing options.

                        – Dustin Graham
                        7 hours ago















                      0














                      After radio options on the top.



                      Given your additional context that you can't stack label and options, I think this would be ideal in context of other inputs. Users would be used to seeing it there.



                      It would be more consistent than vertical centering.






                      share|improve this answer








                      New contributor




                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.




















                      • Can you please provide a little screenshot of where you think it works better?

                        – Mo'ath
                        yesterday











                      • @Mo'ath See the original screenshot. The third element in the screenshot. "After radio options on the top." which you'll see is visually similar to the existing options.

                        – Dustin Graham
                        7 hours ago













                      0












                      0








                      0







                      After radio options on the top.



                      Given your additional context that you can't stack label and options, I think this would be ideal in context of other inputs. Users would be used to seeing it there.



                      It would be more consistent than vertical centering.






                      share|improve this answer








                      New contributor




                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.










                      After radio options on the top.



                      Given your additional context that you can't stack label and options, I think this would be ideal in context of other inputs. Users would be used to seeing it there.



                      It would be more consistent than vertical centering.







                      share|improve this answer








                      New contributor




                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.









                      share|improve this answer



                      share|improve this answer






                      New contributor




                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.









                      answered yesterday









                      Dustin GrahamDustin Graham

                      1012




                      1012




                      New contributor




                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.





                      New contributor





                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.






                      Dustin Graham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                      Check out our Code of Conduct.












                      • Can you please provide a little screenshot of where you think it works better?

                        – Mo'ath
                        yesterday











                      • @Mo'ath See the original screenshot. The third element in the screenshot. "After radio options on the top." which you'll see is visually similar to the existing options.

                        – Dustin Graham
                        7 hours ago

















                      • Can you please provide a little screenshot of where you think it works better?

                        – Mo'ath
                        yesterday











                      • @Mo'ath See the original screenshot. The third element in the screenshot. "After radio options on the top." which you'll see is visually similar to the existing options.

                        – Dustin Graham
                        7 hours ago
















                      Can you please provide a little screenshot of where you think it works better?

                      – Mo'ath
                      yesterday





                      Can you please provide a little screenshot of where you think it works better?

                      – Mo'ath
                      yesterday













                      @Mo'ath See the original screenshot. The third element in the screenshot. "After radio options on the top." which you'll see is visually similar to the existing options.

                      – Dustin Graham
                      7 hours ago





                      @Mo'ath See the original screenshot. The third element in the screenshot. "After radio options on the top." which you'll see is visually similar to the existing options.

                      – Dustin Graham
                      7 hours ago











                      0














                      What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.



                      enter image description here






                      share|improve this answer























                      • Hmm, this does not answer a question reads: "Placement of More Information/Help Icon button for RADIO BUTTONS". You are changing the controller completely although you earlier mentioned that you cannot make the change on the Radio buttons structure and you are limited. What confuses me though is do you want the info icon to provide help for the Label or the radio button options? or both? Your design (combo-box) provides help for the radio button options.

                        – Mo'ath
                        yesterday















                      0














                      What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.



                      enter image description here






                      share|improve this answer























                      • Hmm, this does not answer a question reads: "Placement of More Information/Help Icon button for RADIO BUTTONS". You are changing the controller completely although you earlier mentioned that you cannot make the change on the Radio buttons structure and you are limited. What confuses me though is do you want the info icon to provide help for the Label or the radio button options? or both? Your design (combo-box) provides help for the radio button options.

                        – Mo'ath
                        yesterday













                      0












                      0








                      0







                      What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.



                      enter image description here






                      share|improve this answer













                      What we decided on was to just use a combo box if it is an enum. Since it is our practice to only use the more information when it is absolutely needed. Therefore it should be pretty rare for them to show up, but IF it is needed and it is an enum just use the combo box control to avoid all confusion.



                      enter image description here







                      share|improve this answer












                      share|improve this answer



                      share|improve this answer










                      answered yesterday









                      L. LemmerL. Lemmer

                      1268




                      1268












                      • Hmm, this does not answer a question reads: "Placement of More Information/Help Icon button for RADIO BUTTONS". You are changing the controller completely although you earlier mentioned that you cannot make the change on the Radio buttons structure and you are limited. What confuses me though is do you want the info icon to provide help for the Label or the radio button options? or both? Your design (combo-box) provides help for the radio button options.

                        – Mo'ath
                        yesterday

















                      • Hmm, this does not answer a question reads: "Placement of More Information/Help Icon button for RADIO BUTTONS". You are changing the controller completely although you earlier mentioned that you cannot make the change on the Radio buttons structure and you are limited. What confuses me though is do you want the info icon to provide help for the Label or the radio button options? or both? Your design (combo-box) provides help for the radio button options.

                        – Mo'ath
                        yesterday
















                      Hmm, this does not answer a question reads: "Placement of More Information/Help Icon button for RADIO BUTTONS". You are changing the controller completely although you earlier mentioned that you cannot make the change on the Radio buttons structure and you are limited. What confuses me though is do you want the info icon to provide help for the Label or the radio button options? or both? Your design (combo-box) provides help for the radio button options.

                      – Mo'ath
                      yesterday





                      Hmm, this does not answer a question reads: "Placement of More Information/Help Icon button for RADIO BUTTONS". You are changing the controller completely although you earlier mentioned that you cannot make the change on the Radio buttons structure and you are limited. What confuses me though is do you want the info icon to provide help for the Label or the radio button options? or both? Your design (combo-box) provides help for the radio button options.

                      – Mo'ath
                      yesterday

















                      draft saved

                      draft discarded
















































                      Thanks for contributing an answer to User Experience Stack Exchange!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid


                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.

                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function ()
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f124819%2fplacement-of-more-information-help-icon-button-for-radio-buttons%23new-answer', 'question_page');

                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      Popular posts from this blog

                      How to write a 12-bar blues melodyI-IV-V blues progressionHow to play the bridges in a standard blues progressionHow does Gdim7 fit in C# minor?question on a certain chord progressionMusicology of Melody12 bar blues, spread rhythm: alternative to 6th chord to avoid finger stretchChord progressions/ Root key/ MelodiesHow to put chords (POP-EDM) under a given lead vocal melody (starting from a good knowledge in music theory)Are there “rules” for improvising with the minor pentatonic scale over 12-bar shuffle?Confusion about blues scale and chords

                      What if the end-user didn't have the required library?What is setup.py?What is a clean, pythonic way to have multiple constructors in Python?What does Ruby have that Python doesn't, and vice versa?What is the reason for having '//' in Python?How do I create a namespace package in Python?How to package shared objects that python modules depend on?setuptools vs. distutils: why is distutils still a thing?Navigation in Windows 10 vs code not going to virtualenv library when the same library is installed at user levelPython create package for local usePackaging a project that uses multiple python versionsWhy is permission denied on pip install except for when “--user” is included at end of command?

                      Why did Thanos need his ship to help him in the battle scene?Which actor plays Thanos in the Avengers mid-credits scene?Are there economic implications portrayed in comics where the buildings and cities are ruined almost daily?Old X-Men comic where team travels to alien world with a ring-like sun that needs recharging?Why does Ego need help sleeping?Is there an objective answer to who “the strongest Avenger” is?How did Banner get unstuck?Why did Thanos get hit?How did Thanos (or anyone) know the Infinity Stones would give him this power?Did Thanos leave Eitri alive for his after-sales service?In Avengers 1, why does Thanos need Loki?