15 conseils pour l'optimisation des périphériques

Feb 2, 2026
Comment
[dix] [dix] [dix]
[dix]

Conception pour tous les appareils! Anna Dahlström parlera de l'importance de Dispositif de construction-agnostic Systems UX à Générer London , 21-23 septembre. Elle va marcher sur la raison pour laquelle les conceptions de dispositif-agnostiques sont importantes, ce que cela signifie et comment nous allons à ce sujet; Reserve maintenant !

[dix]

J'ai commencé à jouer avec des fichiers journaux HTTP et des chaînes d'agents utilisateur sur 15 ans, en analysant et en essayant de comprendre tous les différents appareils à basculer au début des sites Web de la ecommerce John Lewis. Quel conseil voudrais-je me donner, si je pouvais revenir dans le temps?

Ce serait ceci: chaque site Web ou chaque produit que vous travaillez à partir de maintenant sera brisé - vous ne savez tout simplement pas où, sur quel périphérique ou navigateur, ou à quel point. Si vous chassez ces défauts, vous ferez de l'argent plus facile pour vos clients que presque tous vos autres travaux.

Il m'a pris 15 ans pour comprendre que malgré la tendance des clients à se plaindre rapidement, la grande majorité ne signalera pas de bogues dans vos expériences de votre appareil. Si vous obtenez un petit nombre de plaintes, vous avez probablement une catastrophe majeure sur vos mains. Si vous n'obtenez pas de plainte, il est probablement toujours brisé.

Nous ne pouvons pas compter sur les visiteurs du site Web pour être notre «Canarie dans la mine de charbon» pour les problèmes de périphérique et de navigateur - nous devons assumer la responsabilité et devenir plus intelligent et plus proactif dans la façon dont nous testons. La compatibilité des périphériques est un droit non un privilège et la mauvaise utilisation est une forme de discrimination négligente.

[dix]

Cet article décrit les règles clés à mémoriser pour l'optimisation des périphériques et les tests A / B. Attaquez d'abord les conseils d'optimisation. Si vous effectuez des erreurs de base avec la compatibilité des périphériques, la performance et la convivialité, rien ne se déroule avec le test A / B. Trouver et réparer les choses cassées en premier. Ensuite, lorsque vous avez suffisamment de trafic pour exécuter des tests A / B (au moins 500 conversions ou commandes par mois) - vous pouvez faire de nouvelles erreurs.

01. Ne supposez pas que la réactivité résoue tout

J'ai construit une fois un petit site mobile qui n'est pas réactif, mais prend actuellement la meilleure partie d'un milliard d'euros de revenus chaque année. Pour les tâches requises, c'est parfait. Il n'est pas réactif en termes de mise en page des fluides, mais il est sensible aux besoins de presque tous ceux qui l'utilisent. Connaître la différence.

Parfois, les gens pensent que site Web adaptatif est un signe de maîtrise numérique. C'est juste un attribut qui ne transmet rien de qualité - comme dire «nous avons un site Web» ou «notre site Web vous permet de cliquer sur les choses». Ce n'est pas une garantie d'une excellente expérience multipliée.

Je vois de nombreux sites réactifs qui ont une slickness superficielle mais échouent à la convivialité car l'équipe a ignoré les connaissances des clients. Un bon exemple est un Site Web de l'Ecommerce Cela a été réactif et a perdu 40% de ses revenus. Il avait construit une excellente expérience mobile, mais la version de bureau aspirée, et c'est là que 80% de l'argent venaient de. Savoir où la golden Goose aide-t-elle si vous voulez éviter de le tuer!

02. Vos recherches sont-elles d'abord

L'optimisation d'un site ne commence pas avec le piratage au contenu de la page. Cela commence par faire vos recherches afin que vos lèvres disent «voyage client», ce qui sort n'est pas un conte de fées. Il est essentiel de connaître les visiteurs, leurs tâches et leurs objectifs, des points d'entrée, un mélange de périphériques, des chemins, des flux et des zones d'abandon d'abord. Il est très difficile de résoudre un problème que vous ne comprenez pas.

Utilisation de données d'analyse avec expérience utilisateur Les recherches, les enquêtes ou les commentaires sont une manière rapide et légère pour éliminer les conneries, l'ego et les hypothèses sur le "voyage". Une heure de données éclairées vaut mille heures d'opinion incontestée.

Lecture ultérieure: ' Recherche de conversion en une heure '; " Outils de relecture de session pour la recherche '.

