Skip to main content
OverflowAI is here! AI power for your Stack Overflow for Teams knowledge community. Learn more
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 ...
Mike M's user avatar
  • 24.7k
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 ...
jhurley's user avatar
  • 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 ...
wintvelt's user avatar
  • 1,454
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.
Fasih's user avatar
  • 864
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 ...
Devin's user avatar
  • 38k
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 ...
BrunoH's user avatar
  • 3,435
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 ...
theChrisMarsh's user avatar
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 ...
marcelgro's user avatar
  • 343
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 ...
Aline's user avatar
  • 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 ...
Devin's user avatar
  • 38k
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 ...
Devin's user avatar
  • 38k
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 ...
Vincent Feeney's user avatar
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....
jazZRo's user avatar
  • 11.8k
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 ...
Nathan Wright's user avatar
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 ...
invot's user avatar
  • 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 (...
slugolicious's user avatar
  • 3,295
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 ...
Shreyas Tripathy's user avatar
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!&...
musefan's user avatar
  • 7,111
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 ...
Joao Carvalho's user avatar
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 ...
Jivan's user avatar
  • 3,728
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 ...
scunliffe's user avatar
  • 3,712
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 ...
Aline's user avatar
  • 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 ...
Donald Ng's user avatar
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 ...
Nilesh Mahajan's user avatar
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 ...
Danielillo's user avatar
  • 19.1k
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 ...
Danielillo's user avatar
  • 19.1k
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 ...
Devin's user avatar
  • 38k
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,...
slugolicious's user avatar
  • 3,295
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.
Matt O'Keefe's user avatar
  • 1,860
2 votes
Accepted

Best way to emphasize the Freemium advantage (content site)

The best way to add emphasis to any element, is to make it bolder, bigger or brighter than its counterparts. Don't go overboard. Sometimes the difference between normal and bold font is too great on ...
Leviscus Tempris's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible