Button appears in two important locations and feels redundant

by SR-117   Last Updated October 10, 2019 05:16 AM

I'm building a log in page but ran into an issue with my nav bar. As you can see the "Log In" button appears in two locations.

What's the best way to approach this? To me it looks odd to have it shown twice, yet its a necessary part of the nav bar.

I can correct this by removing the button for just that page...but then that feels like a complicated solution because it requires modifying template code with an if statement.

What should be done here instead?

enter image description here



Answers 1


Option 1: Keep only Login in the4 navbar

A common pattern that is used across the board is the use of only the Login CTA in the nav bar. Once in the login screen, the user is given the option to Sign Up or Register if they didn't have an account.

Example: Only login in navbar

Option 2: Keep both, but don't make them buttons

Keep both the Login and the Sign Up in the nav bar but devalue (not have them look like a button) them. Generally, Login is devalued as Sign Up is a way of inviting new users.

Example with both CTA's devalued: Both sign up and login

Example with Login devalued: Navbar with login devalued

Also, a side note: Don't have the forgot password as a button. It should be a link

Shreyas Tripathy
Shreyas Tripathy
October 10, 2019 05:31 AM

Related Questions


Updated April 20, 2015 09:07 AM

Updated April 22, 2015 20:06 PM

Updated July 06, 2016 08:06 AM

Updated July 21, 2019 10:16 AM