Comment "forcer" les utilisateurs à mettre à jour leur navigateur?
Je ne pouvais pas penser à un meilleur titre pour cette question, mais veuillez ne pas sauter aux conclusions - je ne veux pas vraiment pointer une arme sur la tête de mes utilisateurs!
J'ai un site qui fonctionne bien avec les navigateurs modernes comme IE9 +, FF12 + ou Chrome. En raison du manque de prise en charge HTML5 (en particulier certains problèmes liés à la toile), le site ne fonctionne pas dans les navigateurs plus anciens, comme IE8, par exemple.
Le site fait partie d'un service prépayé, les utilisateurs sont avertis de ces contraintes avant de payer, et pourtant il y a encore des utilisateurs qui achètent le service tout en ayant ces anciens navigateurs sur leurs ordinateurs.
D'un côté pour soutenir ces moyens de recréer entièrement le site en Flash ou Java, par exemple. Cela signifie beaucoup de travail pour un pourcentage relativement faible (jusqu'à 15%) de mon public cible.
De l'autre côté, je ne veux pas les "décevoir" en déclarant carrément "Votre navigateur est trop vieux", je veux leur donner une rétroaction intéressante, visuellement et/ou verbalement, qui leur donnera vraiment envie de se mettre à niveau. La meilleure idée que je vienne est de leur montrer la vidéo du site de travail, mais cela semble trop lourd et ennuyeux.
Aucune suggestion? Merci.
MISE À JOUR:
Il semble, d'après une courte enquête auprès des utilisateurs que j'ai faite, que les utilisateurs préfèrent définitivement installer un plugin et ne pas mettre à niveau. Par conséquent je vais accepter la Chrome Frame.
Je tiens à vous remercier tous pour une discussion très intéressante, j'ai beaucoup appris et je m'en suis beaucoup inspiré.
Réponse mise à jour - mars 2013
Depuis que cette réponse a été publiée en novembre 2012, Google a supprimé ce plugin. Bien qu'il puisse encore fonctionner à partir d'aujourd'hui (mars 2014), il n'y a aucune garantie qu'il fonctionne à l'avenir. Depuis janvier 2014, la prise en charge de Chrome Frame n'est plus disponible:
http://googlesystem.blogspot.com/2013/06/chrome-frame-discontinued.html
Compte tenu de ces facteurs, nous avons décidé de retirer Chrome Frame, et nous cesserons le support et les mises à jour pour le produit en janvier 2014. Si vous êtes un développeur avec une application qui pointe les utilisateurs vers Chrome Frame, veuillez inviter les visiteurs à passer à un navigateur moderne. Vous pouvez en savoir plus sur ces changements dans notre FAQ.
Si vous êtes administrateur informatique, vous pouvez donner à vos employés toutes les capacités d'un navigateur moderne dès aujourd'hui, même si vous dépendez d'une technologie plus ancienne pour exécuter certaines applications Web. Découvrez Chrome pour les entreprises couplé à la prise en charge du navigateur hérité, qui permet aux employés de basculer de manière transparente entre Chrome et un autre navigateur. Chrome = est sécurisé, stable et rapide, et s'exécute sur tous les principaux OS de bureau et mobiles. Les administrateurs informatiques peuvent également configurer plus de 100 stratégies pour adapter Chrome à leurs besoins).
Le billet de blog pointe sur Chrome pour les entreprises avec prise en charge pour ouvrir automatiquement les pages Web spécifiées dans d'autres navigateurs
Réponse originale
Point clé qui n'a pas été mentionné: Certaines personnes NE PEUVENT PAS mettre à niveau.
Au travail, je suis contraint à IE8 (mis à niveau depuis IE6 à la fin de l'année dernière, au début de cette année).
Faites ce que Basecamp fait. Poussez IE 6/7/8 dans Chrome-Frame : 
Vous ne pouvez pas "forcer" tout le monde à mettre à niveau. Certains utilisateurs n'ont pas la possibilité. Donnez-leur des options à utiliser dans le cadre de leurs restrictions (restrictions de travail, manque de droits d'administrateur, etc.).
Les restrictions de travail empêchent la mise à niveau de certaines applications. Cette application ne fonctionne qu'avec IE8. Cette application se bloque sur Adobe 10+. XPSP3 rompt cela. Le correctif SQL Server # 12345 rompt cela. J'ai entendu récemment que la principale restriction à la mise à niveau ne convainc pas les gens. C'est payer la facture pour mettre à niveau Foo pour travailler avec Shiny-New Bar.
(Certes, au travail, j'ai un administrateur, donc j'utilise Chrome. [~ # ~] mais [~ # ~] I [~ # ~] peut [~ # ~] dire aux autres utilisateurs d'utiliser IE8 + Chrome Frame, pour ceux qui ne peuvent/ne veulent pas sortir des limites "prises en charge".)
How can I enable Google Chrome Frame for my site?
You make your pages work with Google Chrome Frame by adding a single
tag, like this: <meta http-equiv="X-UA-Compatible" content="chrome=1">
Google Frame Installed + That tag = Chrome Moteur utilisé dans IE6-9. Ils conservent IE6. Vous arrêtez de prendre en charge IE6. Win-Win.
Vous souhaitez que vos utilisateurs utilisent votre service. Votre les utilisateurs veulent utiliser le service mais ils doivent d'abord investir (c'est-à-dire le temps de mettre à jour leur navigateur).
Idées:
- Tout d'abord soyez gentil et montrez un message empathique, par ex. comme Apple le fait si vous exécutez un navigateur qui n'est pas pris en charge par iCloud
- Dites-leur pourquoi cela vaut la peine d'investir du temps (énumérez les avantages, prévisualisez ce à quoi ils peuvent s'attendre)
- Donnez-leur un peu d'incitation (un bon, peut-être quelques dollars de réduction lors de leur premier achat)
Edit: Comme mentionné par @Darq et @pMan ci-dessous, il serait préférable qu'un tel écran
- fournir des liens vers les pages de téléchargement du navigateur correspondantes
- mettre encore plus d'empathie dans la copie, avec n appel clair à l'action
Un autre exemple:
Vous voudrez peut-être essayer brièvement d'expliquer la valeur de la mise à niveau, tout en promouvant l'action avec un langage positif, et en rétrogradant l'action négative avec un langage pas exactement négatif, mais juste moins positif.
Vous devez également fournir des informations à ceux qui ne sont pas en mesure de mettre à niveau (par exemple, les restrictions d'entreprise peuvent empêcher l'utilisation de tout sauf IE6), afin qu'aucun visiteur qui voit cette page ne se sente bloqué - toujours fournir un itinéraire de sortie.
Vous trouverez ci-dessous une maquette qui utilise soigneusement le langage pour rendre la mise à niveau attrayante, avec la valeur ajoutée d'améliorer l'expérience sur d'autres sites ainsi que la vôtre. Le gros bouton fait appel à l'impulsion émotionnelle de vouloir mieux, tandis que le petit bouton confirme l'acceptation du fait que le site Web ne peut pas être consulté.
Je ne dis pas copier cette page mot pour mot - c'est juste un exemple de l'utilisation du langage, de l'expression et de la présentation des choix.
Vous pourriez faire ce que cette entreprise géante austrailienne a fait et facturer une "taxe" supplémentaire pour les anciens navigateurs en compensation d'avoir à les soutenir
"Il semble que vous ou votre administrateur système soyez dans le coma depuis plus de 5 ans et que vous utilisez toujours IE7." Cela commence, avant de passer à la nouvelle des coûts. "Pour aider à améliorer Internet, vous devrez payer une taxe de 6,8% sur votre achat sur Kogan.com."
Comment avertissez-vous vos utilisateurs avant le point de vente?
Un texte du type "Votre navigateur actuel n'est pas entièrement compatible pour une utilisation avec ce site. Pour obtenir la productivité/efficacité maximale, un de ces navigateurs est recommandé" est la tactique la plus simple/la plus courante, sonne comme que fais tu.
Il existe un certain nombre de superpositions basées sur javascript qui le feront (pour détecter les anciens navigateurs, généralement IE) et suggérer visuellement la mise à niveau ou l'utilisation d'un autre navigateur.
Ceux-ci peuvent facilement être personnalisés pour montrer qu'une indication visuelle pourrait également incorporer une vidéo (comme vous l'avez suggéré) ou des captures d'écran de l'apparence du site "entièrement activé" dans un navigateur plus moderne.
Personnellement, je toujours cherche des captures d'écran avant de m'inscrire à quoi que ce soit.
Tant qu'ils sont avertis avant de faire un achat (ce que vous faites), malheureusement, il y a une limite au nombre d'avertissements que vous pouvez donner (en supposant qu'ils le liront), le plus visuel et "joli" le plus efficace, il est probable être.
Peut-être même une case à cocher qu'ils comprennent lesdites restrictions avant l'achat (uniquement s'ils utilisent un navigateur non pris en charge)?
À l'autre extrême, vous pourriez même empêcher un achat via un navigateur non pris en charge.
Redirigez-les vers la version mobile mise à l'échelle du site Web et afficher un titre en haut, disant qu'ils peuvent utiliser la version complète lorsqu'ils décident de mettre à niveau leur navigateur.
Je pense que c'est mieux que de refuser catégoriquement de les servir comme taux de rebond lorsqu'il rencontre un "mur de briques" (mettez à niveau votre navigateur pour continuer) sera beaucoup plus élevé.
Les sites Web mobiles à grande échelle ne semblent pas nécessairement mauvais . Ceux construits avec JQuery Mobile par exemple évoluent assez bien. (Mise à l'échelle: exemple )
Comment fonctionne votre site avec un navigateur texte uniquement? Comment apparaît-il aux utilisateurs de lecteurs d'écran? Si votre réponse est que cela ne fonctionne pas, vous pourriez contrevenir à la législation sur le handicap de votre juridiction. Lorsque vous repoussez les limites technologiques, vous avez un certain nombre de problèmes à résoudre, y compris celui-ci. Même pour les utilisateurs capables de mettre à niveau, vous avez créé une barrière à l'entrée. Comme d'autres l'ont fait remarquer, cela peut ne pas être une bonne décision commerciale.
Il y a eu un certain nombre de suggestions sur la façon d'amener quelqu'un à mettre à jour son navigateur. Au moins, vous êtes dans la bonne direction pour la mise à niveau. Malheureusement pour les utilisateurs dans les environnements d'entreprise, ils peuvent être incapables de mettre à niveau car ils ont des logiciels critiques liés à une ancienne version de navigateur. Veuillez créer votre vérification de version afin que les utilisateurs puissent utiliser n'importe quelle version de navigateur après la première version prise en charge. Les utilisateurs en entreprise peuvent ne pas avoir les privilèges de mettre à niveau leur navigateur, même si cela ne briserait rien de ce qu'ils peuvent.
Je considérerais sérieusement un chemin de déclassement gracieux pour les utilisateurs sur des navigateurs moins capables. Cela peut être plus de travail, mais les premiers utilisateurs seront confrontés à ce genre de problème. À ce stade, nécessiter HTML5 pour les fonctionnalités de base peut ne pas être une bonne idée de conception.
Cela peut être similaire aux problèmes rencontrés lorsque Flash était nouveau. Un site d'entreprise avec lequel j'ai travaillé a adopté Flash pour sa première page. Ceci à un moment où la politique de l'entreprise empêchait l'utilisation de Flash sur l'équipement de l'entreprise. À partir des navigateurs conformes à la politique de l'entreprise, les utilisateurs se voyaient présenter un écran blanc uni. Si vous avez remarqué et paginé suffisamment de pages, il y avait un avis en très petite police dans le coin inférieur droit indiquant "Ce site nécessite Flash ....".
Une chose à demander est de savoir si vous pouvez faire une partie du processus pour eux? BJ Frogg a donné à sa famille des enveloppes avec son adresse déjà écrite dessus et a demandé à sa famille de lui écrire pendant qu'il était à l'école. Le fait de terminer une partie du processus les a motivés à commencer à l'envoyer fréquemment.
De plus, empêchez vos utilisateurs de s'abonner au service s'ils ne disposent pas du navigateur approprié. Ne vous contentez pas de les avertir. Économisez de l'argent à long terme en renforçant la valeur de la marque et en évitant d'avoir à jouer au support technique.
Répondre à une question avec une question: votre site fonctionnera-t-il du tout (comme pour fournir une sorte de valeur) avec des navigateurs qui ne prennent pas pleinement en charge les fonctionnalités HTML5 que vous utilisez?
Si tel est le cas, montrez aux utilisateurs des panneaux d'espace réservé pour le contenu qui leur manque. C'est à la fois "carotte" et "bâton"; ils savent qu'ils n'obtiennent pas l'expérience complète et la valeur de ce qu'ils paient parce que les choses manquent, et vous leur dites exactement ce qu'ils manquent dans les espaces réservés, donc s'ils le veulent vraiment, ils Poussez pour de meilleurs navigateurs.
Sinon, montrez à vos utilisateurs une page d'accueil conviviale comme Roger, ou dirigez-les vers le site mobile comme le conseille Cthulhu. Puisqu'ils vous paient pour le site, le taux de rebond n'est pas une préoccupation aussi importante; vous avez votre argent, et s'ils n'acceptent pas les TOS (vous faites avez un accord TOS indiquant que seuls les navigateurs HTML5 sont pris en charge, DROIT?), alors c'est sur eux. Vous avez déjà dit qu'il était sage de revenir en arrière en termes de coûts pour essayer de prendre en charge les navigateurs plus anciens.
Alors que je suis pour les autres réponses encourageant les utilisateurs à changer de navigateur, je pense qu'en tant qu'UXers, nous devrions faire de notre mieux pour aider les utilisateurs qui ne peuvent pas ou ne veulent pas changer de navigateur. Étant donné que pour nous, le principal problème est que l'utilisateur n'est pas autorisé à mettre à niveau son navigateur en raison de la compatibilité des logiciels hérités, nous ne pouvons pas exiger cela de nos utilisateurs (et les utilisateurs ne sont pas autorisés à utiliser Chrome = Cadre par politique).
Étant donné que votre problème concerne <canvas> en particulier, vous pouvez probablement conserver le support assez facilement dans les anciennes versions d'IE: recourez simplement à ExplorerCanvas de Google . Il convertit essentiellement tous les <canvas> code à la place de VML pris en charge par IE. Le projet est assez ancien, mais c'est parce que IE 9 et 10 supportent <canvas> directement.
Vous mentionnez également HTML5 en passant; si vous comptez sur l'un des éléments de niveau bloc les plus récents, vous pouvez très facilement obtenir des IE plus anciens pour les prendre en charge en utilisant html5shiv .
D'abord, j'aime l'idée de faire de la vidéo, mais ce n'est pas ennuyeux, vous pouvez faire une vidéo de 30 secondes montrant les nouvelles fonctionnalités s'il fait une mise à niveau ou diviser ces 30 secondes sur le nombre de fonctionnalités, donc si vous avez 6 fonctionnalités, faites 6 secondes pour chaque un et si vous n'avez pas ces fonctionnalités, créez une nouvelle fonctionnalité et simplifiez-vous;)
Ou vous pouvez vérifier la version du navigateur s'il a mis à jour afficher la page normale sinon, afficher une petite barre en haut pour dire à l'utilisateur qu'il doit mettre à jour