Placement of More Information/Help Icon button for Radio Buttons Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?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?

How often does castling occur in grandmaster games?

Why did Roosevelt decide to implement a maximum wage through taxation rather than a simple ceiling?

How do I make this wiring inside cabinet safer?

If windows 7 doesn't support WSL, then what does Linux subsystem option mean?

How to write this math term? with cases it isn't working

How come Sam didn't become Lord of Horn Hill?

Fundamental Solution of the Pell Equation

Why do we bend a book to keep it straight?

NumericArray versus PackedArray in MMA12

Time to Settle Down!

Is CEO the "profession" with the most psychopaths?

How to Make a Beautiful Stacked 3D Plot

Redirect to div in page with #

Most bit efficient text communication method?

Crossing US/Canada Border for less than 24 hours

Amount of permutations on an NxNxN Rubik's Cube

Performance gap between bool std:vector and array

Is this homebrew Lady of Pain warlock patron balanced?

AppleTVs create a chatty alternate WiFi network

Run Powershell Script From Agent As Administrator

Selecting user stories during sprint planning

Take 2! Is this homebrew Lady of Pain warlock patron balanced?

What do you call the main part of a joke?

An adverb for when you're not exaggerating



Placement of More Information/Help Icon button for Radio Buttons



Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?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
    Apr 3 at 2:30











  • 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
    Apr 4 at 17:56

















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
    Apr 3 at 2:30











  • 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
    Apr 4 at 17:56













6












6








6


3






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

1269




1269












  • How about below main label?

    – Yong Quan
    Apr 3 at 2:30











  • 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
    Apr 4 at 17:56

















  • How about below main label?

    – Yong Quan
    Apr 3 at 2:30











  • 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
    Apr 4 at 17:56
















How about below main label?

– Yong Quan
Apr 3 at 2:30





How about below main label?

– Yong Quan
Apr 3 at 2:30













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
Apr 4 at 17:56





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
Apr 4 at 17:56










5 Answers
5






active

oldest

votes


















14














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
      Apr 5 at 16:00


















    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
































      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























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

        – Mo'ath
        Apr 4 at 14:46











      • @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
        Apr 5 at 15:41


















      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
        Apr 4 at 19:43











      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









      14














      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





























        14














        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



























          14












          14








          14







          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

          12.5k12736




          12.5k12736























              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
                Apr 5 at 16:00















              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
                Apr 5 at 16:00













              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 Apr 4 at 18:42

























              answered Apr 2 at 19:14









              Mo'athMo'ath

              775213




              775213












              • 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
                Apr 5 at 16:00

















              • 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
                Apr 5 at 16:00
















              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
              Apr 5 at 16:00





              I updated the answer accordingly.

              – Mo'ath
              Apr 5 at 16:00











              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





























                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



























                  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















                  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














                  share|improve this answer



                  share|improve this answer








                  edited Apr 2 at 16:02

























                  answered Apr 2 at 15:56









                  Juan Jesús MilloJuan Jesús Millo

                  682113




                  682113





















                      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























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

                        – Mo'ath
                        Apr 4 at 14:46











                      • @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
                        Apr 5 at 15:41















                      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























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

                        – Mo'ath
                        Apr 4 at 14:46











                      • @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
                        Apr 5 at 15:41













                      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













                      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












                      share|improve this answer



                      share|improve this answer










                      answered Apr 4 at 13:55









                      Dustin GrahamDustin Graham

                      1012




                      1012












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

                        – Mo'ath
                        Apr 4 at 14:46











                      • @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
                        Apr 5 at 15:41

















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

                        – Mo'ath
                        Apr 4 at 14:46











                      • @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
                        Apr 5 at 15:41
















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

                      – Mo'ath
                      Apr 4 at 14:46





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

                      – Mo'ath
                      Apr 4 at 14:46













                      @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
                      Apr 5 at 15:41





                      @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
                      Apr 5 at 15:41











                      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
                        Apr 4 at 19:43















                      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
                        Apr 4 at 19:43













                      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 Apr 4 at 17:59









                      L. LemmerL. Lemmer

                      1269




                      1269












                      • 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
                        Apr 4 at 19:43

















                      • 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
                        Apr 4 at 19:43
















                      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
                      Apr 4 at 19:43





                      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
                      Apr 4 at 19:43

















                      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

                      Adding axes to figuresAdding axes labels to LaTeX figuresLaTeX equivalent of ConTeXt buffersRotate a node but not its content: the case of the ellipse decorationHow to define the default vertical distance between nodes?TikZ scaling graphic and adjust node position and keep font sizeNumerical conditional within tikz keys?adding axes to shapesAlign axes across subfiguresAdding figures with a certain orderLine up nested tikz enviroments or how to get rid of themAdding axes labels to LaTeX figures

                      Luettelo Yhdysvaltain laivaston lentotukialuksista Lähteet | Navigointivalikko

                      Gary (muusikko) Sisällysluettelo Historia | Rockin' High | Lähteet | Aiheesta muualla | NavigointivalikkoInfobox OKTuomas "Gary" Keskinen Ancaran kitaristiksiProjekti Rockin' High