Button changing its text & action. Good or terrible? Planned maintenance scheduled April 23, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How little is too little padding between button text and its button border?Desktop application problem: how to present a new option without confusing existing usersEvidence of Button-action and Link-action in the same scope?Primary Action Button ColorsButton text in table column - 'Open' or action name?Changing text on a button twice after actionIs it a good idea to use a Floating Action Button for non-actions?Grid action button selectionImproving button state by only changing coloursChanging button alpha value v button text colour to indicate current button status

Why is Nikon 1.4g better when Nikon 1.8g is sharper?

Converted a Scalar function to a TVF function for parallel execution-Still running in Serial mode

How fail-safe is nr as stop bytes?

How do I find out the mythology and history of my Fortress?

Chebyshev inequality in terms of RMS

A term for a woman complaining about things/begging in a cute/childish way

Disembodied hand growing fangs

Is grep documentation about ignoring case wrong, since it doesn't ignore case in filenames?

Chinese Seal on silk painting - what does it mean?

When a candle burns, why does the top of wick glow if bottom of flame is hottest?

What is the font for "b" letter?

Amount of permutations on an NxNxN Rubik's Cube

How were pictures turned from film to a big picture in a picture frame before digital scanning?

How to tell that you are a giant?

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

Did Krishna say in Bhagavad Gita "I am in every living being"

Did Deadpool rescue all of the X-Force?

AppleTVs create a chatty alternate WiFi network

Why does the remaining Rebel fleet at the end of Rogue One seem dramatically larger than the one in A New Hope?

Generate an RGB colour grid

What was the first language to use conditional keywords?

Why do we need to use the builder design pattern when we can do the same thing with setters?

Does the Weapon Master feat grant you a fighting style?

How does light 'choose' between wave and particle behaviour?



Button changing its text & action. Good or terrible?



Planned maintenance scheduled April 23, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?How little is too little padding between button text and its button border?Desktop application problem: how to present a new option without confusing existing usersEvidence of Button-action and Link-action in the same scope?Primary Action Button ColorsButton text in table column - 'Open' or action name?Changing text on a button twice after actionIs it a good idea to use a Floating Action Button for non-actions?Grid action button selectionImproving button state by only changing coloursChanging button alpha value v button text colour to indicate current button status



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








40















enter image description here
After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the exact opposite of what it did until the event was purchased.



Is it a good practice to have the same button change it's function or is it bad and confusing?



Update:

If it helps anyone, I went with this layout:
enter image description here










share|improve this question
























  • Another option is to completely separate notification/state from action. Change the background color for registered rows. Add a “registered” label above the row. Leave the button column to a single true/false state. Instead of “March 8” it could read “your event starts March 8”... this point is, all the action doesn’t have to revolve around the button, and you may find added SEO and accessibility tidbits with added labels and markup :)

    – Prestosaurus
    Apr 13 at 16:54











  • Adding to the specific question, changing text is fine if it's logical. Left to right, top to bottom, forward to backward. These steps can all equate back to themselves. So with that logic in mind, maybe the Register button should have the checkmark, and the Unregister button should have a relative icon like an "X".

    – Prestosaurus
    Apr 13 at 17:12

















40















enter image description here
After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the exact opposite of what it did until the event was purchased.



Is it a good practice to have the same button change it's function or is it bad and confusing?



Update:

If it helps anyone, I went with this layout:
enter image description here










share|improve this question
























  • Another option is to completely separate notification/state from action. Change the background color for registered rows. Add a “registered” label above the row. Leave the button column to a single true/false state. Instead of “March 8” it could read “your event starts March 8”... this point is, all the action doesn’t have to revolve around the button, and you may find added SEO and accessibility tidbits with added labels and markup :)

    – Prestosaurus
    Apr 13 at 16:54











  • Adding to the specific question, changing text is fine if it's logical. Left to right, top to bottom, forward to backward. These steps can all equate back to themselves. So with that logic in mind, maybe the Register button should have the checkmark, and the Unregister button should have a relative icon like an "X".

    – Prestosaurus
    Apr 13 at 17:12













40












40








40


8






enter image description here
After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the exact opposite of what it did until the event was purchased.



