web-dev-qa-db-fra.com

Meilleure façon de laisser les utilisateurs choisir le pays / la langue lors de la soumission d'une URL à un répertoire

Je souhaite offrir à l'utilisateur la possibilité d'ajouter le pays/la langue des sites Web qu'il soumettrait à un répertoire de site Web assez simple. J'ai un dossier avec des drapeaux de http://www.famfamfam.com/lab/icons/flags/ . Les images de drapeau sont nommées en fonction des codes de pays ISO 3166-1 alpha-2, ce qui signifie que je peux créer un script PHP pouvant récupérer les images et le nom du pays extrait du nom de l'image. (pas le nom complet, mais ce ne serait pas nécessaire).

Juste pour clarifier les choses, je ne pouvais pas trouver le plugin jQuery de combo-box approprié à mes besoins (agissant exactement comme le natif mais avec une icône devant le texte) et n’ayant pas vraiment le temps de le développer sur mon ordinateur. posséder. Compte tenu du nombre d'images, je ne voudrais pas non plus les afficher toutes avec une boîte de radio à proximité. De plus, avoir une liste déroulante classique serait un cauchemar pour moi car je devrais assigner manuellement le nom de pays abrégé à chaque entrée ou le faire une fois pour chaque pays. Offrir à l'utilisateur une liste déroulante avec les noms de pays abrégés, mais aucun indicateur à proximité ne serait également désagréable et déroutant.

L'idée est que chaque site Web figurant dans l'annuaire porte l'icône du drapeau du pays à proximité. J'ai nommé les images correctement, mais je ne sais pas comment laisser l'utilisateur choisir la bonne image pour son site Web. Des idées?

Merci d'avance à tous!

EDIT

La solution temporaire est ce fichier: http://www.andrewpatton.com/countrylist.csv Il contient une liste de pays comprenant diverses autres informations, comme le nom abrégé du pays, le même nom utilisé pour le images de drapeau. Je peux prendre cette information et avoir un classique comme celui-ci:

<select name="countries">
     <option value="ro">Romania</option>
     <option value="ie">Ireland</option>
     <!-- and so on -->
</select>

Pourtant, si quelqu'un a une meilleure idée ...

usabilityuser-inputuser-friendly
4
Claudiu

Je vous conseillerais de réserver une div/box pour le drapeau du pays et de définir sa visibilité comme masquée, réservant ainsi son espace. Proposez à l'utilisateur une liste déroulante régulière et laissez le drapeau s'introduire au fur et à mesure qu'il choisit le pays (en supposant qu'il remplisse un formulaire régulier). L'idée sous-jacente est que l'utilisateur ne devrait jamais avoir la possibilité de définir l'indicateur, car il est tout simplement trop déroutant et accablant au début, à la fois pour cet utilisateur, les autres utilisateurs et vous-même.

L'analyse du texte pour l'image correcte peut être effectuée côté serveur avec un simple script.

La bonne chose est qu'avec le temps, les utilisateurs s'habitueront à voir les drapeaux et les accueilleront, en commençant éventuellement à faire la distinction entre les drapeaux. Il n’ya pas grand-chose à écrire dans les scripts, à l’exception des plus mineurs. C'est mon avis.

1
blackflames