web-dev-qa-db-fra.com

Comment gérer plusieurs CTA pour différentes applications liées sur une seule page?

Sur le site Web de Capital One, il y a un composant qui comprend 15 produits/services différents avec des CTA d'inscription et de connexion distinctes.

Il s'agit d'un modèle potentiellement déroutant (ou à tout le moins difficile à analyser), et également difficile pour les utilisateurs utilisant un lecteur d'écran.

Quels modèles alternatifs pourraient être utilisés pour atteindre l'objectif d'avoir des liens pour s'inscrire/se connecter à différentes applications sur le même site Web?

Capital One calls to action

3
Midas

Une possibilité est de masquer les boutons et de s'appuyer sur deux interactions:

  • Première interaction: révéler les boutons
  • Deuxième interaction: appeler l'action correspondante

La première interaction peut consister à étendre le contenu par élément ou tous les éléments à la fois. Si par élément, cela peut être fait avec le survol sur le bureau et appuyez sur en contact; et si tout à coup avec une bascule ou similaire. Une option est également un modèle comme: "Se connecter à" et "S'inscrire à", puis sélectionnez le service.

Notez que bien que la mise en page semble encombrée telle qu'elle est en ce moment dans votre image, elle donne en un coup d'œil les informations sur les services auxquels vous êtes inscrit, ce qui, je le soupçonne, est l'une des raisons derrière les boutons être là.

1
Alvaro

Il se passe beaucoup de choses ici, mais voici quelques éléments à garder à l'esprit:

  • Cette page s'affiche lorsque quelqu'un clique sur "Connexion" dans l'en-tête du site.
  • La page d'accueil tente de résoudre ce problème en présentant une liste déroulante avec "Sélectionnez un type de compte" avant d'autoriser la connexion.

Le premier problème est l’intentionnalité. La page de connexion doit être juste cela, une page de connexion. La première chose que je voudrais changer est de se concentrer sur l'action de connexion, qui va être un formulaire de nom d'utilisateur/mot de passe avec un seul CTA majeur. Une fois l'action de connexion terminée, ALORS utilisez ce que vous savez sur l'utilisateur pour lui donner un tableau de bord des produits auxquels il a accès. Transmettez les informations d'authentification à ces produits pour rendre la transition transparente.

Tout en facilitant le processus de connexion, je conserverais les liens vers les produits sous la feuille de connexion, comme affiché maintenant. Je voudrais toutefois supprimer les incitations à l'action principales/secondaires et faire en sorte que les liens vers les produits accèdent aux informations sur ce produit (y compris la possibilité de s'inscrire). Pour certains d'entre eux, cliquer sur "S'inscrire" ne fait même pas cela - une hypothèque, par exemple, n'est pas quelque chose que vous pouvez simplement "souscrire" pour comme d'autres produits.

J'imagine qu'il existe différents systèmes avec des disparités de certification/accès entre chacun, ce qui rend cela encombrant pour l'utilisateur (d'où la raison pour laquelle il se trouve à ce stade maintenant). Ce n'est pas une excuse pour un écran aussi encombré.

1
Nic