03. Suivre les gens, pas les appareils

A Google Analytics User ID view showing overlapping device usage

[dix] [dix]
Une vue ID utilisateur d'analyse Google Analytics montrant l'utilisation de périphériques qui se chevauchent

Sauf si vous utilisez une configuration d'analyse qui suit les utilisateurs, vous finirez plutôt de suivre des périphériques de suivi. Les entreprises se plaignent que leur trafic «mobile» ne convient pas - et nous constatons que le trafic est en réalité converti, juste sur un appareil complètement différent.

Les gens peuvent utiliser leur téléphone pour parcourir et ajouter un produit à leur panier, mais trouvez qu'il est difficile de passer à la caisse, alors terminez la vente sur leur ordinateur portable. Le site pense à ceux-ci comme deux personnes: un client mobile et un client de bureau.

Votre problème de conversion est donc en réalité un problème d'attribution. Comment créditer la vente à une expérience de périphérique si le client utilise plusieurs périphériques? Google Analytics a une vue utilisateur que vous pouvez allumer (pour les utilisateurs connectés) qui vous permet de suivre les personnes, non des périphériques et de nombreux outils d'analyse pour vous aider à donner une idée de cela.

04. N'ignore pas le contexte plus large

Dans ce monde d'appareil hyper-mobile, le contexte est tout. Ce dont vous avez besoin d'une application aérienne pourrait être très différente de 48 heures avant votre vol que lorsque vous courez pour la porte. Pour cette personne avec le téléphone, vous devez prendre en compte les facteurs qui ont une incidence sur l'expérience. Celles-ci pourraient inclure les tâches, les objectifs, le dispositif, l'emplacement, le débit de données, la fenêtre, l'urgence, la motivation, les coûts de données, les coûts d'appel ou même la météo au moment de leur visite!

05. Sortez du bureau

Faire de meilleurs produits ne devrait pas impliquer de longues journées passées au bureau. Pourquoi ne pas rompre la journée de travail avec des visites dans des cafés et des pubs? C'est l'un des moyens les moins chers de trouver des clients pour la recherche UX. Offrir une bière ou un café en échange de commentaires sur votre prototype ou votre conception est un retour sur investissement inestimable. Et n'oubliez pas le site Web - si vous avez du trafic, vous pouvez recruter des personnes et exécuter des tests avec eux aussi.

Lecture ultérieure: ' Outils UX pour les gouverner tous '.

06. Ne supposez pas que tout le monde utilise des iPhones

Diagram showing the percentage splits across device classes, OS and models

[dix] [dix]
Diagramme montrant le pourcentage de scissions entre les classes d'appareils, les systèmes d'exploitation et des modèles

Dans la plupart des configurations d'analyse, les modèles iPhone sont regroupés, ce qui suggère que ce sont les principaux appareils clients. Si vous regardez simplement des modèles de vos données, cela inclinera votre pensée; Vous devez diviser les périphériques par OS ou plate-forme pour voir la photo réelle. Google Analytics peut dire que mon modèle supérieur est l'iPhone 'mais même une poignée de modèles de Samsung Top Samsung peut ajouter un public beaucoup plus grand.

Chaque fois que quelqu'un est tenté de se concentrer sur leur propre préférence de périphérique personnelle au lieu du mélange client, dirigez-les au diagramme au-dessus de droite (cela vaut la peine de le coller sur votre mur de bureau) pour lui rappeler les données.

Lecture ultérieure: ' Le guide ultime pour utiliser Google Analytics pour l'optimisation des périphériques '.

Discover why your designs should be device-agnostic at Generate London

[dix] [dix]
Découvrez pourquoi vos conceptions devraient être des appareils-agnostiques à Generate London

07. N'oubliez pas le suivi des appels

[dix]

Une mention pour une technique gratuite et rarement utilisée. Si vous avez des périphériques tactiles pouvant effectuer des appels téléphoniques, vous pouvez suivre les appels. Ajoutez simplement un événement (ou PageView) à vos données d'analyse chaque fois que quelqu'un tapote un numéro de téléphone pour vous appeler. Ensuite, vous saurez combien d'appels vous obtenez, exactement ce que les personnes de la page Web appelées de et quelles campagnes marketing ou sources ont conduit le plus d'appels.

J'ai utilisé ces données pour analyser un compte PPC pour une grande entreprise. Lorsque nous avons pris en compte les ventes provenant des appels téléphoniques, cela a complètement changé notre enchère. L'épargne était de 40 à 70% de bonnes factures pour PPC, mais le même chiffre d'affaires.