Is it a good practice to have the same button change it's function or is it bad and confusing?



Update:

If it helps anyone, I went with this layout:
enter image description here










share|improve this question
















enter image description here
After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the exact opposite of what it did until the event was purchased.



Is it a good practice to have the same button change it's function or is it bad and confusing?



Update:

If it helps anyone, I went with this layout:
enter image description here







interaction-design buttons layout design-patterns information-design






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Apr 11 at 23:51









Mike M

12.5k12736




12.5k12736










asked Apr 10 at 19:14









Dennis NovacDennis Novac

30936




30936












  • Another option is to completely separate notification/state from action. Change the background color for registered rows. Add a “registered” label above the row. Leave the button column to a single true/false state. Instead of “March 8” it could read “your event starts March 8”... this point is, all the action doesn’t have to revolve around the button, and you may find added SEO and accessibility tidbits with added labels and markup :)

    – Prestosaurus
    Apr 13 at 16:54











  • Adding to the specific question, changing text is fine if it's logical. Left to right, top to bottom, forward to backward. These steps can all equate back to themselves. So with that logic in mind, maybe the Register button should have the checkmark, and the Unregister button should have a relative icon like an "X".

    – Prestosaurus
    Apr 13 at 17:12

















  • Another option is to completely separate notification/state from action. Change the background color for registered rows. Add a “registered” label above the row. Leave the button column to a single true/false state. Instead of “March 8” it could read “your event starts March 8”... this point is, all the action doesn’t have to revolve around the button, and you may find added SEO and accessibility tidbits with added labels and markup :)

    – Prestosaurus
    Apr 13 at 16:54











  • Adding to the specific question, changing text is fine if it's logical. Left to right, top to bottom, forward to backward. These steps can all equate back to themselves. So with that logic in mind, maybe the Register button should have the checkmark, and the Unregister button should have a relative icon like an "X".

    – Prestosaurus
    Apr 13 at 17:12
















Another option is to completely separate notification/state from action. Change the background color for registered rows. Add a “registered” label above the row. Leave the button column to a single true/false state. Instead of “March 8” it could read “your event starts March 8”... this point is, all the action doesn’t have to revolve around the button, and you may find added SEO and accessibility tidbits with added labels and markup :)

– Prestosaurus
Apr 13 at 16:54





Another option is to completely separate notification/state from action. Change the background color for registered rows. Add a “registered” label above the row. Leave the button column to a single true/false state. Instead of “March 8” it could read “your event starts March 8”... this point is, all the action doesn’t have to revolve around the button, and you may find added SEO and accessibility tidbits with added labels and markup :)

– Prestosaurus
Apr 13 at 16:54













Adding to the specific question, changing text is fine if it's logical. Left to right, top to bottom, forward to backward. These steps can all equate back to themselves. So with that logic in mind, maybe the Register button should have the checkmark, and the Unregister button should have a relative icon like an "X".

– Prestosaurus
Apr 13 at 17:12





Adding to the specific question, changing text is fine if it's logical. Left to right, top to bottom, forward to backward. These steps can all equate back to themselves. So with that logic in mind, maybe the Register button should have the checkmark, and the Unregister button should have a relative icon like an "X".

– Prestosaurus
Apr 13 at 17:12










4 Answers
4






active

oldest

votes


















70














You can change the button to reflect the only available action, but separate the display of state.



You've replaced the button label with the only available action: reverting (unregistering).



Where it starts to get a little confusing is you have a checkmark alongside the button label.



One approach is to separate them. Separate the status 'You are attending' from the action.



Since the primary action when scanning the list is Register, you can make the Unregister button more subtle.



enter image description here



Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.



enter image description here



This example emphasizes the current state 'Attending' so it's clear at a glance.



This also uses distinct language to more clearly differentiate state from action.






share|improve this answer




















  • 1





    Even though having Unregister as small and subtle as possible would be great for business goals, it just doesn't fit the overall view and idea of the page. Probably will use this version: prntscr.com/na9sd2

    – Dennis Novac
    Apr 10 at 21:38






  • 4





    @DennisNovac Thanks for the feedback... Button / action size is just a graphic suggestion. The main emphasis I wanted to impart is clarity between state and action.

    – Mike M
    Apr 10 at 21:45



















