{"id":56539,"date":"2020-09-02T23:46:09","date_gmt":"2020-09-02T23:46:09","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/ameliorez-votre-application-ux-et-ui-2020\/"},"modified":"2020-09-02T23:46:09","modified_gmt":"2020-09-02T23:46:09","slug":"ameliorez-votre-application-ux-et-ui-2020","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/ameliorez-votre-application-ux-et-ui-2020\/","title":{"rendered":"Am\u00e9liorez votre application UX et UI [2020]"},"content":{"rendered":"

2019 a \u00e9t\u00e9 une ann\u00e9e r\u00e9volutionnaire pour l’utilisation mobile. Avec 52% des visites Web initi\u00e9es \u00e0 partir d’un appareil mobile (1), le t\u00e9l\u00e9phone mobile a constamment d\u00e9pass\u00e9 les visites de bureau dans la seconde moiti\u00e9 de la d\u00e9cennie et d’ici 2020, le nombre d’utilisateurs de smartphones sera aussi faible que stup\u00e9fiant 3,5 milliards.<\/p>\n

<\/span>Croissance des applications mobiles<\/span><\/h2>\n

Une fonction naturelle de l’essor de la p\u00e9n\u00e9tration des smartphones est l’augmentation exponentielle du nombre d’applications mobiles propos\u00e9es.<\/p>\n

\u00abEnviron 80% du temps, le smartphone est dans les applications\u00bb (2)<\/p>\n

<\/figure>\n

En fait, Android et iOS r\u00e9unis offrent aujourd’hui pr\u00e8s de 6 millions d’applications mobiles. Compte tenu de la vitesse sans pr\u00e9c\u00e9dent \u00e0 laquelle les applications mobiles prennent le contr\u00f4le de l’espace num\u00e9rique, la compr\u00e9hension des nuances des diff\u00e9rents comportements des utilisateurs est la cl\u00e9 pour offrir des exp\u00e9riences de conversion mobile. Alors que l’utilisation des appareils mobiles est soulign\u00e9e par des clics, les visites sur le bureau sont motiv\u00e9es par des clics. Naturellement, les exp\u00e9riences doivent diff\u00e9rer.<\/p>\n

Par exemple, l’une des inf\u00e9rences d\u00e9riv\u00e9es de la diff\u00e9rence entre le toucher et le clic est le fait que l’application mobile. Les \u00e9crans n’auraient pas le luxe de combiner plusieurs \u00e9l\u00e9ments sur une page comme leurs homologues de bureau – la page serait sujette \u00e0 des touches erron\u00e9es en raison de la haute densit\u00e9 d’\u00e9l\u00e9ments et cela serait class\u00e9 comme une exp\u00e9rience horrible.<\/p>\n

Ce n’est qu’un exemple parmi tant d’autres de la mani\u00e8re dont les concepteurs d’exp\u00e9rience utilisateur peuvent vouloir prendre en compte les diff\u00e9rences inn\u00e9es entre les appareils et les incorporer au stade du prototypage.<\/p>\n

L’un des m\u00e9canismes les plus puissants pour d\u00e9terminer si vos exp\u00e9riences mobiles sont optimis\u00e9es pour le plaisir (et donc les conversions!) Est l’\u00e9tude des cartes thermiques mobiles.<\/p>\n

<\/span>Application mobile vs. Cartes thermiques du navigateur – Quoi et comment<\/span><\/h2>\n

Les cartes thermiques des applications mobiles capturent l’engagement et l’engagement de l’application des utilisateurs et pr\u00e9sentent visuellement les donn\u00e9es \u00e0 l’aide d’une superposition de couleurs. Les zones rouges (chaudes) indiquent un engagement \u00e9lev\u00e9 de l’utilisateur, tandis que les zones bleues (froides) indiquent un engagement faible.<\/p>\n

\"un<\/figure>\n

Cette projection en couleur des donn\u00e9es d’engagement et d’engagement sur l’\u00e9cran de l’application vous permet de comprendre exactement o\u00f9 les utilisateurs de votre application se concentrent simplement en regardant les donn\u00e9es agr\u00e9g\u00e9es qui se chevauchent. Cette agr\u00e9gation aide les entreprises de deux mani\u00e8res:<\/p>\n

    \n
  1. Extraire de grandes quantit\u00e9s de donn\u00e9es d’interaction et les concentrer dans les zones chaudes et froides pour des interpr\u00e9tations rapides<\/li>\n
  2. Identifier les opportunit\u00e9s d’am\u00e9lioration UX en identifiant les zones de traction (ou l’absence de)<\/li>\n<\/ol>\n

    Contrairement aux cartes thermiques de site Web ou de navigateur qui collectent des donn\u00e9es bas\u00e9es sur l’interaction de la souris, telles que les clics et les d\u00e9filements, la carte thermique de l’application mobile collecte les donn\u00e9es tactiles des utilisateurs. Cela rend les cartes thermiques des applications mobiles beaucoup plus complexes que les cartes de sites Web, car les donn\u00e9es captur\u00e9es sont bas\u00e9es sur les gestes – le SDK de l’outil de carte thermique que vous s\u00e9lectionnez capture chaque micro-interaction dans le l’application et tous les gestes sont enregistr\u00e9s sur les \u00e9crans respectifs, qui sont ensuite ajout\u00e9s pour g\u00e9n\u00e9rer des cartes thermiques.<\/p>\n

    \"les<\/figure>\n

    Bien que les deux types de cartes thermiques servent le m\u00eame objectif, c’est-\u00e0-dire augmenter les conversions, le fonctionnement de ces cartes thermiques et la nature des donn\u00e9es collect\u00e9es sont tr\u00e8s contrast\u00e9es, comme on peut le voir ci-dessus.<\/p>\n

    Un autre point de diff\u00e9rence important entre les deux est que, tandis que pour les cartes thermiques de sites Web, le code HTML d’un site Web sert de base et les sites Web apparaissent de la m\u00eame mani\u00e8re sur tous les syst\u00e8mes d’exploitation (tels qu’Android, iOS), dans le cas de la carte thermique de l’application mobile, c’est beaucoup plus complexe. Les cartes thermiques des applications mobiles doivent prendre en compte leurs plates-formes de d\u00e9veloppement respectives (telles que IONIC, Native, etc.) et pour augmenter la complexit\u00e9, la m\u00eame application peut \u00eatre diff\u00e9rente pour diff\u00e9rents syst\u00e8mes d’exploitation. En termes plus simples, le nombre de variables qui affectent l’application mobile. le rendu est multiple par rapport au rendu de bureau, ce qui les rend sujets aux incoh\u00e9rences UI \/ UX.<\/p>\n

    une comparaison entre la carte thermique de l<\/figure>\n

    <\/span>Tirez parti des cartes thermiques des applications mobiles pour am\u00e9liorer les KPI de conversion cl\u00e9s<\/span><\/h2>\n

    Les avantages que les propri\u00e9taires d’applications peuvent tirer de l’utilisation des cartes thermiques d’applications mobiles sont infinis. Chaque industrie peut avoir son propre ensemble unique de cas d’utilisation et de probl\u00e8mes \u00e0 r\u00e9soudre \u00e0 l’aide de cartes thermiques. Mais un th\u00e8me est commun \u00e0 tous les secteurs lorsqu’il s’agit d’utiliser des cartes thermiques, \u00e0 savoir la poursuite incessante de conversions croissantes. Dans les applications mobiles, la voie pour augmenter l’engagement et donc les conversions \u00e0 l’aide de cartes thermiques implique principalement l’optimisation de deux interfaces utilisateur principales et d’une exp\u00e9rience utilisateur d’optimisation principale.<\/p>\n

    L’interface utilisateur et l’exp\u00e9rience utilisateur sont \u00e9troitement li\u00e9es: l’interface utilisateur d’une application est optimis\u00e9e pour que son exp\u00e9rience utilisateur puisse \u00eatre am\u00e9lior\u00e9e.<\/p>\n

    Tout ce qu’un utilisateur d’application voit sur ses \u00e9crans comprend l’interface utilisateur de l’application, c’est-\u00e0-dire l’interface utilisateur ou l’interface de l’application mobile. De mani\u00e8re g\u00e9n\u00e9rale, ils peuvent \u00eatre divis\u00e9s en contenu, images, mise en page, jeu de couleurs, boutons CTA et navigation. Le suivi des gestes de la carte thermique de l’application mobile capture chaque contact, balayage et zoom sur chaque page de l’application, fournissant ainsi un aper\u00e7u du comportement de l’utilisateur pour optimiser chaque \u00e9l\u00e9ment de l’interface de l’application mobile.<\/p>\n

    Par exemple, l’analyste ou le concepteur d’interface d’une application de commerce \u00e9lectronique peut identifier les distractions et le contenu d\u00e9routant<\/strong>ou d\u00e9couvrez Liens bris\u00e9s<\/strong> qui emp\u00eachent les visiteurs de s’inscrire et de devenir des utilisateurs fid\u00e8les simplement en regardant la carte thermique tactile sur la page de connexion de l’application.<\/p>\n

    un exemple de carte thermique d<\/figure>\n

    Ou, l’\u00e9quipe marketing d’une application de voyage peut d\u00e9terminer si l’ic\u00f4ne qu’elle a ajout\u00e9e pour diriger les utilisateurs directement vers l’\u00e9cran d’accueil de l’application de n’importe o\u00f9 dans l’application est suffisamment reconnaissable ou non. Si les utilisateurs touchent d’autres \u00e9l\u00e9ments et zones de l’\u00e9cran avant de trouver le bon bouton, cela peut indiquer un \u00e9chec de navigation<\/strong> dans l’application qui n\u00e9cessite une optimisation.<\/p>\n

    un exemple de carte thermique d<\/figure>\n

    Les analystes, les concepteurs d’interfaces et les sp\u00e9cialistes du marketing de tous les secteurs peuvent utiliser les cartes thermiques des applications mobiles pour optimiser de mani\u00e8re it\u00e9rative tous les \u00e9l\u00e9ments qui composent l’interface utilisateur d’une application, am\u00e9liorant ainsi leur exp\u00e9rience utilisateur. L’exp\u00e9rience utilisateur est ce que les utilisateurs de votre application vivent dans votre application: meilleure est l’exp\u00e9rience, plus l’engagement est \u00e9lev\u00e9. Et plus les \u00e9l\u00e9ments de l’interface de l’application sont intuitifs et optimis\u00e9s, meilleure est l’exp\u00e9rience, plus l’engagement est grand.<\/p>\n

    Comme le dit Invision, “88% des consommateurs en ligne sont moins susceptibles de revenir sur un site apr\u00e8s une mauvaise exp\u00e9rience” (3), et si 88% des opportunit\u00e9s sont manqu\u00e9es, les principales statistiques de conversion de votre application ils prendront un coup consid\u00e9rable.<\/p>\n

    Les cartes thermiques mobiles fournissent des informations influentes pour am\u00e9liorer les KPI d’engagement. Vous pouvez utiliser les cartes thermiques de deux mani\u00e8res pour am\u00e9liorer<\/p>\n

    <\/span>Heure sur la page:<\/strong> <\/span><\/h3>\n