08. Utilisez des données réelles pour suivre la vitesse du site Web

Peu de gens savent que Google Analytics collecte les mesures de véritables visiteurs de la lenteur de vos pages, tous les jours. Plutôt que d'imaginer la performance (comme vous parcourez votre site sur une WI-FIConnection), vous pouvez laisser les données vous dire où elle est nulle. Regardez le rapport DOM Timnings: ces enregistrements combien de temps la structure de la page Web et le contenu prend pour charger. La fabrication de sites plus vite est un changeur de jeu.

Il existe une énorme corrélation entre les performances et le taux de conversion, donc si c'est lent, vous dépensez de l'argent du marketing pour envoyer des personnes à vos concurrents!

Lecture ultérieure: ' Interpréter la vitesse du site '.

09. Copier la méthode de test plutôt que la création

Lorsque vous regardez les tests, d'autres sociétés sont exécutées, vous n'avez aucune idée si elles ont complètement bouché le test ou non. Leurs données, méthode, QA ou taille de l'échantillon peuvent montrer qu'ils ont fait des erreurs élémentaires. Ils auraient peut-être exécuté le test pendant une période trop courte ou non vérifiée si elle collectionne des données avec précision. Vous ne savez tout simplement pas.

Et même si vous avez eu toutes les informations de base, vous ne pouviez toujours pas prédire si leur méthode fonctionnerait pour vous. Vos clients, votre marketing, votre site Web et tout le reste sont complètement différents. En bref, les meilleures règles de test des tests sont principalement liées à la copie de la méthode et non à la création.

Lecture ultérieure: ' Le sucer sans fin des meilleures pratiques et des experts d'optimisation '; " Quand les meilleures pratiques d'optimisation de la conversion échouent '.

10. Ne testez pas sans planification

Il y a des millions de choses que vous pourriez tester dans des endroits sur votre site. Si vous venez de «commencer», vous pourriez éventuellement obtenir un site Web optimal - mais la mort thermique de l'univers vous obtiendra d'abord. S'il y a des trucs rompus dans vos expériences, vous devez résoudre ce problème d'abord (avant de tester) comme autrement, cela fera glisser tout le reste. Une fois que vous avez les bases de la compatibilité des performances et des périphériques, utilisez Analytics pour identifier les opportunités.

«Il suffit de changer de choses» n'est pas une raison suffisante pour tester; Vous avez besoin de preuves ou de perspectations pour conduire un bon test. Le meilleur apprentissage vient d'avoir de bonnes questions à canaliser dans vos tests.

11. Établissez votre hypothèse

Ask people to describe the test they want to run using this sentence. If you’re laughing, it’s a bad test

[dix] [dix]
Demandez aux gens de décrire le test qu'ils veulent courir en utilisant cette phrase. Si tu ris, c'est un mauvais test

Le kit d'hypothèse est l'une des choses les plus utiles que j'enseigne:

Parce que nous avons vu [Données / commentaires], nous nous attendons à ce que [changements] causerait [IMPACT]. Nous allons mesurer cela en utilisant [métrique de données].

Demander aux gens d'encadrer leur question ou un test A / B de cette manière les oblige à réfléchir à la raison pour laquelle ils exécutent le test et comment le succès sera mesuré.

En plus de lecture: Kit d'hypothèse 3 .

12. Exécutez d'abord une calculatrice de test

C'est vraiment une bonne pratique pour exécuter une calculatrice de test avant votre test A / B. S'il est dit que cela prendra environ neuf millions d'années pour terminer, vous pouvez faire quelque chose de plus utile avec votre vie.

13. Ne vous arrêtez pas à 95% de confiance

C'est une erreur noob très commune à faire avec A / B Test. Vous devez décider de votre temps de test à l'avance, puis exécutez-le pour ce temps, arrêtez-le et analysez-le. La plupart des tests étant courus dans le monde réel sont totalement fictifs - et c'est pourquoi les gens sont déçus lorsque le "ascenseur" promis dans la conversion n'arrive pas. L'appel des tests à tort ou d'attente trop longtemps, des résultats sont des problèmes courants qui devraient être évités.

Lecture ultérieure: ' La signification statistique ne correspond pas à la validité '; " Pourquoi chaque marketing Internet devrait être un statisticien '.

14. Segment par classe d'appareils