9














I would keep the general style of the button, to be consistent. However I think the most important thing is to confirm that you have registered, and not have this state be confusingly similar to not being registered, except for "Un". Since the important thing is that you have already registered I would put that on top, with the unregister button underneath. Having the lighter style also makes it less likely that a quick perusal would mistake it for needing to register. Like this:



Suggested layout






share|improve this answer























  • Good suggestion to show the current status first (top). I would encourage using the green color shade he is already using for the "You are attending" text.

    – Mo'ath
    Apr 11 at 13:07



















4














For comparison, social media sites usually have something like that button for following/unfollowing.



Some examples:




  • Tumblr:



    Follow / Unfollow




  • Reddit:



    subscribe / unsubscribe




  • Twitter:



    Follow / Following / Unfollow




  • YouTube:



    Subscribe / Subscribed / Unsubscribe




  • Facebook:



    Follow / Following / Following with dropdown menu where "Unfollow this page" is one of the menu items







share|improve this answer








New contributor




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



























    3














    Do not "less emphasize" it unless it is a requirement!



    Do not jeopardise your users' experience in the favor of discouraging an action!



    These are two different buttons with two different functionalities that are EQUALLY important to the users.



    Apparently users should be able to Register and to Unregister. Similarly I am able to buy from Amazon and I am able to make a return or cancel an order. Although Amazon would prefer less returns/cancellation happening, they do/should not make the Return/Cancel buttons confusing and less accessible.



    *Less emphasizing does not mean confusing the user and making the task hard to achieve.



    *There is nothing wrong with having the "Unregister" button replacing the "Register" button.



    Recommendations:



    • Show something like "Already registered" label (with the check-mark maybe) for users who are already registered and coming back to revisits the page.

    • Display the "Unregister" button in blue just like the "Register" button and remove the check-mark that you added next to "Unregister".


    Now, if deemphasizing the "Unregister" task is a Requirement:



    See suggestions in the update sections below.



    UPDATE (1):



    I just noticed Mike's answer (I think it was posted a couple minutes before mine). I echo his idea: "Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link".



    END OF UPDATE (1)




    UPDATE (2):



    This update is to suggest a design improvement based on the OP update and other answers:



    enter image description here



    END OF UPDATE (2).






    share|improve this answer




















    • 4





      Well I don't see anything that horrible about making a button less noticeable, in case you want users to use it less often. Am I missing something?

      – Dennis Novac
      Apr 10 at 21:44






    • 7





      Yes, it is not wrong to make a button less noticeable, but not the way it is done in your question. It is confusing. The button looks disabled and the check-mark made it even more confusing. The reason I added the update section in my answer was to express that I like the idea of using the subtle link as a good way to less emphasize the option. However, making it confusing and hard to achieve is wrong.

      – Mo'ath
      Apr 10 at 23:01











    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%2f124994%2fbutton-changing-its-text-action-good-or-terrible%23new-answer', 'question_page');

    );

    Post as a guest















    Required, but never shown

























    4 Answers
    4






    active

    oldest

    votes








    4 Answers
    4






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    70














    You can change the button to reflect the only available action, but separate the display of state.



    You've replaced the button label with the only available action: reverting (unregistering).



    Where it starts to get a little confusing is you have a checkmark alongside the button label.



    One approach is to separate them. Separate the status 'You are attending' from the action.



    Since the primary action when scanning the list is Register, you can make the Unregister button more subtle.



    enter image description here



    Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.



    enter image description here



    This example emphasizes the current state 'Attending' so it's clear at a glance.



    This also uses distinct language to more clearly differentiate state from action.






    share|improve this answer




















    • 1





      Even though having Unregister as small and subtle as possible would be great for business goals, it just doesn't fit the overall view and idea of the page. Probably will use this version: prntscr.com/na9sd2

      – Dennis Novac
      Apr 10 at 21:38






    • 4





      @DennisNovac Thanks for the feedback... Button / action size is just a graphic suggestion. The main emphasis I wanted to impart is clarity between state and action.

      – Mike M
      Apr 10 at 21:45
















    70














    You can change the button to reflect the only available action, but separate the display of state.



    You've replaced the button label with the only available action: reverting (unregistering).



    Where it starts to get a little confusing is you have a checkmark alongside the button label.



    One approach is to separate them. Separate the status 'You are attending' from the action.



    Since the primary action when scanning the list is Register, you can make the Unregister button more subtle.



    enter image description here



    Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.



    enter image description here



    This example emphasizes the current state 'Attending' so it's clear at a glance.



    This also uses distinct language to more clearly differentiate state from action.






    share|improve this answer




















    • 1





      Even though having Unregister as small and subtle as possible would be great for business goals, it just doesn't fit the overall view and idea of the page. Probably will use this version: prntscr.com/na9sd2

      – Dennis Novac
      Apr 10 at 21:38






    • 4





      @DennisNovac Thanks for the feedback... Button / action size is just a graphic suggestion. The main emphasis I wanted to impart is clarity between state and action.

      – Mike M
      Apr 10 at 21:45














    70












    70








    70







    You can change the button to reflect the only available action, but separate the display of state.



    You've replaced the button label with the only available action: reverting (unregistering).



    Where it starts to get a little confusing is you have a checkmark alongside the button label.



    One approach is to separate them. Separate the status 'You are attending' from the action.



    Since the primary action when scanning the list is Register, you can make the Unregister button more subtle.



    enter image description here



    Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.



    enter image description here



    This example emphasizes the current state 'Attending' so it's clear at a glance.



    This also uses distinct language to more clearly differentiate state from action.






    share|improve this answer















    You can change the button to reflect the only available action, but separate the display of state.



    You've replaced the button label with the only available action: reverting (unregistering).



    Where it starts to get a little confusing is you have a checkmark alongside the button label.



    One approach is to separate them. Separate the status 'You are attending' from the action.



    Since the primary action when scanning the list is Register, you can make the Unregister button more subtle.



    enter image description here



    Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.



    enter image description here



    This example emphasizes the current state 'Attending' so it's clear at a glance.



    This also uses distinct language to more clearly differentiate state from action.







    share|improve this answer














    share|improve this answer



    share|improve this answer








    edited Apr 11 at 13:40

























    answered Apr 10 at 19:54









    Mike MMike M

    12.5k12736




    12.5k12736







    • 1





      Even though having Unregister as small and subtle as possible would be great for business goals, it just doesn't fit the overall view and idea of the page. Probably will use this version: prntscr.com/na9sd2

      – Dennis Novac
      Apr 10 at 21:38






    • 4





      @DennisNovac Thanks for the feedback... Button / action size is just a graphic suggestion. The main emphasis I wanted to impart is clarity between state and action.

      – Mike M
      Apr 10 at 21:45













    • 1





      Even though having Unregister as small and subtle as possible would be great for business goals, it just doesn't fit the overall view and idea of the page. Probably will use this version: prntscr.com/na9sd2

      – Dennis Novac
      Apr 10 at 21:38






    • 4





      @DennisNovac Thanks for the feedback... Button / action size is just a graphic suggestion. The main emphasis I wanted to impart is clarity between state and action.

      – Mike M
      Apr 10 at 21:45








    1




    1





    Even though having Unregister as small and subtle as possible would be great for business goals, it just doesn't fit the overall view and idea of the page. Probably will use this version: prntscr.com/na9sd2

    – Dennis Novac
    Apr 10 at 21:38





    Even though having Unregister as small and subtle as possible would be great for business goals, it just doesn't fit the overall view and idea of the page. Probably will use this version: prntscr.com/na9sd2

    – Dennis Novac
    Apr 10 at 21:38




    4




    4





    @DennisNovac Thanks for the feedback... Button / action size is just a graphic suggestion. The main emphasis I wanted to impart is clarity between state and action.

    – Mike M
    Apr 10 at 21:45






    @DennisNovac Thanks for the feedback... Button / action size is just a graphic suggestion. The main emphasis I wanted to impart is clarity between state and action.

    – Mike M
    Apr 10 at 21:45














    9














    I would keep the general style of the button, to be consistent. However I think the most important thing is to confirm that you have registered, and not have this state be confusingly similar to not being registered, except for "Un". Since the important thing is that you have already registered I would put that on top, with the unregister button underneath. Having the lighter style also makes it less likely that a quick perusal would mistake it for needing to register. Like this:



    Suggested layout






    share|improve this answer























    • Good suggestion to show the current status first (top). I would encourage using the green color shade he is already using for the "You are attending" text.

      – Mo'ath
      Apr 11 at 13:07
















    9














    I would keep the general style of the button, to be consistent. However I think the most important thing is to confirm that you have registered, and not have this state be confusingly similar to not being registered, except for "Un". Since the important thing is that you have already registered I would put that on top, with the unregister button underneath. Having the lighter style also makes it less likely that a quick perusal would mistake it for needing to register. Like this:



    Suggested layout






    share|improve this answer























    • Good suggestion to show the current status first (top). I would encourage using the green color shade he is already using for the "You are attending" text.

      – Mo'ath
      Apr 11 at 13:07














    9












    9








    9







    I would keep the general style of the button, to be consistent. However I think the most important thing is to confirm that you have registered, and not have this state be confusingly similar to not being registered, except for "Un". Since the important thing is that you have already registered I would put that on top, with the unregister button underneath. Having the lighter style also makes it less likely that a quick perusal would mistake it for needing to register. Like this:



    Suggested layout






    share|improve this answer













    I would keep the general style of the button, to be consistent. However I think the most important thing is to confirm that you have registered, and not have this state be confusingly similar to not being registered, except for "Un". Since the important thing is that you have already registered I would put that on top, with the unregister button underneath. Having the lighter style also makes it less likely that a quick perusal would mistake it for needing to register. Like this:



    Suggested layout







    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered Apr 11 at 10:10









    Nick GammonNick Gammon

    62635




    62635












    • Good suggestion to show the current status first (top). I would encourage using the green color shade he is already using for the "You are attending" text.

      – Mo'ath
      Apr 11 at 13:07


















    • Good suggestion to show the current status first (top). I would encourage using the green color shade he is already using for the "You are attending" text.

      – Mo'ath
      Apr 11 at 13:07

















    Good suggestion to show the current status first (top). I would encourage using the green color shade he is already using for the "You are attending" text.

    – Mo'ath
    Apr 11 at 13:07






    Good suggestion to show the current status first (top). I would encourage using the green color shade he is already using for the "You are attending" text.

    – Mo'ath
    Apr 11 at 13:07












    4














    For comparison, social media sites usually have something like that button for following/unfollowing.



    Some examples:




    • Tumblr:



      Follow / Unfollow




    • Reddit:



      subscribe / unsubscribe




    • Twitter:



      Follow / Following / Unfollow




    • YouTube:



      Subscribe / Subscribed / Unsubscribe




    • Facebook:



      Follow / Following / Following with dropdown menu where "Unfollow this page" is one of the menu items







    share|improve this answer








    New contributor




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
























      4














      For comparison, social media sites usually have something like that button for following/unfollowing.



      Some examples:




      • Tumblr:



        Follow / Unfollow




      • Reddit:



        subscribe / unsubscribe




      • Twitter:



        Follow / Following / Unfollow




      • YouTube:



        Subscribe / Subscribed / Unsubscribe




      • Facebook:



        Follow / Following / Following with dropdown menu where "Unfollow this page" is one of the menu items







      share|improve this answer








      New contributor




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






















        4












        4








        4







        For comparison, social media sites usually have something like that button for following/unfollowing.



        Some examples:




        • Tumblr:



          Follow / Unfollow




        • Reddit:



          subscribe / unsubscribe




        • Twitter:



          Follow / Following / Unfollow




        • YouTube:



          Subscribe / Subscribed / Unsubscribe




        • Facebook:



          Follow / Following / Following with dropdown menu where "Unfollow this page" is one of the menu items







        share|improve this answer








        New contributor




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










        For comparison, social media sites usually have something like that button for following/unfollowing.



        Some examples:




        • Tumblr:



          Follow / Unfollow




        • Reddit:



          subscribe / unsubscribe




        • Twitter:



          Follow / Following / Unfollow




        • YouTube:



          Subscribe / Subscribed / Unsubscribe




        • Facebook:



          Follow / Following / Following with dropdown menu where "Unfollow this page" is one of the menu items








        share|improve this answer








        New contributor




        ahiijny 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




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









        answered Apr 13 at 1:14









        ahiijnyahiijny

        1413




        1413




        New contributor




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





        New contributor





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






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





















            3














            Do not "less emphasize" it unless it is a requirement!



            Do not jeopardise your users' experience in the favor of discouraging an action!



            These are two different buttons with two different functionalities that are EQUALLY important to the users.



            Apparently users should be able to Register and to Unregister. Similarly I am able to buy from Amazon and I am able to make a return or cancel an order. Although Amazon would prefer less returns/cancellation happening, they do/should not make the Return/Cancel buttons confusing and less accessible.



            *Less emphasizing does not mean confusing the user and making the task hard to achieve.



            *There is nothing wrong with having the "Unregister" button replacing the "Register" button.



            Recommendations:



            • Show something like "Already registered" label (with the check-mark maybe) for users who are already registered and coming back to revisits the page.

            • Display the "Unregister" button in blue just like the "Register" button and remove the check-mark that you added next to "Unregister".


            Now, if deemphasizing the "Unregister" task is a Requirement:



            See suggestions in the update sections below.



            UPDATE (1):



            I just noticed Mike's answer (I think it was posted a couple minutes before mine). I echo his idea: "Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link".



            END OF UPDATE (1)




            UPDATE (2):



            This update is to suggest a design improvement based on the OP update and other answers:



            enter image description here



            END OF UPDATE (2).






            share|improve this answer




















            • 4





              Well I don't see anything that horrible about making a button less noticeable, in case you want users to use it less often. Am I missing something?

              – Dennis Novac
              Apr 10 at 21:44






            • 7





              Yes, it is not wrong to make a button less noticeable, but not the way it is done in your question. It is confusing. The button looks disabled and the check-mark made it even more confusing. The reason I added the update section in my answer was to express that I like the idea of using the subtle link as a good way to less emphasize the option. However, making it confusing and hard to achieve is wrong.

              – Mo'ath
              Apr 10 at 23:01















            3














            Do not "less emphasize" it unless it is a requirement!



            Do not jeopardise your users' experience in the favor of discouraging an action!



            These are two different buttons with two different functionalities that are EQUALLY important to the users.



            Apparently users should be able to Register and to Unregister. Similarly I am able to buy from Amazon and I am able to make a return or cancel an order. Although Amazon would prefer less returns/cancellation happening, they do/should not make the Return/Cancel buttons confusing and less accessible.



            *Less emphasizing does not mean confusing the user and making the task hard to achieve.



            *There is nothing wrong with having the "Unregister" button replacing the "Register" button.



            Recommendations:



            • Show something like "Already registered" label (with the check-mark maybe) for users who are already registered and coming back to revisits the page.

            • Display the "Unregister" button in blue just like the "Register" button and remove the check-mark that you added next to "Unregister".


            Now, if deemphasizing the "Unregister" task is a Requirement:



            See suggestions in the update sections below.



            UPDATE (1):



            I just noticed Mike's answer (I think it was posted a couple minutes before mine). I echo his idea: "Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link".



            END OF UPDATE (1)




            UPDATE (2):



            This update is to suggest a design improvement based on the OP update and other answers:



            enter image description here



            END OF UPDATE (2).






            share|improve this answer




















            • 4





              Well I don't see anything that horrible about making a button less noticeable, in case you want users to use it less often. Am I missing something?

              – Dennis Novac
              Apr 10 at 21:44






            • 7





              Yes, it is not wrong to make a button less noticeable, but not the way it is done in your question. It is confusing. The button looks disabled and the check-mark made it even more confusing. The reason I added the update section in my answer was to express that I like the idea of using the subtle link as a good way to less emphasize the option. However, making it confusing and hard to achieve is wrong.

              – Mo'ath
              Apr 10 at 23:01













            3












            3








            3







            Do not "less emphasize" it unless it is a requirement!



            Do not jeopardise your users' experience in the favor of discouraging an action!



            These are two different buttons with two different functionalities that are EQUALLY important to the users.



            Apparently users should be able to Register and to Unregister. Similarly I am able to buy from Amazon and I am able to make a return or cancel an order. Although Amazon would prefer less returns/cancellation happening, they do/should not make the Return/Cancel buttons confusing and less accessible.



            *Less emphasizing does not mean confusing the user and making the task hard to achieve.



            *There is nothing wrong with having the "Unregister" button replacing the "Register" button.



            Recommendations:



            • Show something like "Already registered" label (with the check-mark maybe) for users who are already registered and coming back to revisits the page.

            • Display the "Unregister" button in blue just like the "Register" button and remove the check-mark that you added next to "Unregister".


            Now, if deemphasizing the "Unregister" task is a Requirement:



            See suggestions in the update sections below.



            UPDATE (1):



            I just noticed Mike's answer (I think it was posted a couple minutes before mine). I echo his idea: "Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link".



            END OF UPDATE (1)




            UPDATE (2):



            This update is to suggest a design improvement based on the OP update and other answers:



            enter image description here



            END OF UPDATE (2).






            share|improve this answer















            Do not "less emphasize" it unless it is a requirement!



            Do not jeopardise your users' experience in the favor of discouraging an action!



            These are two different buttons with two different functionalities that are EQUALLY important to the users.



            Apparently users should be able to Register and to Unregister. Similarly I am able to buy from Amazon and I am able to make a return or cancel an order. Although Amazon would prefer less returns/cancellation happening, they do/should not make the Return/Cancel buttons confusing and less accessible.



            *Less emphasizing does not mean confusing the user and making the task hard to achieve.



            *There is nothing wrong with having the "Unregister" button replacing the "Register" button.



            Recommendations:



            • Show something like "Already registered" label (with the check-mark maybe) for users who are already registered and coming back to revisits the page.

            • Display the "Unregister" button in blue just like the "Register" button and remove the check-mark that you added next to "Unregister".


            Now, if deemphasizing the "Unregister" task is a Requirement:



            See suggestions in the update sections below.



            UPDATE (1):



            I just noticed Mike's answer (I think it was posted a couple minutes before mine). I echo his idea: "Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link".



            END OF UPDATE (1)




            UPDATE (2):



            This update is to suggest a design improvement based on the OP update and other answers:



            enter image description here



            END OF UPDATE (2).







            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited Apr 12 at 16:26

























            answered Apr 10 at 19:58









            Mo'athMo'ath

            775213




            775213







            • 4





              Well I don't see anything that horrible about making a button less noticeable, in case you want users to use it less often. Am I missing something?

              – Dennis Novac
              Apr 10 at 21:44






            • 7





              Yes, it is not wrong to make a button less noticeable, but not the way it is done in your question. It is confusing. The button looks disabled and the check-mark made it even more confusing. The reason I added the update section in my answer was to express that I like the idea of using the subtle link as a good way to less emphasize the option. However, making it confusing and hard to achieve is wrong.

              – Mo'ath
              Apr 10 at 23:01












            • 4





              Well I don't see anything that horrible about making a button less noticeable, in case you want users to use it less often. Am I missing something?

              – Dennis Novac
              Apr 10 at 21:44






            • 7





              Yes, it is not wrong to make a button less noticeable, but not the way it is done in your question. It is confusing. The button looks disabled and the check-mark made it even more confusing. The reason I added the update section in my answer was to express that I like the idea of using the subtle link as a good way to less emphasize the option. However, making it confusing and hard to achieve is wrong.

              – Mo'ath
              Apr 10 at 23:01







            4




            4





            Well I don't see anything that horrible about making a button less noticeable, in case you want users to use it less often. Am I missing something?

            – Dennis Novac
            Apr 10 at 21:44





            Well I don't see anything that horrible about making a button less noticeable, in case you want users to use it less often. Am I missing something?

            – Dennis Novac
            Apr 10 at 21:44




            7




            7





            Yes, it is not wrong to make a button less noticeable, but not the way it is done in your question. It is confusing. The button looks disabled and the check-mark made it even more confusing. The reason I added the update section in my answer was to express that I like the idea of using the subtle link as a good way to less emphasize the option. However, making it confusing and hard to achieve is wrong.

            – Mo'ath
            Apr 10 at 23:01





            Yes, it is not wrong to make a button less noticeable, but not the way it is done in your question. It is confusing. The button looks disabled and the check-mark made it even more confusing. The reason I added the update section in my answer was to express that I like the idea of using the subtle link as a good way to less emphasize the option. However, making it confusing and hard to achieve is wrong.

            – Mo'ath
            Apr 10 at 23:01

















            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%2f124994%2fbutton-changing-its-text-action-good-or-terrible%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

            រឿង រ៉ូមេអូ និង ហ្ស៊ុយលីយេ សង្ខេបរឿង តួអង្គ បញ្ជីណែនាំ

            Crop image to path created in TikZ? Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)Crop an inserted image?TikZ pictures does not appear in posterImage behind and beyond crop marks?Tikz picture as large as possible on A4 PageTransparency vs image compression dilemmaHow to crop background from image automatically?Image does not cropTikzexternal capturing crop marks when externalizing pgfplots?How to include image path that contains a dollar signCrop image with left size given

            Romeo and Juliet ContentsCharactersSynopsisSourcesDate and textThemes and motifsCriticism and interpretationLegacyScene by sceneSee alsoNotes and referencesSourcesExternal linksNavigation menu"Consumer Price Index (estimate) 1800–"10.2307/28710160037-3222287101610.1093/res/II.5.31910.2307/45967845967810.2307/2869925286992510.1525/jams.1982.35.3.03a00050"Dada Masilo: South African dancer who breaks the rules"10.1093/res/os-XV.57.1610.2307/28680942868094"Sweet Sorrow: Mann-Korman's Romeo and Juliet Closes Sept. 5 at MN's Ordway"the original10.2307/45957745957710.1017/CCOL0521570476.009"Ram Leela box office collections hit massive Rs 100 crore, pulverises prediction"Archived"Broadway Revival of Romeo and Juliet, Starring Orlando Bloom and Condola Rashad, Will Close Dec. 8"Archived10.1075/jhp.7.1.04hon"Wherefore art thou, Romeo? To make us laugh at Navy Pier"the original10.1093/gmo/9781561592630.article.O006772"Ram-leela Review Roundup: Critics Hail Film as Best Adaptation of Romeo and Juliet"Archived10.2307/31946310047-77293194631"Romeo and Juliet get Twitter treatment""Juliet's Nurse by Lois Leveen""Romeo and Juliet: Orlando Bloom's Broadway Debut Released in Theaters for Valentine's Day"Archived"Romeo and Juliet Has No Balcony"10.1093/gmo/9781561592630.article.O00778110.2307/2867423286742310.1076/enst.82.2.115.959510.1080/00138380601042675"A plague o' both your houses: error in GCSE exam paper forces apology""Juliet of the Five O'Clock Shadow, and Other Wonders"10.2307/33912430027-4321339124310.2307/28487440038-7134284874410.2307/29123140149-661129123144728341M"Weekender Guide: Shakespeare on The Drive""balcony"UK public library membership"romeo"UK public library membership10.1017/CCOL9780521844291"Post-Zionist Critique on Israel and the Palestinians Part III: Popular Culture"10.2307/25379071533-86140377-919X2537907"Capulets and Montagues: UK exam board admit mixing names up in Romeo and Juliet paper"Istoria Novellamente Ritrovata di Due Nobili Amanti2027/mdp.390150822329610820-750X"GCSE exam error: Board accidentally rewrites Shakespeare"10.2307/29176390149-66112917639"Exam board apologises after error in English GCSE paper which confused characters in Shakespeare's Romeo and Juliet""From Mariotto and Ganozza to Romeo and Guilietta: Metamorphoses of a Renaissance Tale"10.2307/37323537323510.2307/2867455286745510.2307/28678912867891"10 Questions for Taylor Swift"10.2307/28680922868092"Haymarket Theatre""The Zeffirelli Way: Revealing Talk by Florentine Director""Michael Smuin: 1938-2007 / Prolific dance director had showy career"The Life and Art of Edwin BoothRomeo and JulietRomeo and JulietRomeo and JulietRomeo and JulietEasy Read Romeo and JulietRomeo and Julieteeecb12003684p(data)4099369-3n8211610759dbe00d-a9e2-41a3-b2c1-977dd692899302814385X313670221313670221