Si vous utilisez quotidiennement un téléphone Android, la fluidité avec laquelle l'écran réagit à vos gestes fait toute la différence entre une expérience agréable et une expérience frustrante. La latence, le nombre d'images par seconde et la précision tactile influencent tout, du défilement sur les réseaux sociaux aux jeux. Dans ce contexte, Google a présenté un robot ingénieux appelé Chrome TouchBot Il automatise les tests tactiles et permet une mesure rigoureuse des performances des appareils et systèmes domestiques. Bien que cela puisse paraître très technique, ses tests reproduisent les gestes du quotidien afin que les résultats soient fiables. représentatif de la vie réelle.
Vous trouverez ci-dessous un guide complet et très pratique. Vous découvrirez précisément ce qu'est ce robot, comment il fonctionne et pourquoi il est important. Nous explorerons également les outils Android officiels permettant d'analyser ses performances (tels que…). Perfetto et les générateurs de profils Android Studio), nous mesurerons expérience Web À l'aide du panneau Performances des outils de développement Chrome, nous passerons en revue des applications utiles pour vérifier que votre écran tactile fonctionne correctement. Nous partagerons également une anecdote intéressante à ce sujet… Serrure intelligente Lollipop a dévoilé une image d'un Nexus 6 sous Windows Phone, ainsi qu'une liste de langues où trouver la documentation et les ressources. L'objectif est de vous fournir une carte claire et simple. toutes les pièces du puzzle.
Qu'est-ce que Chrome TouchBot et pourquoi est-il essentiel pour Android ?
L'ingénieur français François Beaufort, l'un des principaux concepteurs de Chromium, a partagé une vidéo de démonstration sur ses comptes YouTube et Google+ présentant le robot utilisé par Google pour tester les écrans tactiles. La vidéo est accélérée pour plus de clarté, mais elle illustre parfaitement le fonctionnement de ce robot… Chrome TouchBot Elle exécute des séquences d'actions contrôlées sur les écrans, reproduisant les tapotements et les glissements avec une précision constante qu'il serait impossible d'atteindre manuellement après des heures de tests. Ce rythme accéléré de la vidéo n'enlève rien au résultat. transparence Comme on peut le constater, le flux de travail est parfaitement illustré.
Le robot est conçu pour évaluer à la fois les appareils et équipements Android. ChromeOSSon objectif est de mesurer les paramètres objectifs de la performance tactile, notamment latence Ces indicateurs permettent de comparer la réactivité tactile et visuelle, le taux de rafraîchissement ou les FPS (images par seconde), ainsi que la sensibilité de l'écran aux différents types d'interaction. Grâce à eux, les équipes logicielles peuvent détecter les écarts, comparer les versions et vérifier que les modifications du système n'entraînent pas de dysfonctionnements. régressions dans la fluidité.
Pour obtenir des données utiles, TouchBot reproduit les gestes que n'importe quel utilisateur effectuerait : pressions simples, tapotements répétés et surtout… volute Le défilement s'effectue à différents rythmes et schémas. Rien de futuriste ici : il s'agit d'actions banales, exécutées avec une précision millimétrique qui permet d'obtenir un résultat fiable. Ainsi, si le défilement devient saccadé ou si la latence augmente, le problème est détecté instantanément et peut être corrigé. corregir avant qu'il n'atteigne les utilisateurs.
Un point particulièrement intéressant est que le Code TouchBot Ce projet a été publié en tant que logiciel libre. Cela permet à des tiers d'étudier facilement l'approche, de l'adapter à leurs environnements ou de la réimplémenter pour leurs propres bancs d'essai. Grâce à cette ouverture, Google n'est pas le seul à bénéficier du robot : toute personne intéressée par la mesure des interactions tactiles à l'échelle industrielle peut en profiter. à partir de cette base et élaborez votre solution.
Comment vérifier votre écran : applications et tests qui vous aident vraiment
Quelle que soit la puissance du matériel, si l'écran présente un délai de réponse, des zones mortes ou des incohérences entre vos actions tactiles et l'interprétation du système, l'expérience utilisateur est gâchée. En cas de suspicion de problème ou pour simplement vérifier le bon fonctionnement de l'écran, des utilitaires légers permettent de l'analyser en détail sans nécessiter de logiciels ou d'outils spécifiques. racineL'un des plus simples est le test d'écran tactile : il permet de vérifier que chaque zone de l'écran réagit, indique s'il y a des délais et vous guide grâce à une interface simple pour effectuer les vérifications sans compliquer les choses. Son objectif est clair : libreLéger, n'épuise pas la batterie et possède une interface épurée que tout le monde peut utiliser.
- Gratuit et complet : accédez à ses fonctionnalités gratuitement.
- Léger et efficace: cela n'affecte ni les performances ni la consommation.
- Interface simpleNavigation claire, idéale pour les utilisateurs novices.
- Pas de racine: compatible avec la plupart des téléphones Android.
Pour ceux qui souhaitent aller encore plus loin, DisplayTester permet d'analyser presque tous les aspects de la dalle LCD/OLED de l'appareil, et même de tirer parti de Google Cast pour effectuer des tests sur votre téléviseur et évaluer la qualité d'image sur grand écran. Il est conçu pour exécuter des tests en plein écran, même sur les appareils dotés de clés logicielles (cachées dans Ice Cream Sandwich et versions ultérieures, utilisant le mode immersif à partir de KitKat). La version gratuite offre un arsenal de tests très spacieux.
- Détection des pixels morts avec des pages de couleur unie.
- Tests de couleurs: contraste, gradients (bandes) et saturation.
- Calibrage gamma en gris, rouge, vert et bleu.
- Angles de vision (inutile sur OLED, comme indiqué).
- Gamme étendue pour évaluer la couverture de couleur.
- Test multi-touch pour voir combien de doigts il reconnaît et comment.
- Performances à l'écran avec des scènes conçues pour mettre le panneau en valeur.
- Réparation du rodage avec des barres noires et blanches défilantes.
- Afficher les informations: taille, GPU, dpi, taille en dp, OpenGL 1.x, format de pixel.
- Photos réelles à titre de référence et de comparaison.
- Dégradé à 4 couleurs avec une rotation correcte (Android 2.2+).
- Format de pixel et tramage pour détecter les artefacts.
- Sources intégrées examiner les polices système.
- Mesure manuelle du DPI y nuanciers.
- vérificateur de zone morte sur l'écran tactile.
- tests de source système y Calculatrice DIP/PX.
Sa version Pro ajoute des fonctionnalités telles que la prise en charge complète de Google Cast et un mode de réparation du bruit de rémanence (blanc, noir et blanc, rouge, vert et BleuL'application propose également des gestes pratiques : glisser vers la gauche ou la droite pour changer de test, vers le haut ou le bas pour régler la luminosité, appuyer longuement pour activer/désactiver le mode plein écran (Android 3.0 et versions ultérieures), et appuyer deux fois pour afficher ou masquer la boîte de dialogue des paramètres. Si vous masquez les touches logicielles, la navigation est simple : appuyez une fois pour les faire apparaître, puis glissez rapidement pour passer au test suivant avant qu'elles ne disparaissent à nouveau. cacherLe développeur encourage toute personne rencontrant des problèmes ou ayant des suggestions à écrire par courriel, et suggère d'acheter la version Pro pour soutenir le développement continu.
Inspection des performances sous Android : de l’inspection manuelle à l’automatisation
Android propose plusieurs méthodes pour comprendre ce qui se passe dans votre application lorsqu'elle ne fonctionne pas comme prévu. Idéalement, vous devriez commencer par vous concentrer sur une zone spécifique à chaque itération : lancement de l'applicationCela inclut les images figées ou saccadées (rendu lent), les transitions d'écran et les événements de navigation, les tâches de longue durée et les opérations en arrière-plan telles que les entrées/sorties et le réseau. Cette approche ciblée réduit le bruit et vous aide à identifier la cause première du problème. Plus rapide.
Pour une inspection plus détaillée sur Android 9 et versions ultérieures, l'outil vedette est PerfettoIl vous permet de capturer des traces très précises de votre système et de vos applications. Grâce à ses filtres performants, vous pouvez ajuster le niveau de détail selon vos besoins. Si vous débutez, un guide de démarrage rapide pour l'enregistrement des traces sur Android vous explique comment les capturer, les exporter et les lire sans vous perdre dans les détails. événements.
Les profileurs Android intégrés à Android Studio fournissent également des statistiques précieuses : utilisation du processeur, de la mémoire, du réseau et de la batterie. Ces outils sont particulièrement utiles si vous travaillez avec des appareils antérieurs à Android 9 ou si vous souhaitez passer d'une vue globale à une vue plus détaillée sans quitter l'IDE. Il est conseillé de consulter la présentation des journaux système et la série de tutoriels sur le débogage des performances pour maîtriser leur interprétation. archives et faites-les correspondre à ce que vous voyez à l'écran.
En plus de l'inspection manuelle, configurez tests automatiques Elle vous permet de collecter et d'agréger régulièrement des données. Vous obtenez ainsi une image plus précise de ce que les utilisateurs voient réellement et vous pouvez détecter rapidement les régressions. Pour mesurer les interactions importantes des utilisateurs finaux (lancement, animations et interactions avec l'interface utilisateur), utilisez la bibliothèque. MacrobenchmarkEt pour des cas très spécifiques dans votre code, utilisez MicrobenchmarkEn production, Android Vitals vous alerte lorsque des indicateurs clés dépassent des seuils prédéterminés, et le SDK Firebase Performance collecte des indicateurs tels que le temps écoulé entre l'ouverture de l'application par l'utilisateur et sa réponse, vous aidant ainsi à identifier les problèmes. goulots d'étranglement au démarrage.
Lorsque vous avez besoin d'une session de profilage local plus ciblée, Android Studio vous permet de capturer des profils personnalisés. Et si vous souhaitez affiner les paramètres pour une plus grande précision, revenez à Perfetto L'objectif est d'enregistrer précisément le comportement du système lors de défilements importants ou de chargements de ressources. La combinaison des deux approches (manuelle et automatique) vous permettra d'obtenir une couverture complète, aussi bien en laboratoire qu'en conditions réelles, et ainsi d'optimiser votre capacité à prévenir les problèmes. régressions.
Panneau « Métriques Web et performances » dans les outils de développement Chrome
Si votre application utilise WebView ou si vous vous souciez des performances du site web qui complète votre produit, le panneau Performance Les outils de développement Chrome sont un allié indispensable. Ils permettent d'enregistrer les profils d'utilisation du processeur, d'analyser la chronologie et de détecter les goulots d'étranglement ainsi que les opportunités d'optimisation de l'utilisation des ressources. Grâce à eux, vous pouvez enregistrer un profil, ajuster… configuration de capture et analyser des rapports détaillés qui reflètent ce qui se passe sur le thread principal, lors du rendu et lors des événements d'entrée, avec une capacité à transformer les données en décisions. pratiques.
Pour ouvrir le panneau, accédez à DevTools et sélectionnez Performance dans les onglets supérieurs. Si vous préférez le menu de commandes : sous macOS, appuyez sur Commande + Maj + P ; sous Windows, Linux et ChromeOS, appuyez sur Ctrl + Maj + P. Saisissez « Panneau Performances », choisissez « Afficher le panneau Performances » et validez avec Entrée. Dès que vous aurez validé, vous verrez vos indicateurs locaux. LCP (La plus grande peinture à contenu) et CLS (Décalage cumulatif de la mise en page), avec une évaluation (bon, à améliorer ou mauvais). Lorsque vous interagissez avec la page, elle capture également votre INP (Interaction avec Next Paint), pour fermer le triangle des métriques Web essentielles avec votre connexion et votre appareil actuels.
Sous les fiches de métriques, dans les onglets de Les interactions y changement de designDes tableaux présentent les éléments, les durées, les phases (pour les interactions) et les scores (pour les modifications de conception). Vous pouvez effacer ces deux listes avec le bouton « Effacer ». En survolant une valeur, vous verrez une description détaillée, utile pour comprendre son origine. point.
Le tableau de bord vous permet également de comparer votre expérience locale avec les données de terrain du rapport Chrome UX. Pour ajouter des données de terrain, accédez à Performances > Étapes suivantes > Données de terrain et cliquez sur Configurer. Acceptez la déclaration de confidentialité et, si vous le souhaitez, configurez les correspondances entre vos sources de développement et de production dans la section correspondante. AvancéPar exemple, la cartographie http://localhost:8080 avec https://example.com Cela permettra d'afficher les données de champ de example.com/page1 lors de la visite de localhost:8080/page1. Si vous ne pouvez pas récupérer ces données automatiquement, activez l'option « Toujours afficher les données de champ de l'URL suivante » et saisissez une URL. Vous pourrez modifier ce paramètre ultérieurement. Données de terrain > Configurer. Le panneau affichera ainsi une comparaison entre vos indicateurs locaux et ceux des utilisateurs, y compris la période de compilation.
Pour adapter votre environnement à celui de vos utilisateurs, ouvrez la section « Tenez compte de vos conditions de test locales » sur chaque fiche. Vous pouvez ajuster la fenêtre d'affichage aux tailles courantes (720p, 1080p), choisir le type d'appareil (par exemple, Ordinateur Si la plupart des utilisateurs naviguent depuis un ordinateur, limitez la bande passante (par exemple, en 4G rapide) et la charge du processeur (par exemple, en la réduisant de moitié) et désactivez la mise en cache réseau. Le panneau propose même des préréglages de processeur calibrés, et vous pouvez créer les vôtres pour simuler les appareils mobiles d'entrée et de milieu de gamme. Après avoir configuré l'environnement, rechargez la page, interagissez avec elle pour capturer les INP (points nominaux d'entrée) et comparez-les à nouveau. Si les conditions locales correspondent désormais à des conditions réelles, ces recommandations disparaissent, indiquant que vous êtes sur la bonne voie. test réussi.
Au moment de l'enregistrement, le panneau propose plusieurs options de capture et un menu de Paramètres de capture pour enrichir le rapport. Ensuite, utilisez le guide « Analyser un enregistrement de performances » pour comprendre les onglets tels que Bottom-up, Arborescence des appels et Journal des événements, ou pour filtrer les éléments pertinents pour votre flux de travail. Et si vous souhaitez poursuivre l’optimisation, consultez les autres tableaux de bord DevTools qui ont également un impact sur les performances, tels que : Couverture, Réseau o Mémoire.
Smart Lock sous Lollipop et la curieuse photo du Nexus 6
Android Lollipop est arrivé Smart Lock (Verrouillage intelligent), une fonctionnalité conçue pour vous éviter de saisir constamment des codes PIN et des mots de passe. Elle détecte si l'environnement est sûr et verrouille ou déverrouille l'appareil en conséquence. Elle utilise des signaux comme votre emplacement (Par exemple, votre domicile), la présence d'un appareil Android Wear connecté (comme la LG G Watch R) à votre poignet et, dans certains cas, votre voix. Au quotidien, une fois la configuration terminée, votre téléphone reste accessible là où il doit être et la sécurité est renforcée lorsque vous quittez cette zone. entorno.
La nouveauté était si importante que Google a publié une page dédiée pour l'expliquer. Le plus frappant, c'est que, sur l'une des images, un... Nexus 6 Il semblerait qu'il utilise Windows Phone avec l'application Netflix ouverte à l'écran. Ce détail, bien sûr, a été repéré par les utilisateurs de Reddit — infatigables même aux aurores — et a suscité commentaires, blagues et autres. les théories varié.
Quiconque a connu Windows Phone se souvient du conflit avec l'écosystème Google : outre l'application de recherche officielle, la plateforme souffrait d'un manque flagrant d'applications Google natives. L'application YouTube a été supprimée et remplacée par un simple lien vers la version web, et des services comme… Gmail L'interface de Google+, utilisée via le navigateur système, était manifestement obsolète. Ce contexte rendait d'autant plus étrange la présence d'un Nexus 6 « avec » Windows Phone dans les supports promotionnels. Google.
Certains imaginaient un rapprochement entre Google et Microsoft qui conduirait à l'adoption de Windows Phone comme modèle et inciterait les fabricants à suivre la tendance, faisant allusion à des idées de ce genre. Brevet Samsung qui transformait les téléphones Android en ordinateurs portables Windows. D'autres y ont vu une blague interne ou une erreur commise dans la précipitation. Quoi qu'il en soit, l'image a rapidement été remplacée par une autre. Nexus 6 L'appareil fonctionnait sous Android Lollipop, et cet épisode est devenu une anecdote qui nous rappelle que même les géants ont des failles que la communauté détecte à la vitesse de l'éclair. lumière.
Si vous recherchez de la documentation et des ressources, vous constaterez que Google et son écosystème de développeurs proposent des ressources dans un large éventail de langues : Anglais (Portugal) українська, עברית, العربية, فارسی, मराठी, हिन्दी, বাংলা, ગુજરાતી, தமிழ், తెలుగు, ಕನ್ನಡ, മലയാളം, ไทย, አማርኛ, 中文（中国）, 中文（台灣）, 日本語, 한국어Peu importe votre lieu de travail, vous trouverez très probablement des guides dans votre région. la langue étrangère pour.
Un flux de travail efficace : laboratoire, terrain et écran
La combinaison gagnante pour mesurer les performances sous Android consiste à combiner des tests en laboratoire TouchBot avec une inspection manuelle et automatisée sur des appareils réels. Cela commence par la définition des parcours utilisateurs critiques, tels que… BotteLa navigation et le défilement de base dans les flux d'images sont analysés. Pour chaque élément, des traces sont capturées avec Perfetto et des profils sont établis avec Android Studio. Des tests périodiques sont ajoutés avec Macrobenchmark afin de détecter les régressions. Parallèlement, si votre produit comporte un composant web, le panneau Performances de Chrome est surveillé afin de déceler tout problème d'optimisation LCP, CLS ou INP avant qu'il n'affecte les performances. utilisateurs.
Pour les problèmes purement tactiles (zones mortes, mauvais alignement, réponses erratiques), utilisez des utilitaires comme Touch Screen Test et DisplayTester. Ils vous permettent de déterminer si le problème est d'ordre matériel, lié aux pilotes ou au logiciel. Si vous développez également pour la télévision ou projetez sur un téléviseur, utilisez Google Cast avec DisplayTester pour observer le comportement du contenu sur un autre écran, ce qui vous aidera à identifier et à résoudre les problèmes. colorimétrieDes problèmes de gamma ou de bandes que vous n'avez peut-être pas remarqués sur votre téléphone. Complétez le tableau avec la télémétrie de production (Android Vitals et Firebase Performance) et les alertes de seuil. Ainsi, toute dégradation est détectée rapidement et vous pouvez la corriger avant qu'elle n'affecte un pourcentage important des utilisateurs. public.
Des robots qui tapotent et font glisser l'écran avec une précision métronomique aux panneaux d'analyse qui dissèquent chaque milliseconde de votre interface, l'écosystème de mesure des performances tactiles et visuelles sur Android est vaste et complémentaire. Chrome TouchBot offre la possibilité de réaliser des tests reproductibles et comparables ; Perfetto et les profils Android Studio vous permettent d'observer en détail ce qui se passe en coulisses ; Chrome DevTools vous associe aux Essential Web Metrics ; et des applications comme Touch Screen Test et DisplayTester permettent de détecter les petits bugs d'écran du quotidien. En combinant tous ces éléments avec une planification et des analyses régulières, vous obtenez une expérience utilisateur plus fluide. lisse, stable et prévisible pour ceux qui utilisent votre application tous les jours.