User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
On the Capital One website, there is a component which has 15 different products/services with separate sign up and log in CTAs.
This is a potentially confusing (or at the very least hard to scan) pattern, and also arduous for users using a screenreader.
What alternative patterns could be used to complete the objective of having links to sign up/log in to different applications on the same website?
A possibility is to hide the buttons and rely in two interactions:
The first interaction can be to expand the content per item or all items at once. If per item it can be done with hover on desktop and tap in touch; and if all at once with a toggle or similar. Also an option is a pattern like: "Log in to" & "Sign up to" buttons and then select the service.
Note that although the layout looks crowded as it is right now in your image, it gives at a glance the information of what services you are signed up to, which I suspect is one of the reasons behind the buttons being there.
There is a lot going on here, but here's some things to keep in mind:
The first issue is intentionality. The sign-in page should be just that, a sign-in page. First thing that I would change there is to focus on the sign-in action, which is going to be a username/password form with a single major CTA. Once the sign-in action is done, THEN use what you know about the user to give them a dashboard of products that they have access to. Pass the authentication information to those products to make the transition seamless.
While making the sign-in process easier, I would retain the links to the products below the sign-in sheet as displayed now. I would, however, remove the primary/secondary calls-to-action and make the product links go to information about that product (including the ability to sign-up). For some of these, clicking on "Sign-up" doesn't even actually do that - a mortgage, for example, isn't something that you can simply "sign-up" for like other products.
I would imagine that there are different systems with credentialing/access disparities between each, making this cumbersome for the user (hence, the reason why it's in this stage now). It's no excuse for such a cluttered display, though.
