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

Sep 13, 2025
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

Construire une UI contrôlée par la voix

Comment Sep 13, 2025

NOUS AVONS VU DE NOMBREUSES NOUVELLES API AJOULETES AU WEB AU COURS DES DERNIÈRES ANNÉES QUI CONTRE RÉELLEMENT ACTIVÉ LE CONTENU Web pour AVOIR LE MÊME TYPE DE FONCTIONNÉTIÉ QUE DE NOM..

10 façons de créer de meilleures animations de caractère

Comment Sep 13, 2025

AVEC La Taille de l'Année de Croissance de l'Industrie 3D L'Année, Il est plus important que le Quant Jamais de S'assurier Que Votre Travail Se Démarque de la Foule. Quel Que SOIT VOTE NIV..

Affinity Designer: Comment utiliser des contraintes

Comment Sep 13, 2025

[dix] [dix] [dix] [dix] Lesigner d'affinité sont populaires art vectoriel ..

Comment créer un robot de paquet

Comment Sep 13, 2025

[dix] [dix] [dix] [dix] Après avoir obtenu son diplôme l'été dernier, je suis toujours assez nouv..

Power Un blog à l'aide de l'API WordPress

Comment Sep 13, 2025

[dix] [dix] [dix] [dix] Au cours des dernières années, le développement d'une API de repos pour Wo..

Peindre un portrait dans les huiles

Comment Sep 13, 2025

[dix] [dix] [dix] [dix] Apprentissage Comment peindre Un portrait n'es..

Comment faire une voiture de sport réaliste

Comment Sep 13, 2025

[dix] [dix] [dix] [dix] Au cours des dernières années, j'ai honoré mes compétences en matière d'..

Prototype d'un bouton d'action flottant en pixate

Comment Sep 13, 2025

Le pixate vous permet de prototyser rapidement des maquettes mobiles interactives pouvant être prévisualisées sur les périphériques Android et iOS. Dans ce tutoriel, nous allons l'utilis..

Catégories