30
votes
Accepted
Best way to show an "unactivated" part of an app?
One question to ask is: Is the user aware of the benefits of upgrading / activating? How am I improving their life?
In the current state, you have a card list, other than the button label, I can't ...
- 24.6k
24
votes
Best way to show an "unactivated" part of an app?
Although I like your solution of naming the buttons differently (manage vs activate) but I did not noticed the difference in vocabulary right away. In my experience, I like ghosting the unavailable ...
- 1,257
20
votes
Accepted
Should an 'error message' be shown before or after user interaction?
As a general principle, I always think of error messages as inferior design/ UI, which in most cases can and should be avoided. If the user interaction triggers an error message, why would the UI ...
- 1,424
9
votes
Placement of buttons
As far as the buttons are concerned, I would suggest something like the attachment. I am not aware of the complete scenario though.
- 854
8
votes
Terminology for the use of the word "your" in a call to action?
There is no specific name (as far as I know), it is simply UX writing within Persuasive Design.
However, if you are looking for answers to the question of which option to use, there are several ...
- 37.3k
7
votes
Button on clickable banner
To have a clear call to action on the banner is helpful. It makes it very clear that there is an action and even what action is on the banner. Some users will click the button and not the banner but ...
- 3,415
5
votes
social sharing ui/ux on mobile. actionable text + icons or icons only
Your decision should also be informed other factors:
how much you desire to encourage that behavior
how dense/sparse the information on screen already is
how many social networks you plan to provide ...
- 151
5
votes
Best way to show an "unactivated" part of an app?
Try making the "activate" buttons stand out compared to the "manage" buttons ( e.g. ghost and filled buttons. Depends on the options you have according to your UI styleguide). Reduce the opacity of ...
- 333
5
votes
Accepted
How to label CTAs in a mobile form?
The Material Design Guide has a good definition of a text button:
Text buttons and contained buttons use text labels, which describe the action that will occur if a user taps a button. If a text ...
- 1,904
5
votes
Button on clickable banner
Yes, it is a VERY GOOD idea. Keep in mind otherwise some people won't realize the banner is clickable.
As for this part
The button acts as a decoration
I think here's the reason of your doubt. A ...
- 37.3k
5
votes
Button position in equal height containers
According to the Gestalt Law of Proximity, option B is the correct one.
The Law of Proximity is the gestalt grouping law that states elements that are close together tend to be perceived as a unified ...
- 37.3k
4
votes
Should an 'error message' be shown before or after user interaction?
Show a notification and eventually an error.
Keep your interface consistent and show the link. You can simply disable it and show a notification. It won't be annoying if it's friendly and informative....
- 11.4k
4
votes
Are those "sign up now!" pop up windows taking away from the UX?
I would 100% argue that these pop up modal windows take away from the user experience - I don't think there is much doubt about that. You mentioned that they destroy the flow of reading the content ...
- 1,286
4
votes
Redirect screen and good UX?
To me, if you're redirecting a user to a page with text on it either:
a) don't put any text on it, make the redirect seamless and reliable. Use error handling to explain clearly to the user what's ...
4
votes
What is the best practice for "delete" buttons in material design?
Well, after going over the documentation it appears to me that when it comes to how the button should appear, the rule is that there is no rule.
However, there are a few things to take note of per ...
- 1,456
4
votes
How to make effective call to action for blind people?
There are a few things you could do, depending on the circumstances.
When the page is loaded, depending on where the initial focus is, you could have extra text associated with the first object (...
- 3,245
4
votes
Accepted
Fake call-to-action buttons for research
It's quite a broad question and requires a lot of elaborate discussions to arrive at a conclusive "answer" but here are some of my observations and experiences
User Expectation - Users don't like to ...
- 6,799
4
votes
Accepted
UX Party Game Design - Should an action that is not available for all players disabled or simply hidden?
Your 3rd option is definitely the best. You want to make it clear that the game is awaiting an action from another player and they just need to wait (or shout across the room: "Hurry up will ya!&...
- 7,061
3
votes
Different name for contact page
I've gone through same situation before. I remember it was long tiring debate. I red other's answers here. It is neither interface issue mentioned by @Bharat and word selection by @Jamezrp. You just ...
- 3,678
3
votes
Accepted
Wording of an Account Activation Email
Use Option 1 "...to activate..." for consistency
This really feels like splitting hairs. I’m right behind you when it comes to fine tuning copy, but this is a scenario where the pressure is ...
- 11.6k
3
votes
Should an 'error message' be shown before or after user interaction?
I don't think you should ever present an error message until the user actually triggers one.
Eg I hate when sites trigger a validation error for a required field that I either clicked on or tabbed ...
- 3,702
3
votes
The font style on a CTA affect user's decisions?
According to this post by Kissmetrics:
As far as research goes, there is no ironclad answer as to whether serif or sans serif is better. But, as far as general consensus goes, when it comes to ...
- 1,733
3
votes
Does it matter if I capitalise my call to action?
The text with all capital letters help the button stand out visually. For a call to action button this is important. There is an article by UX Planet about it, that says:
Use capitalization where ...
- 1,904
3
votes
Does it matter if I capitalise my call to action?
Apparently, it does work out better!
I just finished running a very simple A/B testing on the main CTA on my landing page trying to see if FULLY CAPITALIZED CTA would work better, and over the course ...
- 31
3
votes
Fake call-to-action buttons for research
First of all your design should do what it says, if you try to trick your user it might give negative vibes to the users.
Probable Solution
The solution you have proposed seems a bit risky, as your ...
- 156
3
votes
Is it acceptable to have three call-to-action buttons?
There's a similar situation at the Github Issues report, where there's a SUBMIT button and a field to write the issue, but instead of having the PREVIEW as a button, it's a tab:
With this the CTA ...
- 18.3k
3
votes
Button position in equal height containers
When you decide a place where to place a series of buttons, you are proposing an interaction zone in the layout of the page, in other words, it is not about buttons, but an area of activity.
Taken to ...
- 18.3k
2
votes
Should call to actions (CTAs) be included in product search result listings?
First thing first
Nobody is removing CTAs. In any case, some sites are (well, I think they did it some time ago) removing CERTAIN CTAs. In the specific case you mention, the Add to Cart button.
As ...
- 37.3k
2
votes
Multi-organization app - switching organization context wording?
You're better off swapping this around and instead using a label which describes which context you're currently in. Think about how social networks cover multiple profiles.
- 1,860
2
votes
CTA-button in header-hierarchy to make the CTA more accessible
Screen reader users have a myriad of ways to navigate a page. By links is certainly one and that method can be used by keyboard only users too. But you can also navigate by buttons, tables, headings,...
- 3,245
Only top scored, non community-wiki answers of a minimum length are eligible