web-dev-qa-db-fra.com

Entrée téléphonique (+ code de pays)

On me demande d'améliorer le processus d'inscription d'un double système d'authentification.

À une étape, nous demandons aux utilisateurs de saisir leur numéro de téléphone. À l'heure actuelle, les utilisateurs doivent cliquer sur le drapeau et choisir le drapeau de leur pays via la liste déroulante. C'est assez fastidieux.

enter image description here

Je pense que le nom du pays devrait être consultable, les utilisateurs devraient également pouvoir saisir directement le code de pays.

J'essaie de trouver ce que font les autres, mais je n'ai pas réussi à trouver quelque chose de grand. Avez-vous travaillé sur quelque chose comme ça?

Merci!

Une première pensée serait quelque chose comme ça: -enter image description here

33
Mike Mark

Rendre cela sans effort pour l'utilisateur.

Tout d'abord, vous pouvez afficher le code de pays auto-sélectionné en fonction de leur emplacement géographique.

Si cela n'est pas possible, rendez la logique de back-end de manière à ce que la saisie du nom du pays (y compris les variations de nom) ou le code préfixe dans un seul champ de saisie qui suggère automatiquement lorsque l'utilisateur commence à taper.

La vignette du drapeau sur le côté gauche peut aider l'utilisateur comme un identifiant supplémentaire dans les suggestions déroulantes.

Quelque chose comme ça:

enter image description here

59
Sooraj MV

Y a-t-il une raison pour vous de penser que vos utilisateurs ne connaissent pas leur propre code de pays?

Êtes-vous certain que votre liste de codes de pays est tout compris et auto-guérisante? Par auto-guérison, je parle du futur jour que vous n'êtes plus responsable de cette forme; Les codes seront-ils ajoutés/supprimés de manière automatique?

Je suggère de permettre à l'utilisateur de taper leur numéro Darn et au cas où ils ne le savent pas, assurez-vous de fournir un "Qu'est-ce que c'est ça?" Lien de style vers https://countrycode.org/


Si vous ne faites pas sincèrement confiance à vos utilisateurs, vous pouvez choisir de faire une règle de validation trop exchant qui lit quelque chose comme:

<sarcasme>

Ce système n'est pas reconnu que notre système de pays n'est pas reconnu. Cela pourrait être parce que vous l'avez mal compris, nos compétences de regex nous ont encore échoué, ni le gars chargé de cette liste (en vous regardant, Monkeyzeus!) N'a pas compris votre pays.

Reportez-vous à la liste complète de nos codes de pays reconnus de notre système et si votre code n'est pas dans notre liste, veuillez procéder de toute façon. Espérons que une notification par courrier électronique est automatiquement envoyée à une personne qui peut ajouter votre code de pays dans les 8-13 prochains jours ouvrables.

Bonne journée

</ sarcasme>

13
MonkeyZeus

Votre première action doit être de découvrir si votre utilisateur connaît le préfixe ou non.

Si oui ...

Peut-être que vous n'avez pas besoin de rechercher et de sélectionner un pays. Peut-être qu'un champ de préfixe suffit.

Si non ...

  • Le champ de pays devrait être facile pour l'utilisateur. Afficher: [Flag] +44 - Pays (tous les préfixes alignés facilitent l'utilisateur)
  • Permettez à l'utilisateur de rechercher par préfixe et par nom de pays.

mes considérations générales:

  • Si l'utilisateur peut choisir le pays, votre formulaire n'a pas besoin du champ de préfixe car le pays déjà lié au préfixe.
  • Obtenez l'emplacement actuel et l'autocomplete du champ mais permettez à l'utilisateur de changer.

Je vous suggère de lire ceci Numéro de téléphone Field Design Meilleures pratiques Article.

5
Rafael Perozin

Pourquoi n'utilisez-vous pas l'emplacement de l'adresse IP de l'utilisateur?
[.____] Si vous pouvez déterminer le préfixe à l'aide de l'adresse IP, vous pouvez économiser des efforts pour votre utilisateur.

Quelle est la probabilité que l'emplacement IP de l'utilisateur puisse correspondre au préfixe du numéro de téléphone utilisateur?

Haute.

vous pouvez

  1. Devinez le préfixe par IP et Auto Définit-le
  2. Liste des préfixes plus proches de l'endroit où je suis connecté, si je suis connecté de NY, filtrez les préfixes avec un plus proche de moi
0
Fedeco