Button changing it's text & action. Good or terrible? The 2019 Stack Overflow Developer Survey Results Are Inchanging text on user mouseoverShould certain functions be “hard to find” for powerusers to discover?Custom liking function - do I need user login?Using different checkbox style for different checkbox behaviorBest Practices: Save and Exit in Software UIInteraction with remote validated formMore efficient UI to progress the user through a complicated process?Designing a popup notice for a gameShould bulk-editing functions be hidden until a table row is selected, or is there a better solution?Is it bad practice to disable (replace) the context menu?

Delete all lines which don't have n characters before delimiter

Why isn't the circumferential light around the M87 black hole's event horizon symmetric?

Why did Acorn's A3000 have red function keys?

Does the shape of a die affect the probability of a number being rolled?

Worn-tile Scrabble

Why do UK politicians seemingly ignore opinion polls on Brexit?

If a Druid sees an animal’s corpse, can they wild shape into that animal?

Is an up-to-date browser secure on an out-of-date OS?

Loose spokes after only a few rides

How are circuits which use complex ICs normally simulated?

Multiply Two Integer Polynomials

Resizing object distorts it (Illustrator CC 2018)

Do these rules for Critical Successes and Critical Failures seem Fair?

Why can Shazam fly?

Does a dangling wire really electrocute me if I'm standing in water?

Can we generate random numbers using irrational numbers like π and e?

Why isn't airport relocation done gradually?

What does ひと匙 mean in this manga and has it been used colloquially?

Is a "Democratic" Feudal System Possible?

Should I use my personal e-mail address, or my workplace one, when registering to external websites for work purposes?

Right tool to dig six foot holes?

Are children permitted to help build the Beis Hamikdash?

Did Section 31 appear in Star Trek: The Next Generation?

Return to UK after being refused entry years previously



Button changing it's text & action. Good or terrible?



The 2019 Stack Overflow Developer Survey Results Are Inchanging text on user mouseoverShould certain functions be “hard to find” for powerusers to discover?Custom liking function - do I need user login?Using different checkbox style for different checkbox behaviorBest Practices: Save and Exit in Software UIInteraction with remote validated formMore efficient UI to progress the user through a complicated process?Designing a popup notice for a gameShould bulk-editing functions be hidden until a table row is selected, or is there a better solution?Is it bad practice to disable (replace) the context menu?



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








4















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?










