Bonnes pratiques de sélection du fuseau horaire
Je cherche des moyens de concevoir une interface utilisateur où l'utilisateur sélectionne son fuseau horaire. Je voudrais éviter d'avoir une carte car cela peut ralentir les gens sur les petits écrans. J'ai actuellement 2 options:
- Donnez aux gens une liste complète des fuseaux horaires avec les noms de ville triés par ville ou par décalage UTC (comme la liste de sélection de fuseau horaire dans Windows).
- Demandez à l'utilisateur de sélectionner d'abord son pays puis de se baser sur son pays, une deuxième case affichera tous les fuseaux horaires de ce pays.
Évidemment, la première approche serait plus facile pour les personnes qui vivent dans une ville populaire ou connaissent leur décalage UTC.
La seconde approche serait plus fine, mais ralentirait probablement les utilisateurs les plus avertis.
Les personnes qui ont mis en œuvre quelque chose de similaire peuvent-elles indiquer quelle serait la meilleure approche?
Utilisez une liste déroulante simple, mais pré-remplissez-la avec votre meilleure estimation pour leur zone. Vous pouvez obtenir la zone à partir de l'ip ou utiliser javascript.
Les utilisateurs devront rarement modifier la sélection.
Quand il s'agit de la mise en forme réelle de la liste, je vous recommande de regarder les fenêtres (ou mac). Ils utilisent des conventions que les gens comprennent.
Vous pouvez également autoriser les utilisateurs à entrer leur ville et leur pays et à obtenir automatiquement le fuseau horaire. L'API google maps peut vous aider. Voir http://www.worldtimebuddy.com/ pour un exemple.
Je dirais que cela dépend des utilisateurs que vous ciblez avec votre produit.
La plupart de vos utilisateurs sont-ils basés dans les grandes villes? La plupart de vos utilisateurs sont-ils avertis en informatique?
Comme j'utilise toujours le clavier pour parcourir les formulaires, ma méthode de sélection de fuseau horaire préférée est une énorme liste déroulante avec toutes sortes d'options telles que les villes, les pays (= capitales des pays), les décalages UTC, etc. Les autres options il y en a, mieux c'est: si l'utilisateur est basé à Moscou, par exemple, il peut appuyer sur M (pour Moscou), R (pour la Russie) ou 4 (pour un décalage de 4 heures).
L'avantage est qu'une personne habituée à naviguer dans les listes déroulantes à l'aide d'un clavier n'aura pas à réfléchir et sera toujours à quelques touches du fuseau horaire dont elle a besoin.
Cependant, cela rend également la liste déroulante désordonnée et difficile à parcourir pour ceux qui n'utilisent pas leurs claviers (moins d'utilisateurs avertis en informatique ou sur les appareils mobiles).
P.S .: Voici une autre discussion intéressante sur ce sujet: De quelle façon dois-je afficher les noms de fuseaux horaires pour les rendre facilement sélectionnables?
Je n'ai rien mis en œuvre à ce sujet, mais j'ai une idée de la façon dont cela pourrait être fait.
Pour ce faire, vous pouvez utiliser l'heure système de l'utilisateur à l'aide de javascript et déterminer le décalage.
nouvelle date ()
donnerait quelque chose comme ça Mer 17 août 2011 13:00:00 GMT + 0530 (IST)
Si vous ne voulez pas utiliser ce qui précède ou avoir une sauvegarde, vous pouvez obtenir le pays de l'utilisateur à partir de son adresse IP, demander à l'utilisateur son code PIN. Il y a peu de services qui fournissent la cartographie du code PIN à la ville et il devrait y avoir des services d'une ville pour cartographier le fuseau horaire.