Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.
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 ...
user avatar
  • 22.8k
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 ...
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 ...
user avatar
  • 1,434
10 votes

How do "We call you back!" buttons on websites make sense?

I've implemented such services at the request of clients and I currently work with a company that offers it as part of their software. In the right circumstances, it's a highly successful feature. ...
user avatar
  • 21.1k
9 votes
Accepted

Primary Action Button Colors

This is very similar to the Should "Yes, delete it" be red, or green? question. Here is my answer to that. With respect to your particular question, Option B is what makes the most sense, ...
user avatar
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.
user avatar
  • 714
8 votes
Accepted

Left-align or right-align a Call to Action button?

Best practice You'll find a lot of info out there about CTA tests and theories. But you're not going to find a whole lot that tells you what to do with horizontal alignment. The reason is, it depends ...
user avatar
  • 21.1k
6 votes
Accepted

Usage of animated buttons and effects on user experience

Button animations serve a different purpose Observations: The purpose of the animation is not to draw the user's attention, but rather to provide feedback to the user. This is sometimes called a ...
user avatar
  • 40.3k
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 ...
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 ...
user avatar
  • 313
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 ...
user avatar
  • 1,874
4 votes

Should "Learn More" CTA be used as a link or button?

I think ideally what you'd want to do in this particular case is have the text of the button change after the user initially clicks it to something like "collapse." You can probably find a more artful ...
user avatar
  • 41
4 votes
Accepted

Does text next to call to action buttons help or hinder the usability?

The button alone should define the call to action (specifying what the button will do / where it will take you). It should not depend on external text to explain what the action is. You can however ...
user avatar
  • 12.4k
4 votes
Accepted

How should I place 3 equally important CTA buttons?

My proposal: The buttons opposed to each together -> better distinctiveness and scannability . The buttons have a more square-like shape -> they're easier to tap, less missing taps , better ...
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....
user avatar
  • 10.3k
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 ...
user avatar
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 ...
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 ...
user avatar
  • 1,396
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 (...
user avatar
  • 1,806
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 ...
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!&...
user avatar
  • 6,961
3 votes

Is it better to place on CTA per plan or one for all plans?

My personal opinion would be to use one CTA per item and here is why: One CTA per My thought process: Observe choices I like plan "L" A dedicated button, hoorah! :) I bet if I press that button ...
user avatar
  • 5,619
3 votes

Best way to incorporate a call-to-action on an icon (on mobile)

In the scenario you describe, the user has to click twice; once to get the vote control visible, and then a second time to vote either up or down. This seems like one click too many to me. It would be ...
user avatar
  • 12.4k
3 votes

What is a Call To Action?

A call to action is to persuade the visitor to convert. Whatever convert is for each business, website or person can differ vastly though of course. Yes, everything else on a website is an action. ...
user avatar
  • 674
3 votes

What is Github's project pages call to action?

GitHub hosts code repositories that make use of the Git version control system. Traditionally, Git is a command-line driven tool, so most users of github actually "interact" with it using the command-...
user avatar
  • 3,580
3 votes

How to order call to actions (view, edit, delete) in a horizontal row?

To make it stage one acceptable you may want to follow the conventional ordering of the icons so that the user has one less thing to figure out or take care of before performing any action. I do have ...
user avatar
  • 595
3 votes

How to suggest sliding interaction on mobile app?

Show a one-time tutorial that explains such features, and provide an option to have it re-displayed if the user wishes. You may want to make it interactive, e.g. have this for one of its screens: ...
user avatar
  • 486
3 votes

Too many calls of action on product page

Ideally you should prioritise and distinguish between your calls to action to optimise for conversion. The number of appropriate actions will vary from site to site. However, it is not so much ...
user avatar
  • 6,976
3 votes

Two main functions when using a floating action button

If the "more main" functions are all related to adding things, you could have the FAB expand into a collection of smaller FABs that give more options. Tapping on the original FAB a second time could ...
user avatar
3 votes

How do "We call you back!" buttons on websites make sense?

It's about them, not you The design logic goes something like this: Sales calls can be time intensive and unpredictable since different customers will have different needs, and call load can vary a ...
user avatar
  • 40.3k

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