63
votes
Accepted
2 buttons that do the same thing
That is exactly how it is done.
What usually happens is that the description of the company itself, the open position and the candidate requirements alone are more than enough to fill a screen. ...
- 2,088
15
votes
2 buttons that do the same thing
A lot depends on the visual design of the screen. If there is enough visual distance between their placement it might be useful to the user. They won't have to scroll to use the button, nor remember ...
- 479
6
votes
"Sign Up/Join Now" versus "Learn More/Find Out More"
Welcome to UXSE!
From a quick Google search on CTAs I found this article that analyzed ~37000 Facebook ads and also made their own A/B/C testing.
They compared "Learn More", "Sign Up" and "...
- 7,423
5
votes
Outline Button, how they affect UX?
Outline buttons (Ghost buttons) have a particularly clean, subtle look, work with almost any design. Some designers use them on elegant, sophisticated designs.
I like to use these buttons as ...
- 4,521
5
votes
On some screen sizes the CTA goes below the fold
The general shape (horizontal square) and position of the primary button (right above the fold) creates a false bottom.
So the problem here is that the user is not aware that there is another button ...
- 51
4
votes
Accepted
CTA link should be opened in new tab?
Should it be a complex service with a lot of description on your site that a user would like to get back to, I would err on a side of opening the link in a new tab.
But since it is a quite simple ...
- 13.9k
4
votes
On some screen sizes the CTA goes below the fold
Alternatively, the height of the image at the top could be sacrificed to make space for the content below. A smaller image would serve the same purpose.
Below 300px, the elements may be scaled down ...
- 3,386
4
votes
On some screen sizes the CTA goes below the fold
I think the best solution for you is as the following:
1- Try to Shorten the long title for every button but taking out the redundant words.
2- The buttons must have the same place even on a small ...
- 1,274
4
votes
Card with Button or Completely Clickable Card
The answer is it depends. As you have marked this as "accessibility" I will weigh in on that the most, luckily it links to usability quite nicely.
Please note I have also answered this as if ...
- 2,608
3
votes
Should one use the same color for CTA buttons across a site?
I'm going to assume that
you that you are not referring to ALL call to action buttons and
that you are not using the same color for all states.
Consistency is important. If you're using a green ...
- 6,641
3
votes
How do I ensure my user knows there's more data below this floating CTA?
I would consider using a slightly transparent and blurred background, similar to what Apple does with the "background-blur" property for their tab bar element in native apps, to hint to the user that ...
- 131
3
votes
Accepted
How do I ensure my user knows there's more data below this floating CTA?
It seems like trying to detect device height to ensure that your elements sit halfway under a floating element would be getting into a whole can of worms, so I'll offer a couple solutions that would ...
- 19.6k
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
"Go back home" or "Home" as CTA label in 404 page?
Depending on what your site does, you could provide helpful links on the page (maybe see what the most visited pages are). If it is a complex website, try including a search box like Mailchimp does. ...
- 401
3
votes
"Go back home" or "Home" as CTA label in 404 page?
While many brands have started to use 404 pages as places to showcase their personality and/or inject a bit of humor, a 404 is still an error. The primary purpose of an error message is to help the ...
- 31
3
votes
Do users notice text changes on call to actions?
I think you should avoid having two different continue buttons as this just adds confusion to the user as they need to work out which one they should click. This is made even more confusing if one of ...
- 7,111
3
votes
Is the information displayed on my landing page too much?
The site does not sizzle.
(Ignoring the header with the giant banner ad...)
The site describes what the user can do—that's important, but what's missing is the benefit. Feature the benefit—sell the ...
- 2,673
3
votes
CTA is being hidden by keyboard on long form in mobile
I encountered a similar problem when I was designing a currency conversion calculator. CTA buttons consistently present challenges in the context of a responsive mobile browser.
When I tackled this ...
- 91
2
votes
can you have duplicate Call to Actions (CTA) on a Page?
Here's a GoodUI design idea and A/B test report that indicates an 84% increase in clicks due to repeated calls to action:
idea 5: Repeating Your Primary Action
The idea here is that a soft call at ...
- 2,673
2
votes
Accepted
How to display a CTA on mobile
Ultimately it will be personal preferences unless you test it during user tests.
What you can change? you'll have to find the right balance between:
Reduce the font size
Make the button multiline (...
- 1,997
2
votes
CTA Intent - Complete the present task or proceed to future task?
A call to action is often used to get a user to commit to a particular path, oftentimes a conversion or sale. (Proceeding to a future task; i.e. a Sales Funnel)
They are often spoken of in the context ...
- 25k
2
votes
Form button - After selection state
In your example after selecting one color there is no clear affordance which one is selected.
Is it the greyed out one or the one that is still visible? But the biggest problem is that red isn't red ...
- 12.1k
2
votes
How do I ensure my user knows there's more data below this floating CTA?
Perhaps you could disable the Submit button until all required fields are filled out, and test for false floors on different viewport heights.
- 12.9k
2
votes
Accepted
How to deal with optional form step & call-to-actions?
I was struggling with almost the same problem (see my post). In the end it became clear to me that with a more direct approach a skip button is not necessary.
I liked the solution where you don't ...
- 214
2
votes
Call to action button within/out of a table on a pricing page
The key to effectively chunking content (text as well as images, graphics, videos, buttons, and other elements) is to keep related things close together and aligned (in accordance with the Law of ...
- 3,017
2
votes
On some screen sizes the CTA goes below the fold
I faced similar problem, reduced the height of the image for low resolution devices - It helps users to make decisions (obvious always wins - then hidden - I understand it is not hidden purposefully), ...
2
votes
Accepted
Only button linked or whole item linked?
Without seeing the larger context of your UI and your use case, the advantage of a larger hit area is that the user 'click' or select the CTA from a larger hit area.
Look into Fitt's law
Fitts’ ...
- 25k
2
votes
Filled CTA vs Outlined CTA. Which is more performant?
Seems filled CTA is better. Outlined button is often reffered as Ghost button, so if you google with that term you will find results.
https://goodui.org/leaks/booking-a-b-tests-ghost-buttons-but-...
- 2,711
2
votes
"Go back home" or "Home" as CTA label in 404 page?
Go back home implies that you're coming from there :) which you're not.
I would just use Go Back and send the user to previous page.
If they click on the logo they will be sent to Homepage anyway.
- 1,078
Only top scored, non community-wiki answers of a minimum length are eligible