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?
Protecting Dualbooting Windows from dangerous code (like rm -rf)
Deal with toxic manager when you can't quit
What is the motivation for a law requiring 2 parties to consent for recording a conversation
FPGA - DIY Programming
What do the Banks children have against barley water?
Why didn't the Event Horizon Telescope team mention Sagittarius A*?
Are there any other methods to apply to solving simultaneous equations?
Identify This Plant (Flower)
Why isn't the circumferential light around the M87 black hole's event horizon symmetric?
Is there any way to tell whether the shot is going to hit you or not?
What did it mean to "align" a radio?
Why do some words that are not inflected have an umlaut?
Is this app Icon Browser Safe/Legit?
"as much details as you can remember"
Why was M87 targetted for the Event Horizon Telescope instead of Sagittarius A*?
Falsification in Math vs Science
What does "fetching by region is not available for SAM files" means?
Where to refill my bottle in India?
What does Linus Torvalds mean when he says that Git "never ever" tracks a file?
Building a conditional check constraint
How to obtain Confidence Intervals for a LASSO regression?
How can I autofill dates in Excel excluding Sunday?
Sci-fi book where a human is taken from Earth to help man an alien ship in a fight against other aliens and rises through the ranks to command
Is "plugging out" electronic devices an American expression?
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;
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
asked 1 hour ago
Dennis NovacDennis Novac
1223
add a comment |
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
asked 1 hour ago
Dennis NovacDennis Novac
1223
add a comment |
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
asked 1 hour ago
Dennis NovacDennis Novac
1223
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
usability interaction-design layout design-patterns information-design
asked 1 hour ago
Dennis NovacDennis Novac
1223
asked 1 hour ago
Dennis NovacDennis Novac
1223
asked 1 hour ago
Dennis NovacDennis Novac
1223
asked 1 hour ago
Dennis NovacDennis Novac
1223
asked 1 hour ago
Dennis NovacDennis Novac
1223
1223
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
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.
Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.
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.
answered 1 hour ago
Mike MMike M
11.6k12433
add a comment |
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
answered 1 hour ago
Mo'athMo'ath
635213
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.
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.
answered 1 hour ago
Mike MMike M
11.6k12433
add a comment |
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.
Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.
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.
answered 1 hour ago
Mike MMike M
11.6k12433
add a comment |
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.
Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.
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.
answered 1 hour ago
Mike MMike M
11.6k12433
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.
Depending on the business goals, if you need to deemphasize the act of unregistering, you can perhaps make a subtle link.
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.
answered 1 hour ago
Mike MMike M
11.6k12433
edited 1 hour ago
answered 1 hour ago
Mike MMike M
11.6k12433
answered 1 hour ago
Mike MMike M
11.6k12433
answered 1 hour ago
Mike MMike M
11.6k12433
11.6k12433
add a comment |
add a comment |
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
answered 1 hour ago
Mo'athMo'ath
635213
add a comment |
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
answered 1 hour ago
Mo'athMo'ath
635213
add a comment |
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
answered 1 hour ago
Mo'athMo'ath
635213
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
answered 1 hour ago
Mo'athMo'ath
635213
edited 57 mins ago
answered 1 hour ago
Mo'athMo'ath
635213
answered 1 hour ago
Mo'athMo'ath
635213
answered 1 hour ago
Mo'athMo'ath
635213
635213
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