Si vous avez des périphériques ou des points d'arrêt différents dans votre conception, le test A / B sera complètement différent. Si vous n'êtes pas sûr de savoir comment votre conception regarde tous les appareils, comment pouvez-vous être sûr qu'il fonctionne du tout? Si vous n'agissez pas et que vous n'alisez pas les données par les différentes classes de périphériques ou les «points d'arrêt», comment saurez-vous le changement de comportement? L'un de mes clients stocke la conception exacte dont le client a vu dans sa couche de données, ce qui est très utile.

Toujours comprendre comment vous ciblez ou segmentez des personnes sur des classes de périphériques mobiles, tablettes et de bureau. Il n'y a pas de visiteur «moyen» - pas lorsque l'expérience de l'appareil varie si extrêmement.

15. N'oubliez pas les tests de QA

Si vous n'avez pas travaillé sur votre appareil de périphérique, vous n'êtes probablement pas une QA Tester vos tests A / B non plus. Cela signifie que quelques-uns d'entre eux sont probablement brisés - et si vos tests A / B sont brisés, vos données et votre prise de décision sont probablement défectueuses. Environ 30 à 40% de toutes mes conceptions de test échouent à la base de base de base, même avec des développeurs de haute qualité - c'est JavaScript pour vous! Supposons qu'il est cassé jusqu'à preuve du contraire.

Résumé

Ici, j'ai couvert un certain nombre de conseils pour améliorer vos expériences de l'appareil. Lorsque vous commencez à savoir, connaissez votre appareil et comprendre les clients de ces appareils est vital. La prochaine étape consiste à utiliser des données pour vous aider à hiérarchiser vos efforts. Faire une bonne liste de tests (à l'aide de Google Analytics) réduit l'effort des développeurs, mais augmentera le nombre de défauts que vous supprimez sur les appareils populaires.

La conception de grandes expériences de périphériques est un équilibre entre les données, l'intuition, l'empathie et l'expérimentation. Si vous permettez à ceux-ci d'occuper l'espace généralement rempli d'ego et d'opinion, bon travail s'épanouira. Comme l'a dit Stephen Hawking: "Le plus grand ennemi de la connaissance n'est pas ignorant, c'est l'illusion de la connaissance."

En savoir plus sur l'importance de la conception de l'appareil-agnostique avec Anna Dahlström à Générer London ! Dans Dispositif de construction-agnostic Systems UX Elle expliquera pourquoi vous devriez laisser la mise en page du guide de contenu et éloigner des pages de conception pour vous concentrer sur les modules que ces points de vue sont composés. Réservez votre billet maintenant !

Cet article est apparu à l'origine dans magazine net numéro 279; Abonnez-vous maintenant !

[dix] [dix]
[dix]

Comment - Most Popular Articles

Travaillez intelligemment avec votre UI de zbrush

Comment Feb 2, 2026

Tout CE Qui Stimule Notre Esprit Peut-à-propos de l'espérance Afrique Notre Productivité et il est important de Reconnaître Les Facteurs Qui Soutiennent Notre-Soutiennent Notre-Soit Le Bo..

Comment transformer la journée en nuit dans Photoshop

Comment Feb 2, 2026

[DIX] [DIX] [DIX] [dix] [DIX] Les conversions quotidiennes Sont Autour de l'Autour de l'Autour de l'Ait d..

Comment faire une mandelbulb

Comment Feb 2, 2026

[dix] [dix] [dix] [dix] Une mandelbulb est une fractale en trois dimensions qui devient de plus en pl..

Créer un matériau de tuiles en concepteur de substance

Comment Feb 2, 2026

[dix] [dix] [dix] [dix] Les concepteurs de substances sont un excellent outil de création de toutes ..

Comment dessiner un gros chat avec des pastels

Comment Feb 2, 2026

[dix] [dix] [dix] [dix] La douceur et la luminosité des bâtons pastels leur font le choix idéal po..

Peindre un jeu de science-fiction dans Photoshop

Comment Feb 2, 2026

[dix] [dix] [dix] [dix] J'ai toujours pensé que l'originalité se trouve quelque part entre ce que v..

Gardez le contrôle de la version parfait avec abstrait

Comment Feb 2, 2026

[dix] [dix] [dix] [dix] Le contrôle de la version visait à l'origine les développeurs travaillant ..

Groom une créature irrésistiblement fourrure

Comment Feb 2, 2026

[dix] [dix] [dix] [dix] Page 1 sur 3: Page 1 ..

Catégories