share|improve this question




























    4















    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?










    share|improve this question
























      4












      4








      4


      1






      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?










      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?







      usability interaction-design layout design-patterns information-design






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 3 hours ago









      Dennis NovacDennis Novac

      1293




      1293




















          2 Answers
          2






          active

          oldest

          votes


















          7














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



          In your example, you replace the button label with the only available action: that of reverting (unregistering).



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



          One approach is to separate them. Emphasize the state '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

























          • 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
            47 mins ago











          • @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
            40 mins ago



















          1














          Do not "less emphasize" it!



          These are two different buttons with two different functionalities that are EQUALLY important.



          There is nothing wrong with having the "Unregister" button replacing the "Register" button, but do not "less emphasize" it.



          I actually got confused when I saw the greyed out "Unregister" button with a check-mark next to it. Only after I further read your question I understood why this button looks like that.



          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".

          I understand that you are trying to discourage Unregistering buy less-emphasizing the button, but that made it very confusing.




          UPDATE:



          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






          share|improve this answer

























          • 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
            41 mins ago











          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

























          2 Answers
          2






          active

          oldest

          votes








          2 Answers
          2






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          7














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



          In your example, you replace the button label with the only available action: that of reverting (unregistering).



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



          One approach is to separate them. Emphasize the state '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

























          • 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
            47 mins ago











          • @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
            40 mins ago
















          7














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



          In your example, you replace the button label with the only available action: that of reverting (unregistering).



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



          One approach is to separate them. Emphasize the state '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

























          • 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
            47 mins ago











          • @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
            40 mins ago














          7












          7








          7







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



          In your example, you replace the button label with the only available action: that of reverting (unregistering).



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



          One approach is to separate them. Emphasize the state '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.



          In your example, you replace the button label with the only available action: that of reverting (unregistering).



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



          One approach is to separate them. Emphasize the state '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 2 hours ago

























          answered 2 hours ago









          Mike MMike M

          11.7k12433




          11.7k12433












          • 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
            47 mins ago











          • @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
            40 mins ago


















          • 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
            47 mins ago











          • @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
            40 mins ago

















          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
          47 mins ago





          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
          47 mins ago













          @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
          40 mins ago






          @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
          40 mins ago














          1














          Do not "less emphasize" it!



          These are two different buttons with two different functionalities that are EQUALLY important.



          There is nothing wrong with having the "Unregister" button replacing the "Register" button, but do not "less emphasize" it.



          I actually got confused when I saw the greyed out "Unregister" button with a check-mark next to it. Only after I further read your question I understood why this button looks like that.



          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".

          I understand that you are trying to discourage Unregistering buy less-emphasizing the button, but that made it very confusing.




          UPDATE:



          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






          share|improve this answer

























          • 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
            41 mins ago















          1














          Do not "less emphasize" it!



          These are two different buttons with two different functionalities that are EQUALLY important.



          There is nothing wrong with having the "Unregister" button replacing the "Register" button, but do not "less emphasize" it.



          I actually got confused when I saw the greyed out "Unregister" button with a check-mark next to it. Only after I further read your question I understood why this button looks like that.



          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".

          I understand that you are trying to discourage Unregistering buy less-emphasizing the button, but that made it very confusing.




          UPDATE:



          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






          share|improve this answer

























          • 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
            41 mins ago













          1












          1








          1







          Do not "less emphasize" it!



          These are two different buttons with two different functionalities that are EQUALLY important.



          There is nothing wrong with having the "Unregister" button replacing the "Register" button, but do not "less emphasize" it.



          I actually got confused when I saw the greyed out "Unregister" button with a check-mark next to it. Only after I further read your question I understood why this button looks like that.



          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".

          I understand that you are trying to discourage Unregistering buy less-emphasizing the button, but that made it very confusing.




          UPDATE:



          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






          share|improve this answer















          Do not "less emphasize" it!



          These are two different buttons with two different functionalities that are EQUALLY important.



          There is nothing wrong with having the "Unregister" button replacing the "Register" button, but do not "less emphasize" it.



          I actually got confused when I saw the greyed out "Unregister" button with a check-mark next to it. Only after I further read your question I understood why this button looks like that.



          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".

          I understand that you are trying to discourage Unregistering buy less-emphasizing the button, but that made it very confusing.




          UPDATE:



          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







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited 2 hours ago

























          answered 2 hours ago









          Mo'athMo'ath

          645213




          645213












          • 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
            41 mins ago

















          • 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
            41 mins ago
















          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
          41 mins ago





          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
          41 mins ago

















          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

          Are there any AGPL-style licences that require source code modifications to be public? Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Force derivative works to be publicAre there any GPL like licenses for Apple App Store?Do you violate the GPL if you provide source code that cannot be compiled?GPL - is it distribution to use libraries in an appliance loaned to customers?Distributing App for free which uses GPL'ed codeModifications of server software under GPL, with web/CLI interfaceDoes using an AGPLv3-licensed library prevent me from dual-licensing my own source code?Can I publish only select code under GPLv3 from a private project?Is there published precedent regarding the scope of covered work that uses AGPL software?If MIT licensed code links to GPL licensed code what should be the license of the resulting binary program?If I use a public API endpoint that has its source code licensed under AGPL in my app, do I need to disclose my source?

          2013 GY136 Descoberta | Órbita | Referências Menu de navegação«List Of Centaurs and Scattered-Disk Objects»«List of Known Trans-Neptunian Objects»

          Mortes em março de 2019 Referências Menu de navegação«Zhores Alferov, Nobel de Física bielorrusso, morre aos 88 anos - Ciência»«Fallece Rafael Torija, o bispo emérito de Ciudad Real»«Peter Hurford dies at 88»«Keith Flint, vocalista do The Prodigy, morre aos 49 anos»«Luke Perry, ator de 'Barrados no baile' e 'Riverdale', morre aos 52 anos»«Former Rangers and Scotland captain Eric Caldow dies, aged 84»«Morreu, aos 61 anos, a antiga lenda do wrestling King Kong Bundy»«Fallece el actor y director teatral Abraham Stavans»«In Memoriam Guillaume Faye»«Sidney Sheinberg, a Force Behind Universal and Spielberg, Is Dead at 84»«Carmine Persico, Colombo Crime Family Boss, Is Dead at 85»«Dirigent Michael Gielen gestorben»«Ciclista tricampeã mundial e prata na Rio 2016 é encontrada morta em casa aos 23 anos»«Pagan Community Notes: Raven Grimassi dies, Indianapolis pop-up event cancelled, Circle Sanctuary announces new podcast, and more!»«Hal Blaine, Wrecking Crew Drummer, Dies at 90»«Morre Coutinho, que editou dupla lendária com Pelé no Santos»«Cantor Demétrius, ídolo da Jovem Guarda, morre em SP»«Ex-presidente do Vasco, Eurico Miranda morre no Rio de Janeiro»«Bronze no Mundial de basquete de 1971, Laís Elena morre aos 76 anos»«Diretor de Corridas da F1, Charlie Whiting morre aos 66 anos às vésperas do GP da Austrália»«Morreu o cardeal Danneels, da Bélgica»«Morreu o cartoonista Augusto Cid»«Morreu a atriz Maria Isabel de Lizandra, de "Vale Tudo" e novelas da Tupi»«WS Merwin, prize-winning poet of nature, dies at 91»«Atriz Márcia Real morre em São Paulo aos 88 anos»«Mauritanie: décès de l'ancien président Mohamed Mahmoud ould Louly»«Morreu Dick Dale, o rei da surf guitar e de "Pulp Fiction"»«Falleció Víctor Genes»«João Carlos Marinho, autor de 'O Gênio do Crime', morre em SP»«Legendary Horror Director and SFX Artist John Carl Buechler Dies at 66»«Morre em Salvador a religiosa Makota Valdina»«مرگ بازیکن‌ سابق نساجی بر اثر سقوط سنگ در مازندران»«Domingos Oliveira morre no Rio»«Morre Airton Ravagniani, ex-São Paulo, Fla, Vasco, Grêmio e Sport - Notícias»«Morre o escritor Flavio Moreira da Costa»«Larry Cohen, Writer-Director of 'It's Alive' and 'Hell Up in Harlem,' Dies at 77»«Scott Walker, experimental singer-songwriter, dead at 76»«Joseph Pilato, Day of the Dead Star and Horror Favorite, Dies at 70»«Sheffield United set to pay tribute to legendary goalkeeper Ted Burgin who has died at 91»«Morre Rafael Henzel, sobrevivente de acidente aéreo da Chapecoense»«Morre Valery Bykovsky, um dos primeiros cosmonautas da União Soviética»«Agnès Varda, cineasta da Nouvelle Vague, morre aos 90 anos»«Agnès Varda, cineasta francesa, morre aos 90 anos»«Tania Mallet, James Bond Actress and Helen Mirren's Cousin, Dies at 77»e