Comment améliorer l'expérience utilisateur d'une carte illustrée?
Y a-t-il des suggestions recommandées pour améliorer le coût d'interaction pour une carte illustrée? Plus précisément, chaque fois qu'un utilisateur clique sur un "point d'intérêt" puis revient sur la carte, tous les éléments se chargent à nouveau. De plus, à partir des tests d'utilisabilité et de regarder les enregistrements analytiques, il semble que les utilisateurs ne cliquent pas tout au long et au lieu de simplement "survoler" les illustrations sur la carte. Avez-vous des suggestions sur la façon dont nous pouvons impliquer davantage les utilisateurs dans le contenu de la carte? Y a-t-il d'autres sites qui ont créé un bon précédent pour cela?
Lien vers la carte ici: http://thebambergergroup.com/map/murray-hill/nyc
Voici mes deux cents. Je comprends que vous cherchez des conseils de collègues dans ces questions, mais mon plus grand conseil est de se souvenir de l'utilisateur dans "l'expérience utilisateur. Je poserais la même question à vos utilisateurs et verrais ce dont ils ont besoin.
Tout d'abord, je dirais que je suis d'accord avec la plupart des commentaires précédents en ce qui concerne la programmation et la qualité de l'image. Je vais maintenant passer à une perspective utilisateur.
- Je déplacerais votre invite de conversation loin de la commande de zoom. Quand il a été chargé pour la première fois, il était sur la commande de zoom et m'a pris une ou deux secondes pour savoir comment le fermer. (impossible de le faire apparaître une deuxième fois pour la capture d'écran)
- Deuxièmement, je rendrais le contrôle de la conversation étroite un peu plus évident.
- J'envisagerais au lieu d'utiliser un fly-out pour les détails de la propriété à utiliser et une superposition ou une fenêtre modale. La façon dont le fly-out fonctionne actuellement me fournit en fait moins d'informations que le vol stationnaire. Donc, si votre objectif est le clic, envisagez de fournir aux utilisateurs moins d'informations sur le survol.
- Vous pouvez également envisager d'autoriser les utilisateurs à cliquer à partir de l'invite. Le fly-out n'est pas une expérience utilisateur claire et claire. Le basculement serait une étape supplémentaire pour moi, je veux voir les propriétés disponibles en premier. Vous pourrez peut-être y mettre une invite pour accéder à la page de propriété pour les informations sur le bâtiment.
- De plus, la liste des propriétés ne semble pas avoir besoin des images et des détails complets. Condenser ces informations à un format de liste, montrer simplement le prix et le nombre de chambres me donnerait les informations dont j'avais besoin et si j'étais intéressé à en savoir plus, je pourrais cliquer sur plus de détails pour voir les photos, les informations sur le bâtiment, etc. ( améliorera également les taux de clics). En passant, avec cette approche, le fly-out resterait viable.
- Hors sujet, j'envisagerais également de changer les icônes du marqueur de localisation Google en quelque chose de plus pertinent, comme un bus pour la gare routière et un marqueur de monument générique pour d'autres points d'intérêt. Le marqueur de position m'a ébranlé au début, pensant qu'il s'agissait de domaines d'intérêt moins importants. Si vous êtes préoccupé par la densité visuelle, vous pouvez toujours réduire l'opacité.
Pas une réponse à la question des clics en particulier, mais un commentaire sur la carte néanmoins.
Il ne se chargera pas sur mobile. Lorsque je mets mon navigateur en "mode bureau", le site fonctionne très bien, quoique un peu lentement. Donc, le site me bloque intentionnellement en fonction de l'agent utilisateur de mon navigateur, et non en fonction de fonctionnalités ou de plugins comme flash. C'est un moyen infaillible de perdre du trafic.
Non, ce n'est pas super UX pour charger une page laggy (même si je pense que la page pourrait être beaucoup optimisée), mais c'est mieux que rien. Surtout si vous échangez la fenêtre contextuelle "mobile non pris en charge" pour une clause de non-responsabilité "non optimisé pour mobile".
J'aime les filtres; comme des gammes de prix pour l'immobilier. Un filtre avec des signes dollar au-dessus de la propriété indiquant qu'il y a quelque chose à vendre. Peut-être un signe dollar rouge indiquant une baisse de prix ou un vert pour une augmentation de prix et une autre couleur pour aucun changement de prix. J'aime la fonctionnalité de Zillow où vous pouvez encercler une zone à rechercher. J'avais besoin de l'info-bulle sur la façon de l'utiliser au début, mais j'étais une fonctionnalité amusante à utiliser sans trop de couches qui masquait ma vue de la carte.
L'adresse doit en fait être visible sans cliquer sur le "pin". La fenêtre contextuelle est bonne, mais jusqu'à ce que je lise votre texte, je ne savais pas que je pouvais cliquer sur le bâtiment et quelque chose allait se produire. Vous devez fournir une brève instruction pour cela.
Pour être honnête, il ne suffit pas de cliquer.
- Les bâtiments doivent cesser de sauter et de faire de l'ombre en vol stationnaire - c'est ennuyeux.
- L'inclinaison du texte est incorrecte (dans le mauvais sens).
- La police n'est pas confortable. ( polices confortables )
- La construction doit être SVG pour un zoom fluide.
- Cela ne devrait pas se produire lorsque vous maintenez le bouton gauche de la souris):
![enter image description here]()
J'espère que cela t'aides.
Tout d'abord, très beau travail. mon seul problème est le manque de "texture" sur le terrain. au lieu de gris peut-être qu'il pourrait être codé par couleur? Peut-être vert pour les champs? juste une petite suggestion mais je pense que cela ajouterait grandement à l'expérience utilisateur! j'espère que cela vous aidera, Leo Cornelius -CEO de Cornelius innovations.
Je pense que les recommandations d'Ivan sont bonnes. Je voudrais juste ajouter mes idées:
tout le rechargement de la carte est un non-sens. Il suffit de la coder mieux, de laisser la page chargée dans le cache du navigateur, il n'est pas nécessaire de refaire toute la requête et d'attendre la réponse du serveur. Il s'agit d'une simple amélioration technique.
Je préfère utiliser une carte comme la carte airbnb. Des informations minimales sont affichées et sur le clic/appuyez sur plus d'informations, des liens sont affichés sur un onglet latéral.
Je laisserais cet onglet latéral toujours ouvert. Je le trouverais plus clairement conçu.
Je déplacerais le popup du message de chat dans le coin supérieur droit, il s'affiche sur le bouton +/- et c'est ennuyeux.
Pour moi, la carte est très sophistiquée mais pas très utilisable: de nombreux POI nécessitent un niveau de zoom plus profond, une vue de dessus (non isométrique) et un peu moins de couleurs et de détails. Je concevrais les bâtiments d'une manière moins skeuomorphique.