Chercher
Fermer ce champ de recherche.
Chercher
Fermer ce champ de recherche.

Qu'est-ce que UX Design.

Qu'est-ce que la conception UX

Concevoir des produits numériques, tout en offrant une expérience agréable aux gens, peut être un défi mais néanmoins amusant.

En tant que UX Designer, je suis souvent dans un labyrinthe de possibilités pour résoudre des problèmes. Et après avoir discuté avec d'autres designers, j'ai réalisé que je ne suis pas seul, cela fait partie de notre pratique.

Ici, je veux parler de la complexité et de l'ambiguïté auxquelles nous sommes confrontés dans notre travail quotidien. Mais avant cela, je veux vous donner un peu de contexte et revenir sur la façon dont notre profession est née.






Regarder en arrière.

En 1993 Don Norman a inventé le terme «expérience utilisateur» pour son groupe chez Apple Computer. Avant ce rôle UX Il n'y avait pas de design dans l'industrie. Le travail d'un designer était plus une question d'esthétique que de business. Les designers UX, comme nous le savons maintenant, ont commencé à apparaître à la fin des années 90 avec la bulle dot-com, mais ils ont été appelés Architectes de l'information.

Qu'est-ce que la conception UX / UI?

À ce moment-là, la convivialité et l'accessibilité étaient devenues les caractéristiques des produits en ligne. Et les organisations ont commencé à créer des emplois pour que les gens s'occupent de ces domaines.

Au début, le travail quotidien d'un architecte de l'information consistait à organiser la surcharge d'informations et à créer des sites Web faciles à utiliser. Ils étaient également chargés d'effectuer des tests d'utilisabilité pour les sites Web.

Bientôt, les entreprises de commerce électronique ont commencé à se rendre compte que les architectes de l'information pouvaient également contribuer à augmenter les ventes. Les progrès continus des logiciels, du matériel et de la technologie numérique ont rendu leur travail intrinsèquement complexe.

Le véritable UX du design.

Actuellement, le travail de UX Designer comprend plus de branches. Nous prenons en compte les expériences de bout en bout des personnes qui interagissent avec les produits et services.

En collaboration avec d'autres utilisateurs UX, nous planifions et menons des recherches sur les utilisateurs. En collaboration avec les chefs de produit, nous explorons de nouvelles opportunités commerciales stratégiques pour déterminer les produits et les fonctions à créer.

Nous prototypons et testons ensuite avec les utilisateurs pour identifier les problèmes que les gens pourraient rencontrer lors de l'utilisation de nos produits, puis proposer des solutions.

Nous travaillons avec d'autres concepteurs pour transformer des prototypes rapides et sales en interfaces utilisateur étonnantes.

Dans des équipes interfonctionnelles, nous nous associons à des ingénieurs pour créer des applications qui les rendent faciles à utiliser. Une fois les produits en vente, nous travaillons avec des analystes de données pour suivre le comportement et la conduite des utilisateurs Tests A / B.

Équilibrer ce que veulent les gens et ce dont l'entreprise a besoin pour croître et être durable peut être une tâche ardue.

Faire face à cette ambiguïté n'est pas toujours pratique, car nous devons souvent faire face à des compromis difficiles qui pourraient potentiellement affecter des millions d'utilisateurs.

Comprendre les interdépendances dans la conception.

Conception de sites Web UX

Les produits numériques comportent de nombreuses interdépendances à l'intérieur et à l'extérieur des organisations. Par exemple, l'état de l'économie, la politique, la société, l'environnement, les technologies disponibles peuvent affecter la vie des gens et, par conséquent, l'acceptation des produits par les consommateurs.

Au sein des organisations, vous devez créer et expédier rapidement des produits. Cela nécessite une large collaboration interdisciplinaire de la part d'un éventail d'équipes et de départements.

La culture organisationnelle influence tout et le défi, en particulier dans les grandes organisations, est de motiver tout le monde et de travailler vers les mêmes objectifs.

L'interdépendance de tous ces facteurs et des personnes impliquées rend la conception et le développement de produits vraiment difficiles.

Face à la complexité, il est courant d'adopter une approche réductionniste et d'essayer de simplifier les choses. Mais le problème est qu'en faisant cela, nous excluons souvent des choses qui peuvent être importantes pour certains de nos clients. Lors du développement d'un produit, nous devons établir des priorités à peu près, ce qui est difficile lorsque nous nous efforçons d'être inclusifs.

Nous comprenons maintenant le besoin d'expérimentation, et par conséquent, un mouvement rapide, un apprentissage et une adaptation au marché sont les clés du succès du produit.

Dans le monde numérique, la performance «parfaite» n'existe plus. Auparavant, les choses étaient plus descendantes et donc plus prévisibles.

Les produits ont été entièrement formés, conçus et livrés en une seule fois. Aujourd'hui, il est plus important de prendre des risques dès le départ et d'accepter les compromis tant pour l'entreprise que pour les utilisateurs de vos produits.

Gérer la complexité dans UX / UI.

Être UX Designer demande beaucoup de flexibilité. C'est un processus continu d'apprentissage, de sevrage et d'adaptation. La technologie est en constante évolution et de nouveaux outils de conception font leur apparition sur le marché, mais ce n'est pas tout.

L'étude du comportement des personnes interagissant avec vos produits est un exercice permanent. De plus, alors que nous passons d'un projet à l'autre, nous devons nous adapter rapidement à la dynamique et à la culture des nouvelles équipes.

Une approche collaborative continue peut nous aider à gérer la complexité et l'ambiguïté.

Impliquer les utilisateurs ainsi que les employés de différents secteurs d'activité dans le processus de développement de produits apporte des perspectives différentes et précieuses. Écouter les histoires des gens peut remettre en question nos propres préjugés, ce qui est si important pour l'inclusivité.

La sensibilisation peut également provenir de diverses industries. Ils permettent à notre cerveau de créer de nouvelles extensions de pensée et de perspectives systémiques sur les problèmes.

Travailler en équipe, il n'y a rien de mieux que de faire quelque chose de visuel pour créer une compréhension partagée. La création de concept est un moyen puissant d'avoir une vue d'ensemble, de prioriser et de se concentrer sur ce qui compte le plus. Cela déclenche l'imagination lors de la discussion de scénarios possibles.

Résolution de problèmes dans la conception UX / UI.

Très souvent, la résolution de problèmes nous oblige à agir comme des détectives, en essayant de trouver des indices et des preuves pour résoudre nos mystères.

  • Nous menons divers types de recherche avec des utilisateurs existants et potentiels, ce qui nous permet d'approfondir la compréhension de leurs besoins et de leurs motivations.
  • Nous commençons une enquête complète à partir de zéro, remettant en question nos propres hypothèses.
  • Nous formulons et repensons des problèmes, créons des hypothèses et testons des solutions.
  • Nous basons nos pistes d'enquête sur toutes les preuves dont nous disposons à n'importe quel stade du développement du produit.

Les défis auxquels nous sommes confrontés nécessitent des approches analytiques et pragmatiques, ainsi que de la créativité et de l'imagination. Contrairement aux énigmes logiques comme le Sudoku ou les mots croisés, les solutions ne sont pas toujours précises. Ils ne remplissent pas le tableau avec des chiffres ou des lettres parfaitement combinés dans des carrés.

Puisqu'il n'y a souvent pas de solution parfaite, nous devons considérer les avantages et les inconvénients de chaque alternative ou hypothèse que nous avons.

Une fois que nous avons considéré les différentes contraintes, nous pouvons prendre des décisions éclairées pour fournir une solution faisable et viable.

Expérimentez et apprenez dans le développement UX.

Face à l'ambiguïté dans UX Design, nous devons admettre que nous n'avons pas toutes les réponses. Afin de ne pas rester bloqué, nous pouvons proposer des expériences de collecte de données, d'apprentissage par la pratique et de compréhension des choses.

Nous pouvons créer des hypothèses, planifier des tests, observer les résultats et développer des solutions. Cette approche a aidé les équipes dans lesquelles j'ai travaillé à se développer.

En général, nous assemblons rapidement un groupe de personnes en équipes interfonctionnelles et décidons:

  • Quelles sont nos hypothèses?
  • Que voulons-nous essayer?
  • Qui va l'essayer?
  • Combien de temps vont-ils l'essayer?
  • Comment savons-nous si cela a fonctionné?

Au fur et à mesure que nous expérimentons, la confiance augmente et les équipes deviennent plus confiantes et alignées sur des objectifs communs. En outre, la prise de décision fondée sur des données probantes assure la transparence du processus.

Il est difficile de prédire comment la conception de l'utilisabilité évoluera. Cependant, il ne fait aucun doute que nouvelles difficultés et de nouveaux messages continueront à apparaître.

La technologie entraînera des changements dans tous les aspects de nos vies, et l'ambiguïté continuera de nous inquiéter si nous ne sommes pas conscients de l'interdépendance.

Comme mentionné précédemment, une approche systématique, collaborative et expérimentale m'a aidé à naviguer dans la complexité au travail. Cela a permis aux équipes de partager la responsabilité des décisions difficiles.

Ainsi, la prochaine fois que vous rencontrez l'ambiguïté, au lieu de vous inquiéter et de vous précipiter vers des solutions «faciles», essayez d'accueillir l'inconnu et de dynamiser votre imagination avec vos scénarios et possibilités.

✓ Qui est UX Designer?

Un spécialiste qui calcule les conceptions en fonction des habitudes de comportement des utilisateurs.

✓ Qu'est-ce que les expériences d'utilisabilité?

Il s'agit de tests A / B. Deux ou plusieurs options de conception sont prises. Les tests montrent quelle conception est la plus pratique pour l'utilisateur.

✓ Quelles données sont utilisées pour les tests A / B?

Le spécialiste UX possède une connaissance approfondie des conceptions réussies. Il sélectionne les options et les tests.

✓ Comment choisir un UX designer parmi tous les designers?

Un concepteur UX est prêt à vous proposer deux options de conception et à tester la conception qui attirera le mieux les clients.

✓ Que fait exactement un concepteur UX?

Le concepteur UX s'occupe de l'ensemble du processus d'achat et d'intégration d'un produit, y compris les aspects de la marque, de la conception, de la convivialité et de la fonctionnalité. C'est une histoire qui commence avant même que l'appareil ne soit entre les mains de l'utilisateur.

✓ La conception UX est-elle la même chose que la conception graphique?

Contrairement aux graphistes, qui se concentrent sur l'esthétique, les designers UX se concentrent sur les utilisateurs et la façon dont ils interagissent avec le produit. Les concepteurs UX veulent améliorer la vie des gens et, lors du développement, faire passer les besoins de l'utilisateur avant ses préférences personnelles.

✓ Qu'est-ce qu'une mauvaise UX?

Une mauvaise expérience utilisateur, également connue sous le nom de «Bad UX», se produit de temps en temps, probablement dans toutes les entreprises. Quand on pense UX, on a tendance à penser aux interfaces numériques. Cependant, cette association remonte à l'époque où le terme «expérience utilisateur» est apparu pour la première fois dans les années 1990, lorsque l'utilisation généralisée d'Internet a commencé.

Quels sont les travaux à faire dans l'utilisabilité UX.

Travaux UX effectués

Un framework sympa que, malheureusement, peu de gens connaissent: Jobs-To-Be-Done (JTBD). Il a été popularisé par Clayton Christensen, professeur à la Harvard Business School et auteur de The Innovator's Dilemma.

L'essence de l'approche est très simple.:
voici, par exemple, Petya. Petya a 30 ans, il a une femme et un enfant. Petya est travailleuse, joyeuse et gentille. Le week-end, Petya va à la salle de sport et une fois par mois, il rencontre des amis au bar des sports.

Il y a 5 minutes, Petya a acheté des snickers.

L'une des caractéristiques énumérées ci-dessus a-t-elle affecté le fait de l'achat? Non, ça n'a pas été le cas. Petya a acheté des snickers non pas parce qu'il avait 30 ans, mais parce qu'il avait faim.

Le fait est que nous avons tous constamment des tâches («jobs» dans la terminologie JTBD): tuer le temps en faisant la queue; préparer un petit-déjeuner sain; partagez vos impressions du voyage. Lorsque nous commençons à utiliser un produit, nous le «louons» essentiellement pour nous aider à faire un «travail» spécifique. Le produit ne correspond pas à la personne ou à ses caractéristiques, il correspond aux problèmes qu'il résout.

Bien sûr, l'idée de construire un produit autour d'un problème n'est pas du tout nouvelle (en fait, JTBD existe depuis plus de 30 ans, mais il était principalement utilisé dans la production de produits physiques). JTBD fournit simplement un cadre pratique et une boîte à outils avec lesquels travailler, c'est tout. Mais la différence dans l'organisation de l'équipe, la construction de stratégies et le développement de fonctionnalités est énorme.







Histoires d'utilisateurs vs histoires de travail.

Même si vous n'êtes pas un expert en UX, vous avez probablement entendu (ou vu) ce modèle:

Comme un , Je veux  de sorte que 

En fait, il s'agit d'une user story - une brève description d'une fonctionnalité du côté de l'utilisateur. généralement basé sur l'une de vos identités (vous pouvez en savoir plus sur l'identité ici, en bref - vous effectuez des recherches sur les utilisateurs, analysez des données en ligne et créez plusieurs utilisateurs collectifs (généralement 5 à 6) qui représentent des segments clés de votre public).

Honnêtement, j'ai essayé à plusieurs reprises d'utiliser des Person et des user stories dans mon travail, mais j'ai constamment rencontré les mêmes problèmes:

  • en théorie, les personnes devraient maintenir le niveau d'empathie nécessaire dans l'équipe, en particulier pour ceux qui ne communiquent pas beaucoup avec les utilisateurs. En fait, personne dans l'équipe n'a pu mémoriser toutes les caractéristiques d'une seule personne. Tout le monde se souvenait de quelque chose de différent et, par conséquent, tout le monde avait une image complètement différente;
  • Et si votre public est trop large et segmenté? Chacun a des objectifs différents, des professions différentes, des antécédents différents - il y a clairement plus de combinaisons que 6. C'est encore plus intéressant lorsque le public est à peu près homogène en termes de caractéristiques personnelles et sociales. À ce stade, les tentatives commencent généralement à tout combiner en «Lena, une avocate» ou «Vanya, une étudiante» - cela signifie que nous commençons à faire des hypothèses. Certains aspects peuvent être déroutants du tout: par exemple, nous faisons une fonctionnalité «partager sur les réseaux sociaux» pour un site d'actualités. Le fait que notre personne travaille en tant que médecin devrait en quelque sorte influencer le développement de la fonctionnalité, devrions-nous en tenir compte d'une manière ou d'une autre? Ici, par exemple, j'ai commencé la transformation de quoi en pourquoi - pourquoi quelqu'un partagerait-il notre actualité sur les réseaux sociaux? Qu'est-ce qui motive l'utilisateur, quelle est sa motivation? Et, curieusement, de nombreuses personnes, en répondant à cette question, étaient réunies en un seul groupe.

N'offensons pas tant les gens, en général, c'est un bon outil pour «présenter» les développeurs aux utilisateurs. Mais il n'est pas très adapté pour définir la stratégie produit et hiérarchiser les fonctionnalités. Voici une citation d'un article de Paul Adams, vice-président des produits chez Intercom (et anciennement chez Google et Facebook):

«Alors que les meilleurs personnages de leur catégorie se concentrent sur les objectifs (les objectifs sont ce qui motive le comportement des gens) ainsi que sur les attributs, la réalité est que la plupart des personnages se concentrent uniquement sur les attributs, et même les personnages axés sur les objectifs divisent artificiellement le public. Donc, de manière critique, les personas limitent artificiellement l'audience de votre produit parce qu'elles se concentrent sur les attributs plutôt que sur les motivations et les résultats ».

Ainsi, nous avons abordé en douceur les histoires de travail inventées par Intercom. Et l'essentiel est que l'accent passe des caractéristiques personnelles au contexte:

Lorsque  je veux  Donc je peux 

Comparons:

En tant que Petya de 30 ans, je veux manger quelque chose de savoureux, pour ne plus avoir faim.

Quand je n'ai que 2 minutes pour prendre une collation entre les rendez-vous, je veux manger quelque chose de facile, rapide et qui augmente ma glycémie, afin de pouvoir tenir jusqu'au déjeuner et garder mon humeur de travail.

Sentez-vous la différence?

Histoire de travail en action.

UX-Convivialité

Voyons maintenant de plus près comment rédiger une histoire de travail.

Nous avons, par exemple, une salle de sport où nous voulons augmenter les ventes d'abonnements mensuels. Tout d'abord, regardons les personnes (la description est plutôt arbitraire, en réalité elle est beaucoup plus détaillée et détaillée):

  • Masha, 30 ans, est mère de deux enfants. Masha a récupéré après avoir accouché et veut se remettre en forme, mais elle ne peut le faire que deux fois par semaine. En fait, elle le fait encore moins souvent, sautant souvent des séances d'entraînement. Masha est philologue de formation, dans ses temps libres, elle aime dessiner et lire des livres d'art;
  • Nikita, une athlète de 25 ans, est une habituée de notre salle de sport. Nikita est étudiant à la Faculté de gestion, il a beaucoup de temps et pas beaucoup d'argent. Nikita adore faire du vélo et faire de la randonnée avec des amis.

Dans quel cas de telles descriptions nous seront-elles utiles?

Par exemple, pour la publicité ciblée. Si nous voulons attirer plus de Masha ou Nikita - s'il vous plaît: définissez les paramètres de la campagne en fonction de certaines caractéristiques de notre peuple et attendez.

Sont-ils adaptés au développement, notamment innovants?

À mon avis, pas beaucoup. Un personnage est une sorte de résultat final de la recherche et de notre travail; c'est le public que nous avons déjà. En nous concentrant sur les gens, nous limitons artificiellement notre produit, nous ne développons pas de fonctionnalités pour de nouveaux utilisateurs potentiels. Encore une fois, en nous concentrant exclusivement sur les «anciens», en améliorant le produit pour eux, nous sommes hors de la concurrence. Pourquoi? Parce que nous ne pensons pas à d'autres moyens de résoudre le problème de nos utilisateurs. Nous réfléchissons à la façon dont ils voient cette solution et la peaufinent - au lieu de changer radicalement l'approche et de passer en revue les options de solution.

Relativement parlant, nous pouvons construire une salle de sport ultramoderne avec des écrans tactiles et un coin enfants - et encore «donner» à certains utilisateurs une application mobile avec des entraînements ou un vélo d'appartement à domicile.

Revenons à notre Masha. Voici un exemple d'expérience professionnelle qui pourrait se produire:

Quand je fais du sport au gymnase, que j'ai de jeunes enfants et que je n'ai personne avec qui les laisser, je veux qu'ils soient surveillés pour ne pas m'inquiéter et faire de l'exercice calmement pendant une heure.

Est-ce important ici que Masha ait 30 ans? Qu'elle a deux et pas un enfant? Quelle est son éducation? Et qu'est-ce que c'est Masha, et pas Anya? Non, une seule caractéristique ressort: que notre utilisateur a des enfants en bas âge. Dans les histoires de travail, cela fait partie du contexte, pas une description de l'utilisateur - simplement parce que le contexte peut contenir des utilisateurs complètement différents. Dans l'exemple avec les enfants, cela pourrait être Masha, ou peut-être Nikita, si sa sœur aînée partait en voyage d'affaires et demandait à s'asseoir avec les enfants, mais il ne voulait pas manquer une séance d'entraînement.

Le moyen le plus simple de comprendre cela est Uber. Il semble qu'il y ait définitivement deux personnes spécifiques ici: le conducteur et le passager. En fait, cette caractéristique n'est qu'une partie du contexte: selon la situation, le conducteur peut être dans le siège du passager, et vice versa.
Si nous parlons d'un magasin de bonbons et du contexte «Je veux me gâter avec des bonbons de temps en temps après une dure journée ou un projet réussi», Masha et Nikita ainsi que la diabétique Misha, la végétarienne Alisa et Petya au régime peuvent arriver ici . Nous ne pensons pas à ce qui sépare nos utilisateurs, mais à ce qui les unit... Ainsi, les fonctionnalités que nous créons et diffusons bénéficient d'une plus grande couverture.

Les personnes valent certainement beaucoup mieux que rien. De plus, de nombreuses entreprises prospères travaillent toujours avec ce cadre et se sentent bien. Dans tous les cas, les histoires de travail ne sont qu'une autre façon intéressante d'avoir une perspective différente sur votre produit. Les personnes vous permettent de regarder vos utilisateurs sous une loupe, mais elles ne répondent pas à la question de savoir pourquoi ils continuent à utiliser votre produit - et pourquoi de nouveaux viendront après la sortie de la fonctionnalité. Dans mon image du monde, tout ressemble à ceci:

  • en général, il est important de comprendre à quoi ressemble votre public actuel - cette compréhension vient après des recherches régulières d'utilisateurs et un travail avec des chiffres d'audience;
  • mais spécifiquement avant de développer une fonctionnalité ou une stratégie produit, vous avez besoin d'une histoire de travail.

Comment faire des recherches pour une histoire de travail.

Alors, disons que nous sommes imprégnés et que nous voulons écrire une bonne histoire de travail. Où commencer? De la recherche, bien sûr.

La plupart des recherches actuelles se concentrent sur le moment de la consommation du produit, tandis que la recherche sur les histoires d'emploi tente de comprendre quand et dans quelles conditions le client a pensé pour la première fois à l'achat du produit (c'est-à-dire à ce qui s'est passé avant de commencer à l'utiliser). Le chercheur part de l'hypothèse que quatre forces agissent sur le client au moment de la décision d'achat:

  • insatisfaction face à la situation actuelle («push») - «Cette salle de sport est ouverte uniquement le matin et je veux m'entraîner le soir»
  • attractivité de la nouvelle solution («pull») - «Une autre salle de sport est ouverte 24h / 24»
  • anxiété que quelque chose pourrait mal tourner - "Et s'il y a trop de monde dans le nouveau gymnase?"
  • attachement à ce qui est - "Je vais dans ce gymnase depuis un an et je connais tous les entraîneurs."

En fait, la tâche principale d'un tel entretien est d'identifier ces quatre facteurs. Dans le même temps, il est très important de comprendre non seulement les aspects rationnels, mais aussi émotionnels de la décision (conditionnellement - «a-t-il plu lors de l'achat?»):

- Dans quel gymnase êtes-vous allé auparavant? Comment avez-vous su pour lui?
- Dites-nous, quel genre de vie avez-vous mené à ce moment-là? À quelle fréquence avez-vous vécu du stress?
- Parlez-moi de votre ancienne salle de sport. À quelle fréquence vous êtes-vous entraîné? Décrivez par étapes ce qui s'est passé après avoir ouvert la porte d'entrée.
- Qu'est-ce qui vous a particulièrement bouleversé dans l'ancien gymnase? Quand avez-vous commencé à penser à chercher quelque chose de nouveau?
- Quand avez-vous entendu parler du gymnase actuel pour la première fois? Aviez-vous plusieurs options ou une seule?
- Combien de temps vous a-t-il fallu pour prendre la décision de transférer? Qu'est-ce qui vous empêchait d'acheter?

Etc. Un point très important: vous devez parler non pas avec l'utilisateur, mais avec l'acheteur; la personne qui a pris la décision d'achat. Autrement dit, vous ne devriez pas interroger l'enfant dont les parents ont acheté un abonnement au gymnase, mais seulement les parents.

Pourquoi tout cela et que nous donne-t-il?

Les gens sont inertes par nature. Dans la plupart des cas, ils continueront à utiliser leur solution habituelle, plutôt que de rechercher le marché et de chercher quelque chose de nouveau - simplement parce qu'ils vont déjà bien. Quelque chose qui sort de l'ordinaire doit arriver pour que j'arrête de prendre un café dans mon café préféré.
Et il est très important de comprendre que les utilisateurs n'achètent pas votre produit, ils passent à autre chose. Il y avait une salle de gym avant la nouvelle salle de gym. Avant le gymnase précédent, j'avais des exercices sur le tapis le matin. Avant le tapis, il y avait des hamburgers et des glaces chez McDuck (il s'agit d'une compétition indirecte, plus à ce sujet plus tard). Le coût du passage d'un produit à un autre est déterminé par l'habitude et la satisfaction, multiplié par la peur du changement. Et il est extrêmement important pour vous de saisir ce moment de lutte interne et de pousser l'utilisateur dans la bonne direction.

Lorsque le «travail» du produit se termine.

Les produits ne résolvent pas les problèmes isolés, mais les problèmes qui surviennent dans une sorte de flux de travail: il y a ce qui s'est passé «avant» et ce qui se passera «après». Autrement dit, de cette manière, un produit «fonctionnel» a un point de départ et un point final. La question est de savoir comment les définir correctement.

Si votre produit fait trop peu, aux yeux de l'utilisateur, il ne vaut pas la peine d'être installé (et encore moins de le payer). Si le produit en fait trop, il entrera en conflit avec des éléments de flux de travail préexistants qui conviennent à l'utilisateur.

Alors, où est le juste milieu?

Jetons un coup d'œil à un exemple simple. Disons que vous écrivez une application de réveil; dans ce cas, le flux de travail peut ressembler à ceci:

  1. L'utilisateur épingle Instagram le soir
  2. Se rend compte qu'il est trop tard et qu'il est temps de dormir
  3. Règle l'alarme sur 7
  4. Endormi
  5. Se réveille, va à la cuisine pour boire un verre
  6. Endormi
  7. Le réveil sonne à 7, l'utilisateur le règle à 7-30
  8. Le réveil sonne à 7 h 30, l'utilisateur se lève
  9. Allume la radio
  10. Faire des exercices.

Le «travail» de votre produit doit commencer au point où vous pouvez ajouter de la valeur à l'utilisateur. Pour notre exemple, il s'agit probablement de l'étape 3. Nous pouvons bien sûr entrer plus tôt: par exemple, si l'utilisateur se lève généralement à 7 heures du matin, et déjà 12 heures, et que le téléphone est actif, notre application enverra un rappel: chat, voulez-vous régler une alarme et aller dormir? Nous pouvons aller encore plus loin: fabriquer un bracelet de fitness qui suivra la fréquence cardiaque et l'activité de l'utilisateur et recommandera le meilleur moment pour se coucher (et le réveiller, en conséquence, également au meilleur moment pour se lever). En as-tu besoin? L'utilisateur éprouve-t-il une «douleur» en lien avec la portée de la recherche et du développement? C'est ce que l'équipe produit doit comprendre et décider au tout début.

Et quand le «travail» doit-il se terminer?

Lorsque:

  • la prochaine étape du flux de travail a des leaders clairs du marché et vous ne voulez pas les concurrencer
  • la prochaine étape du flux de travail peut être effectuée de millions de façons différentes et d'un million de types d'utilisateurs différents
  • à l'étape suivante, notre public change radicalement
  • l'étape suivante n'ajoutera aucune valeur au produit.

Concurrence dans le cadre de JTBD.

Qu'est-ce que l'UX

Il y a quelque temps, j'ai écrit sur la société BVG, qui est un monopole de fait dans le domaine des transports publics à Berlin. BVG dépense beaucoup d'argent en publicité - la question est: pourquoi le fait-il, si déjà tous les métros, bus et tramways lui appartiennent exclusivement?

Si vous regardez cette question du point de vue JTBD, la réponse vient naturellement. Le «travail» de l'utilisateur dans ce contexte est de se rendre du point A au point B, et non d'utiliser les transports en commun. Et ici LPP se révèle être pas un monopole, mais seulement l'un des acteurs du marché - avec:

- Vélos
- location de vélos / scooters
- taxi
- propres voitures
- partage de voiture
- oui, même en marchant.

JTBD vous permet d'avoir un regard plus large sur les problèmes de l'utilisateur et d'identifier vos vrais concurrents.

Concurrence directe et indirecte

Avec la concurrence directe, tout est clair. Mais il y a un autre type de compétition dont tout le monde oublie.

Exemple: Petya aime les hamburgers et ne veut manger que des hamburgers, mais en même temps, Petya veut être musclée et athlétique.

Autrement dit, BurgerKing et FitBit conditionnels vendent des produits complètement différents et résolvent des problèmes différents, mais se battent pour le même utilisateur. C'est de la concurrence indirecte.

Concurrence directe - concours pour "travail"
Concurrence indirecte - concurrence pour le «résultat»

TopUser.Pro fonctionne pour le résultat avec tous les paramètres égaux!

Bonne chance avec votre JBTD en profondeur!

✓ Qu'est-ce que JTBD

C'est ainsi que répondre à tous les besoins de l'acheteur.

✓ Comment fonctionne le principe JBTD

Offrez au client le niveau de service dont il rêve.

✓ Où le principe JTBD est utilisé

Toutes les entreprises qui réussissent utilisent le principe Jobs-To-Be-Done. Les entreprises 90% qui ne l'utilisent pas font faillite.

✓ Pourquoi le principe Jobs-To-Be-Done fonctionne-t-il?

En raison de l'absence de monopoles de marché. Celui qui sert plus gagne plus.

✓ Comment la performance de votre produit doit-elle être liée à la personnalité de votre client?

Votre client souhaite que votre produit reflète sa perception du monde qui l'entoure. En étudiant le travail de votre produit, vous comprendrez mieux la personnalité de votre client. En examinant la personnalité de votre client, vous découvrirez quel genre de travail il essaie de faire.

✓ Comment utiliser JTBD?

Identifiez le travail que les clients essaient de faire.
Définissez les catégories de travaux à effectuer.
Identifiez vos concurrents.
Créez des candidatures.
Donnez la priorité aux capacités JTBD.
Répertoriez les résultats attendus du JTBD.
Créez des rapports de résultats.

✓ Qu'est-ce que le framework JTBD?

Une structure d'exécution du travail est une approche du développement de produit basée sur une compréhension à la fois de l'objectif spécifique d'un client, ou «travail», et des processus de réflexion qui conduiront ce client à «embaucher» un produit pour faire le travail.

Test d'utilisabilité du site. 11 types de tests et méthodes UX.

Test d'utilisabilité Les 11 tests UX les plus informatifs

5127 prototypes de la technologie cyclonique de Dyson ont été créés avant qu'il ne décide qu'elle pouvait être utilisée dans un aspirateur. Le test est une méthode d'essai et d'erreur. C'est la même chose avec l'analyse UX.

Qu'est-ce que le test utilisabilité?

  • il y a  Votre site, produit, service a-t-il un but pratique? Plus il est utile, plus il y a de clients.
  • L'utilisateur peut-il trouver ce qu'il veut? Que ce soit une information ou un produit. Les informations et les objets doivent être accessibles.
  • Y a-t-il assez d'émotion dans votre design? Quelles sont les impressions des images, de la personnalité, de l'image de marque et d'autres éléments du produit? Y en a-t-il trop?





Qu'est-ce que l'UX?

Le récapitulatif fourni par Don Norman Jacob Nielsen définit l'UX comme:  "Tous les aspects de l'interaction de l'utilisateur final avec l'entreprise, ses services et ses produits."

Comment tester l'UX?

Différents termes sont utilisés pour décrire les méthodes de vérification:

  • тестирование UX.
  • тестирование удобства использования, которое на самом деле является лишь частью тестирования UX.
  • vérification de l'expérience utilisateur. 

Méthodes de test utilisateur.

Une telle analyse est l'étude de l'utilisation d'un produit avec de vraies personnes qui travaillent avec. 

Il existe deux principaux types de tests utilisateurs:

  1. Test modéré.
  2. Test non modéré.

1. Test utilisateur modéré.

Dans cette vérification, l'utilisateur exécute les tâches assignées en rapport avec le produit ou le service, tandis que le chercheur ou le modérateur l'observe en temps réel.

avantage de tester avec la présence d'un coordinateur et d'observateurs au bureau

Dans le même temps, le modérateur guide les utilisateurs testés sur les tâches, explore, approfondit les problèmes et reçoit immédiatement des commentaires. 

L'avantage est la possibilité d'étudier le problème de l'utilisateur en temps réel, mais l'inconvénient est le biais et la simplification.

Avantages:

  1. Vérifiez les utilisateurs pendant le test en cours pour plus d'informations.
  2. La rétroaction et les réponses émotionnelles sont immédiates.
  3. Échantillons de bonne qualité avec un contrôle strict de l'activité des utilisateurs.

Moins:

  1. L'embauche d'un laboratoire ou d'un studio peut coûter cher.
  2. Vous n'avez peut-être pas l'équipement pour exécuter un test modéré interne.
  3. Il faudra du temps pour taper, pré-valider, exécuter des tests et analyser leurs résultats.
  4. Limité à quelques emplacements, sauf si la modération à distance est disponible.

2. Test utilisateur non modéré.

Les participants se voient attribuer une série de scénarios, de tâches et de questions. La vérification est généralement effectuée à distance. Par exemple, les utilisateurs sont chez eux.

avantages des tests à distance ux

Avantages:

  1. La possibilité de recruter un groupe d'utilisateurs pour des tests dans le monde entier.
  2. Travaillez facilement avec des échantillons de grande taille.
  3. Coûts minimaux en raison d'une faible rémunération et de l'absence de services supplémentaires
  4. Vite!
  5. Coûts initiaux connus et bon rapport qualité-prix.

Moins:

  1. La qualité de l'échantillon peut être mauvaise si le recrutement n'est pas correct.
  2. Impossible d'observer les participants au test pendant une session de révision.
  3. Si un utilisateur est bloqué dans un test, vous ne pourrez pas le diriger dans la bonne direction.

3. Tests d'utilisabilité de cinq secondes.

Cette méthode, largement popularisée par l'utilisabilitéHub, est une estimation de la première impression de l'utilisateur sur la clarté de votre site en 5 secondes. La clarté du contenu du site dépend de la qualité de la rédaction.

Les tests d'utilisabilité de cinq secondes sont les meilleurs pour répondre aux questions suivantes:

  • A quoi sert ce site?
  • Est-il facile pour un visiteur de connaître l'entreprise?
  • Quels sont les avantages de ce service ou produit?

Comment créer un test de cinq secondes:

  1. Concevez ce que vous souhaitez utiliser dans votre test d'utilisabilité. Dans la plupart des cas, il s'agit d'une page d'accueil, d'une page de destination ou d'une page de produit. Vous pouvez utiliser l'extension Google Chrome pour prendre une capture d'écran.
  2. Téléchargez votre conception sur un service de test d'utilisabilité tel qu'UsabilityHub.
  3. Posez des questions de test d'utilisabilité. 

Les tests d'utilisabilité de cinq secondes sont un excellent moyen de fournir des données qualitatives et quantitatives pour générer des résultats.

4. Méthode: tri des cartes.

Le but du tri des cartes est de comprendre comment les utilisateurs ou les clients trouvent des informations, parcourent le système, étiquettent les informations et les organisent.

tri des cartes pour les tests UX

Cette technique populaire est utilisée lors de la conception ou de l'évaluation de l'architecture d'information d'un site et de l'amélioration de la navigation. Les utilisateurs reçoivent des cartes avec des croquis de la structure d'information du site, et ils les organisent dans l'ordre qui leur semble logique.

Pour tester la convivialité du tri des cartes pour votre site Web ou votre application, vous pouvez utiliser:

  • vraies cartes;
  • autocollants en papier;
  • Remarques;
  • logiciel de tri de cartes en ligne.

Il existe 2 types de classification:

  1. Tri des cartes ouvertes:  les membres sont libres d'organiser les sujets de contenu en groupes qui leur conviennent. Les participants balisent ensuite ces groupes de sujets sans classifications prédéfinies.
  2. Tri des cartes fermées: les participants classent les sujets de contenu dans des catégories prédéfinies.

5. Une méthode de test d'utilisabilité en forme d'arbre.

Cette méthode de recherche d'utilisabilité est utilisée pour évaluer si les thèmes et les éléments sont faciles à trouver sur un site Web ou une application.

À l'aide d'une version texte simplifiée de la structure du site, l'utilisateur navigue dans une série de rubriques de premier niveau en sélectionnant un en-tête, puis une liste de sous-rubriques. L'utilisateur termine la tâche lorsqu'il est sûr d'avoir choisi le bon thème.

Comment utiliser les tests d'arbre:

  1. Créez votre propre arbre. C'est la structure de votre site.
  2. Écrivez une série de problèmes de «recherche». Par exemple: vous avez acheté une nouvelle montre et vous avez besoin d'un étui de protection. Où souhaitez-vous l'acheter?
  3. Recrutez des participants pour votre test. Dans la plupart des cas, vous souhaitez engager l'utilisateur de votre site Web ou de votre produit.
  4. Demandez aux participants de compléter vos items de test.
  5. Analysez les résultats finaux de votre test d'utilisabilité.

La recherche peut être effectuée sur un site existant comme base. Ils peuvent être comparés aux résultats de chaque étape des tests d'utilisabilité - Stephen Byrne.

6. Rediffusions des sessions.

La relecture de session n'est pas un enregistrement audio-vidéo du parcours et des actions d'un utilisateur sur votre site. Il comprend des actions d'interface utilisateur telles que le défilement, le clic et l'interaction avec les formulaires. Il s'agit généralement d'un moyen anonyme de tester la convivialité de votre site Web.

Il est idéal pour identifier le comportement et les tendances des utilisateurs. Il a un avantage sur les tests utilisateur. Les participants à l'audit ne savent pas qu'ils sont surveillés. De cette manière, les utilisateurs démontrent leur comportement réel sur le site.

Comme avec Google Analytics, pour démarrer avec les rediffusions de session, il vous suffit d'installer un extrait de code javascript sur votre site pour commencer à collecter des données. 

7. Sondages.

Travaillant en tandem avec d'autres tests, les enquêtes sont parfaites pour comparer les données qualitatives et quantitatives et les commentaires de vos utilisateurs.

À l'aide d'outils d'enquête, vous pouvez collecter des informations auprès de vos utilisateurs au moment où ils ont effectué certaines actions sur la page.

Par exemple: un utilisateur vient d'acheter un article: envoyez-lui une enquête motivée pour savoir à quel point le processus d'achat a été difficile ou facile.

un utilisateur satisfait laisse un avis

8. Cartes thermiques.

Il s'agit d'une représentation graphique de l'endroit où les utilisateurs ont cliqué, fait défiler, survolé ou parcouru les pages.

affichage des mouvements de l'utilisateur sur la carte thermique du site des touches d'écran

Déterminez où plusieurs membres sont allés sur une page particulière. Sur une carte thermique, les zones de clic de niveau supérieur sont généralement affichées en rouge et les niveaux d'interaction sont généralement indiqués en orange, jaune, vert et bleu.

En outre, une carte thermique de défilement montre le pourcentage d'utilisateurs qui font défiler jusqu'à un niveau ou une zone sur une page spécifique.

Il existe des cartes thermiques Eye Tracking. Semblable au fonctionnement des cartes thermiques, les cartes de suivi oculaire indiquent où les utilisateurs sont le plus susceptibles de regarder sur une page Web. 

9. Commentaires des utilisateurs.

Vous pouvez offrir aux utilisateurs la possibilité de fournir des commentaires sur l'expérience utilisateur ou la convivialité lorsqu'ils en ressentent le besoin.

Des outils populaires tels que Hotjar et UserSnap offrent la possibilité d'ajouter un widget à votre site, ce qui permet au visiteur de sélectionner la zone du site sur laquelle il souhaite donner son avis.

Cela permettra à l'utilisateur d'être ouvert et honnête sur certains éléments de votre site qui affectent l'UX. Cependant, les commentaires reçus ne sont pas aussi détaillés que les tests personnalisés ou les relectures de session et peuvent varier d'une page à l'autre, ce qui limite la taille de l'échantillon.

Bien que la quantité de données puisse être faible, vous pouvez collecter des informations sur le sentiment et l'utilisation de la langue du public cible. Modifiez ensuite l'orthographe du texte pour qu'il corresponde aux langues des visiteurs du site.

10. Test A / B.

C'est le meilleur moyen de mesurer avec précision et de voir si vos modifications ont un impact positif sur la métrique qui compte pour votre UX.

Vous pouvez essayer différentes conceptions et mises en page des éléments du site. Un test A / B montrera ceux qui ont le plus résonné auprès des utilisateurs.

Les tests AB montrent laquelle des deux options de conception est la plus populaire auprès des utilisateurs

11. Recherche biométrique UX.

La capacité de vraiment comprendre ce qu'une personne ressent lors de l'utilisation d'une ressource Web est le rêve d'un chercheur UX.

Sont-ils déçus? Est-ce qu'ils l'aiment? 

Être capable de comprendre avec précision les sentiments de l'utilisateur au cours de l'expérience nous aide à optimiser et à améliorer notre UX.

La recherche biométrique englobe de nombreuses méthodes de recherche, notamment:

  • Suivi  voir : la capacité de suivre le mouvement des yeux des participants. Pour ce qu'ils regardent, en regardant, combien de temps ils regardent, etc. Quelque chose comme une carte des clics et de la chaleur, mais c'est l'observation d'une personne de l'extérieur, pas un programme.
  • EEG (électroencéphalographie):  mesurer l'activité électrique du cerveau à l'aide d'électrodes. Idéal pour afficher des émotions à la volée et suivre l'activité cognitive.
  • GSR (réponse galvanique de la peau):  La conductivité est mesurée dans la petite quantité de sueur produite par les pores de la peau. Fournit un aperçu de votre état émotionnel.

Conclusion: liste de contrôle des tests utilisateur.

  1. Commencez par définir les résultats et les objectifs que vous souhaitez atteindre grâce à des tests d'expérience utilisateur.
  2. Posez les questions auxquelles il est important de répondre dans un test utilisateur pour atteindre vos résultats ou vos objectifs.
  3. Choisissez une méthode de recherche UX qui répond à vos questions. De même, assurez-vous de choisir une méthode qui convient à votre temps, à votre coût et à vos autres ressources.
  4. Avec un outil ou un service d'utilisabilité, exécutez un test UX avec de vrais testeurs humains et collectez des commentaires qualitatifs et des données quantitatives.
  5. Analyser les données de test, la conception du site.

Des tests UX informatifs pour vous!

Basé sur les matériaux du site: userpeek.com.

✓ Quelles sont les principales directions des tests UX?

Ils sont comportementaux - ils montrent ce que font les utilisateurs et «relationnels» - ils leur font savoir ce qu'ils aiment et ce qu'ils n'aiment pas.

☆ Qu'est-ce qu'un groupe de discussion en tant que test d'utilisabilité?

Plusieurs utilisateurs et un modérateur se réunissent pour discuter d'idées pour la conception et l'architecture du site.

✓ De quelle autre manière les utilisateurs peuvent-ils participer à la création du site?

Ils peuvent écrire sur papier comment ils voient la structure du site et ce qui leur convient.

☆ Quand utilise-t-on les tests avec les journaux des utilisateurs?

Les utilisateurs écrivent dans un journal quand et dans quelles circonstances ils ont pensé au produit en cours de développement. Cela aide à comprendre le contexte de son utilisation.

☆ Qu'est-ce que les tests d'utilisabilité dans UX?

Les tests d'utilisabilité consistent à tester la facilité d'utilisation d'une conception avec un groupe d'utilisateurs représentatifs.

☆ Qu'est-ce que le test d'utilisabilité du site Web?

Les tests d'utilisabilité du site Web consistent à évaluer la fonctionnalité et la conception de votre site Web en observant les actions et le comportement des visiteurs lorsqu'ils exécutent certaines tâches.

☆ Comment rédiger un cas de test UX?

Lors de la rédaction de scripts de tâches, vous devez suivre quelques directives générales. Les tâches doivent être réalistes. Si un utilisateur peut s'identifier à une situation, il est plus susceptible d'être impliqué. Évitez les invites et soyez précis.

Méthodes de test d'utilisabilité du site.

Test d'utilisabilité réussi: 6 étapes faciles

Personnalisé essai Est un élément clé dans le développement et le lancement d'un excellent produit numérique. Il est important de vérifier si la ressource Web convient à toutes les étapes de sa création. Cela peut être compris en suivant comment les utilisateurs interagissent avec le produit dans un cadre réaliste. Merci à la vérification utilisabilité, vous pouvez voir exactement ce qui fonctionne et ce qui ne fonctionne pas.

les tests d'utilisabilité impliquent une approche intégrée

De nombreuses variables peuvent affecter la qualité et la validité d'un test d'utilisabilité. Des éléments comme le budget, les délais serrés, les participants, les pénuries de personnel, les questions mal structurées, les critères peu clairs et les différentes conditions de test faussent souvent les résultats.

Pour vous assurer de mettre en place des tests d'utilisabilité objectifs, vous devez comprendre le processus. Jetons un coup d'œil à 6 étapes simples pour analyser avec succès le comportement des utilisateurs.






Étape 1. Déterminez les objectifs du test.

Commencez par définir clairement vos objectifs de test utilisateur. Que souhaitez-vous vérifier et quelles réponses vous attendez-vous à recevoir?

Options de cible de test:

  • Achèvement de la tâche. Un utilisateur peut-il atteindre son objectif sur une ressource Web? Qu'est-ce qui l'arrête là-dedans? Jusqu'où les visiteurs du site peuvent-ils aller dans l'entonnoir d'achèvement des tâches?
  • Combien de temps est perdu. Combien de temps faut-il à l'utilisateur pour atteindre l'objectif? La tâche prend-elle trop ou trop peu de temps?
  • Efficacité du flux. Les utilisateurs peuvent-ils naviguer facilement dans le produit? Une partie du flux d'utilisateurs était-elle déroutante? Dois-je ajouter ou supprimer des étapes?
  • Détection des erreurs. Les utilisateurs ont-ils eu des erreurs? Quand sont-ils apparus? Auraient-ils pu être évités? Si c'est le cas, comment? Comment l'échec a-t-il affecté l'utilisateur?

Ce que vous voulez tester dépend entièrement de vous. Assurez-vous simplement de définir vos objectifs de test à l'avance et de maintenir la cohérence. Les tests d'utilisabilité nécessitent beaucoup de recherche, de planification et de préparation. 

Étape 2: choisissez une méthode de test d'utilisabilité.

Une fois que vous avez décidé ce que vous voulez retirer des tests, il est temps de choisir celui qui vous convient le mieux. Il existe de nombreuses méthodes de test à considérer. En voici quelques-uns les plus courants:

  • Entretiens individuels approfondis. Cette méthode prend le plus de temps. Il nécessite un modérateur de test qualifié et un script préparé.
  • Test utilisateur à distance. C'est une méthode rentable. Elle peut se dérouler dans un cadre naturel pour les participants, comme à la maison ou au travail.
  • Tri des cartes. Les participants organisent les cartes de contenu dans un dendrogramme qu'ils comprennent le mieux.
  • Test A / B. Les utilisateurs se voient proposer deux options pour un produit numérique afin de déterminer la version qui fonctionne le mieux. Cette méthode nécessite plus de participants que d'autres pour obtenir des résultats précis.
  • Suivi des mouvements oculaires. Cette analyse utilise un logiciel pour suivre où les utilisateurs regardent lorsqu'ils interagissent avec votre produit.
  • Groupe de discussion. Ce test implique une discussion modérée entre de petits groupes d'utilisateurs. Il se tient dans une pièce équipée d'un miroir double face.

Lorsque vous choisissez une méthode de test utilisateur, gardez à l'esprit le stade de développement de votre ressource Web. Certains types de tests sont mieux utilisés dès le début, et certains sont plus appropriés pour le produit fini. Bien sûr, vous devez également prendre en compte des éléments tels que le budget et les capacités de test avant de choisir une méthode.

Étape 3. Trouvez des utilisateurs types à tester.

Sélectionnez les personnes qui passeront les tests d'utilisabilité selon des critères clairs. Ensuite, vous vérifierez ceux qui correspondent à votre profil d'utilisateur cible.

Environ 3 à 5 personnes sont généralement plus que suffisantes pour identifier les problèmes clés. Testeur de segment selon des caractéristiques spécifiques qui reflètent votre image d'utilisateur idéale, par exemple:

  • Âge
  • Étage
  • Emplacement
  • Éducation
  • Profession
  • Revenu
  • Entrainement technique
  • Autres caractéristiques de votre produit

Pour des résultats plus fiables, sélectionnez des personnes qui ne connaissent pas votre produit. Ceux qui l'ont utilisé peuvent être biaisés ou flattés s'ils sont des connaissances ou des parents des développeurs. Pour cette raison, vous ne devez pas embaucher d'autres employés, leur famille immédiate ou leurs amis. Il est très probable que tester votre produit sur ces groupes de personnes réduira la fiabilité de vos résultats finaux.

En plus des participants au test, vous aurez également besoin d'une personne qui dirigera le test et de plusieurs observateurs qui prendront des notes pendant le test.

Conseil: lorsque vous posez des questions personnelles, assurez-vous que vos questions de sécurité n'incluent rien au-delà de la confidentialité.

Étape 4. Créez des scripts de tâches.

La manière dont vous demandez aux utilisateurs d'effectuer des tâches est primordiale pour le succès des tests d'utilisabilité. Vous ne voulez pas révéler l'ordre exact des actions que les utilisateurs doivent entreprendre pour se rendre du point A au point B. Il est important qu'ils effectuent le trajet de manière intuitive - par eux-mêmes.

Soyez vague sur les scripts de tâches. Partagez le moins d'informations possible sur l'avancement de la tâche. Des instructions trop détaillées peuvent nuire au but du test. Pensez-y comme une équation mathématique. Vous posez un problème aux utilisateurs et ils doivent trouver la bonne formule pour le résoudre.

Test d'utilisabilité des sites

Voici un exemple de mauvais script pour une tâche:

Allez dans la barre de recherche, entrez des sandales rouges, sélectionnez la taille 8, cliquez sur le bouton Ajouter au panier et passez à la caisse.

Pourquoi est-ce mauvais: ce n'est pas un test réaliste. En pratique, les utilisateurs ne reçoivent pas d'instructions sur la façon de terminer la tâche. Ils devineront par eux-mêmes. Les mêmes conditions doivent être créées pour les personnes qui testent le site.

Et voici un exemple de scénario de tâche réussi:

Visitez le site Web et achetez une paire de sandales rouges dans votre taille en utilisant le numéro de carte de crédit fourni.

Pourquoi est-il bon: vous donnez à l'utilisateur suffisamment d'informations sur ce que vous voulez qu'il fasse sans trop en révéler.

Lors de la formulation de scripts de tâches, assurez-vous d'inclure à la fois les tâches ouvertes et ciblées. Les questions ouvertes sont idéales pour observer comment les utilisateurs interagissent librement avec un produit. Les tâches spécifiques sont efficaces lors du test de fonctionnalités spécifiques. 

Utilisées correctement, les deux approches sont extrêmement utiles pour les tests utilisateur.

Étape 5. Création d'un schéma de test unifié.

Les scripts jouent un rôle très important dans les tests utilisateurs. Avec un script, vous éliminez la possibilité d'incohérences lors de la validation. Fait intéressant, c'est généralement le candidat qui est à l'origine des incohérences. 

Par exemple, il peut saluer un participant d'une manière et mettre l'accent sur certaines parties d'une tâche d'une autre. Ou il peut révéler certains des détails du processus de test à certains et pas à d'autres. Tout cela crée un environnement de test controversé.

Il est préférable d'utiliser un script pour répliquer votre environnement de test et assurer la cohérence tout au long.

Enregistrez tout ce que vous faites et dites pendant les tests utilisateur. Il comprend, lorsque et comme vous dites et faites quelque chose. Bien que cela puisse sembler accablant, croyez-nous, ce n'est pas le cas. Recréer l'environnement de test est le seul moyen pour le 100% d'être sûr de l'exactitude de vos résultats.

Étape 6: analysez les résultats des tests d'utilisabilité.

C'est le moment que vous attendiez. Enfin, il est temps de collecter les résultats et de les trier. Comment les participants ont-ils répondu au test? Quels sont les principaux problèmes qu'ils ont trouvés? Certaines de vos hypothèses ont-elles été confirmées? Partagez vos découvertes et résumez-les avec votre équipe.

Une fois que vous avez terminé de le résumer, travaillez avec les concepteurs et les développeurs pour:

  • hiérarchiser les problèmes
  • discuter des solutions possibles,
  • choisissez le meilleur plan d'action pour améliorer l'expérience utilisateur.

Test utilisateur: vérifier, analyser, répéter.

Un test utilisateur réussi est assez simple si vous définissez vos objectifs, choisissez une méthode de test, créez des scripts de tâches, formulez vos questions et documentez les résultats.

Suivez ces 6 étapes de test utilisateur et obtenez des réponses pour vous aider à améliorer votre expérience utilisateur, augmenter la rétention d'attention et réaliser le profit que vous méritez. 

Testez, analysez et répétez!

Basé sur les matériaux du site: adamfard.com

❤️ Que devez-vous prendre en compte lors des tests?

Il est important de ne pas aider les utilisateurs à terminer la tâche, de ne pas les distraire.

❺ Quelles questions ne peuvent pas être utilisées dans les tests?

Celles auxquelles on peut répondre «oui» ou «non» ne sont ni informatives, ni suggestives.

❤️ Combien de temps le chèque doit-il durer?

Pas trop longtemps, mais assez longtemps pour obtenir des réponses à vos questions. Pas plus de 12 tâches par session,

❺ Où puis-je trouver des participants pour les tests?

Selon une annonce sur le site, parmi les clients, via une agence

❺ Quelle méthode est utilisée pour les tests d'utilisabilité?

Fondamentalement, la méthode de la boîte noire est utilisée pour les tests d'utilisabilité.

❺ Qu'est-ce qu'un exemple de test de résistance?

Voici quelques exemples basiques de tests de charge.
Test de l'imprimante en envoyant un grand nombre de documents à imprimer.
Test d'un serveur de messagerie avec des milliers d'utilisateurs simultanés.
Tester un traitement de texte en apportant des modifications à une grande quantité de données.

❺ Quels sont les principes de base des tests d'utilisabilité?

Comprendre les besoins des utilisateurs.
Définition des objectifs du test.
Formation d'une équipe de testeurs.
Mise en place d'un environnement de test.

Top 10 des erreurs dans la convivialité de la conception de sites Web.

Top 10 des erreurs dans la conception de sites Web.

Bien que de nombreuses atrocités liées à l'utilisabilité de la conception soient moins courantes qu'auparavant, elles existent toujours. Jetons un coup d'œil à dix des crimes les plus flagrants contre les utilisateurs. Ce sont les fléaux de la conception Web et les horreurs du HTML.

En 1996, j'ai compilé plusieurs des 10 plus gros échecs en création de sites web et les a mis à jour périodiquement. Cet article présente les points forts: le pire erreurs dans la conception Web






1. Mauvaise recherche sur le site.

La conception de la convivialité est également importante pour la recherche

Les moteurs de recherche qui nécessitent une entrée littérale réduisent la convivialité. Ils ne peuvent pas gérer les fautes de frappe, les pluriels, les traits d'union ou d'autres variations des conditions de requête. Ils sont particulièrement difficiles à utiliser pour les personnes âgées, ils ne conviennent pas à tout le monde.

Les moteurs de recherche hiérarchisent les résultats uniquement en fonction du nombre de termes de requête qu'ils contiennent, et non de l'importance de chaque document.

Il est bien préférable que le service d'information en ligne place les «meilleures offres» en haut de la liste pour les questions importantes, telles que les noms de vos produits.

Alors qu'une recherche avancée peut parfois aider avec des recherches difficiles, une recherche simple fonctionne généralement mieux. Il doit être bien situé et immédiatement visible.

La recherche doit être présentée comme un simple champ, car c'est ce que recherchent les utilisateurs.

2. Fichiers PDF pour lecture en ligne.

Les utilisateurs détestent se heurter aux fichiers PDF lors de la navigation, car cela rompt le rythme de la recherche et de la lecture. Même les tâches simples comme l'impression ou l'enregistrement de documents sont difficiles et prennent du temps. 

Les mises en page sont souvent optimisées pour une feuille de papier qui correspond rarement à la fenêtre du navigateur de l'utilisateur. 

Adieu le défilement fluide. Bonjour les petites polices. Pire encore, le PDF est un bloc de contenu indifférencié dans lequel il est difficile de naviguer.

Le format PDF est idéal pour imprimer et distribuer des manuels et autres documents volumineux qui doivent être imprimés. Réservez-le à cet effet et convertissez toute information qui doit être visualisée ou lue à l'écran en véritables pages Web.

3. La couleur des liens visités ne change pas.

Une astuce d'utilisation simple et importante pour augmenter les conversions.

Une bonne compréhension de la navigation passée vous aidera à voir votre position actuelle sur la page du navigateur. Cela facilite le choix de la prochaine étape.

Les liens sont un facteur clé de la navigation. Les utilisateurs peuvent exclure les sources qui ont échoué. À l'inverse, ils peuvent revenir sur des liens qu'ils ont trouvés utiles dans le passé.

Plus important encore, savoir quelles pages les utilisateurs ont déjà visitées les libère de visiter accidentellement les mêmes pages encore et encore.

Ces avantages ne sont disponibles que dans un seul cas. Les utilisateurs peuvent faire la distinction entre les liens visités et non visités si le site les affiche dans des couleurs différentes. Lorsque les liens qu'ils visitent ne changent pas de couleur, il est difficile pour les utilisateurs de naviguer sur les pages qu'ils ont déjà visitées.

4. Conception multi-lettres. Texte non explorable sur les pages.

Un mur de texte est mortel lors de la navigation sur les pages! Intimidant. Ennuyeuse. Ça fait mal à lire.

texte non numérisable

Écrivez pour le Web, pas pour imprimer. Utilisez des techniques bien documentées pour impliquer les utilisateurs dans le texte et maintenir la scannabilité:

  • sous-titres;
  • listes à puces;
  • mots-clés en surbrillance;
  • de courts paragraphes;
  • Pyramide inversée;
  • style d'écriture simple.

5. Taille de police fixe dans la conception.

Malheureusement, les feuilles de style CSS permettent aux sites Web de désactiver le bouton «Modifier la taille de la police» dans un navigateur Web et de conserver les lettres, les chiffres et les symboles constants. 

Dans environ 95%, la taille de police fixe est minuscule, ce qui réduit considérablement la lisibilité pour la plupart des personnes de plus de 40 ans.

Enregistrez les paramètres personnalisés et laissez-les redimensionner le texte selon vos besoins. Utilisez également des tailles de police relatives et non des pixels absolus.

6. Titres de pages à faible visibilité dans les moteurs de recherche.

La recherche est le moyen le plus important pour les utilisateurs de trouver des sites Web. C'est également l'un des moyens les plus pratiques de rechercher des sites Web individuels. 

Un titre concis qui reflète la signification du contenu de la page est votre principal outil pour attirer de nouveaux visiteurs. Cela aidera vos utilisateurs existants à trouver les informations dont ils ont besoin.

Le titre de la page est contenu dans la balise HTML et est presque toujours utilisé comme titre cliquable pour les listes sur les pages de résultats des moteurs de recherche SERP. Les moteurs de recherche affichent généralement les 66 premiers caractères du titre, il s'agit donc vraiment d'un micro-contenu. </html></p> <p>Les titres de page sont également utilisés comme entrée par défaut dans les Favoris lorsque les utilisateurs ajoutent un signet à un site. Pour votre page d'accueil, commencez par le nom de l'entreprise, puis ajoutez une brève description du site. </p> <blockquote class="wp-block-quote"><p>Le premier mot du titre doit commencer par la lettre sous laquelle vous souhaitez le cataloguer.</p></blockquote> <p>Pour les pages non d'accueil, commencez le titre par quelques-uns des mots les plus importants. Ils devraient concerner ce que les utilisateurs trouveront sur cette page. </p> <p>Le titre de la page est utilisé comme titre de la fenêtre dans le navigateur. Il est également utilisé comme étiquette pour cette fenêtre dans la barre des tâches Windows. </p> <p>Cela signifie que les utilisateurs expérimentés navigueront entre plusieurs fenêtres sous la direction des premiers mots de chaque titre de page. Si tous les titres de vos pages commencent par les mêmes mots, cela ne sera pas pratique pour les utilisateurs travaillant avec plusieurs fenêtres. </p> <blockquote class="wp-block-quote"><p>Les slogans sur les pages d'accueil sont un sujet connexe: ils doivent également être courts et communiquer rapidement l'objectif du site.</p></blockquote> <h2 class="wp-block-heading">7. Beaucoup de ce qui ressemble à de la publicité dans la conception de pages. </h2> <p>L'attention sélective est très puissante. Les internautes ont cessé de prêter attention aux publicités qui interfèrent avec leur navigation ciblée. La principale exception concerne uniquement les annonces textuelles sur les moteurs de recherche.</p> <p>Malheureusement, les utilisateurs ignorent également les éléments de conception légitimes qui ressemblent à des formes courantes de publicité. Après tout, lorsque vous ignorez quelque chose, vous ne l'étudiez pas en détail pour comprendre ce que c'est.</p> <blockquote class="wp-block-quote"><p>Il est préférable d'éviter les designs qui ressemblent à des publicités. </p></blockquote> <p>La manière d'appliquer ces conseils dépendra des nouvelles formes de publicité. Respectez les règles suivantes pour le moment:</p> <ul><li><strong>Cécité des bannières</strong>... Cela signifie que les utilisateurs ne se contentent jamais de quelque chose qui ressemble à une bannière publicitaire en raison de la forme ou de la position sur la page.</li><li><strong>Éviter l'animation</strong>... Il oblige les utilisateurs à ignorer les zones avec du texte clignotant ou clignotant ou d'autres animations agressives.</li><li><strong>Nettoyage pop-up</strong>... Les utilisateurs ferment les fenêtres contextuelles avant d'afficher entièrement le contenu.</li></ul> <h2 class="wp-block-heading">8. Violation des règles d'utilisabilité de la conception.</h2> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="940" height="788" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20940%20788'%3E%3C/svg%3E" alt="placer du texte dans un style similaire" class="wp-image-9323" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png 940w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-768x644.png 768w" data-lazy-sizes="(max-width: 940px) 100vw, 940px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png" /><noscript><img loading="lazy" decoding="async" width="940" height="788" src="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png" alt="placer du texte dans un style similaire" class="wp-image-9323" srcset="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png 940w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-768x644.png 768w" sizes="(max-width: 940px) 100vw, 940px" /></noscript></figure> <p><strong>Cohérence</strong> Est l'un des principes les plus puissants de la convivialité: lorsque les choses se comportent toujours de la même manière, les utilisateurs n'ont pas à s'inquiéter de ce qui va se passer. Au lieu de cela, ils savent<em>,</em> ce qui se passera sur la base de l'expérience précédente. </p> <blockquote class="wp-block-quote"><p>Chaque fois que vous lâchez une pomme sur Sir Isaac Newton, elle lui tombe sur la tête. </p><p></p></blockquote> <p>Plus les attentes des utilisateurs sont satisfaites, plus ils auront envie de gérer le système et plus ils l'apprécieront. Plus le système frustrera les utilisateurs, plus ils se sentiront insécurisés. </p> <blockquote class="wp-block-quote"><p>Oh, peut-être que si je lâche cette pomme, elle se transforme en tomate et saute d'un kilomètre dans le ciel.</p></blockquote> <p>La loi de Jacob sur l'expérience utilisateur Internet stipule que «les utilisateurs passent la plupart de leur temps à<em> </em>autres sites ".</p> <p>Cela signifie qu'ils forment leurs attentes pour votre site en fonction de ce qui se fait habituellement sur la plupart des sites. Si votre ressource Web est très différente des autres, il deviendra plus difficile de l'utiliser et les utilisateurs partiront.</p> <h2 class="wp-block-heading">9. Ouverture d'une nouvelle fenêtre dans le navigateur.</h2> <blockquote class="wp-block-quote"><p>Ouvrir de nouvelles fenêtres de navigateur, c'est comme un vendeur d'aspirateurs qui commence une visite en vidant un cendrier sur le tapis d'un client. </p></blockquote> <p>Ne polluez pas l'écran de l'utilisateur avec des fenêtres supplémentaires. Surtout parce que les systèmes d'exploitation actuels ont une mauvaise gestion des fenêtres.</p> <p>Les concepteurs ajoutent de nouvelles fenêtres de navigateur, en supposant que les utilisateurs restent sur leur site Web. Cette stratégie est suicidaire car elle désactive le "<em>Retour "</em>... C'est la manière habituelle pour les utilisateurs de revenir sur leurs sites précédents. </p> <p>Les utilisateurs ne remarquent souvent pas qu'une nouvelle fenêtre s'est ouverte, surtout s'ils utilisent un petit moniteur où les fenêtres sont maximisées pour remplir l'écran. Par conséquent, l'utilisateur qui tente de revenir au point de départ sera dérouté par le bouton gris "<em>Retour "</em> .</p> <p>Les liens qui ne se comportent pas correctement compromettent la compréhension que les utilisateurs ont de leur propre système. Le lien doit être un simple lien hypertexte qui remplace la page actuelle par un nouveau contenu. </p> <p>Les utilisateurs détestent les pop-ups frivoles. Quand ils veulent que la destination apparaisse sur une nouvelle page. Ils peuvent utiliser la commande «ouvrir dans une nouvelle fenêtre» de leur navigateur, à condition que le lien ne soit pas un morceau de code qui interfère avec le comportement standard du navigateur.</p> <h2 class="wp-block-heading">10. Le contenu de la page ne répond pas aux questions des utilisateurs.</h2> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="682" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20682'%3E%3C/svg%3E" alt="Facilité d'utilisation de la page du site" class="wp-image-9325" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg 1024w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu.jpg 1280w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg" /><noscript><img loading="lazy" decoding="async" width="1024" height="682" src="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg" alt="Facilité d'utilisation de la page du site" class="wp-image-9325" srcset="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg 1024w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure> <p>Les gens sont très motivés sur Internet. Ils visitent des sites parce qu'ils veulent réaliser quelque chose. Cela pourrait même être l'achat de votre produit. Le dernier échec du site Web n'est pas de fournir les informations recherchées par les utilisateurs.</p> <p>Parfois, la réponse est tout simplement non et vous perdez la vente parce que les utilisateurs doivent supposer que votre produit ou service ne répond pas à leurs besoins à moins que vous ne leur disiez les détails. </p> <p>Dans d'autres cas, la présentation du produit est cachée sous une épaisse couche de marché et de vagues slogans. Étant donné que les utilisateurs n'ont pas le temps de tout lire, il ne devrait y avoir presque aucune information cachée.</p> <blockquote class="wp-block-quote"><p>Le pire exemple de ne pas répondre aux demandes des utilisateurs est d'éviter de lister les prix des biens et services. </p></blockquote> <p>Aucun site e-commerce B2C ne ferait cette erreur, mais on la retrouve en B2B, où la plupart des «solutions d'entreprise» sont représentées. Vous ne pouvez pas déterminer s'ils conviennent à 100 ou 100 000 personnes. </p> <p>Le prix est l'information la plus spécifique que les clients utilisent pour comprendre la nature d'une offre. Son absence fait que les gens se sentent perdus et réduit leur compréhension de la gamme de produits. </p> <p>Même les sites B2C font souvent l'erreur d'oublier les prix dans les listes de produits telles que les pages de catégories ou les résultats de recherche. Connaître le prix est essentiel dans les deux situations. Cela permet aux utilisateurs de différencier les produits et de naviguer vers le plus approprié pour eux.</p> <p>Basé sur les matériaux du site: www.nngroup.com.</p> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Quels types de moteurs de recherche existe-t-il?</h3> <div> <p> Rechercher des répertoires, des systèmes de notation, des index de recherche. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Que sont les publicités Web sur les sites Web?</h3> <div> <p> Contexte, bannière, viral et teaser. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Qu'est-ce que le B2B et le B2C?</h3> <div> <p> Ce sont des types de stratégies marketing.<br>Business to business, c'est lorsque les services d'une entreprise sont conçus pour des clients sous la forme d'autres entreprises. Entreprise pour les clients, lorsque les clients sont des utilisateurs finaux. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Qu'est-ce qu'un slogan?</h3> <div> <p> C'est une phrase laconique qui véhicule l'offre publicitaire de l'entreprise. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Comment évaluer la convivialité du site?</h3> <div> <p> Méthodes d'évaluation de la convivialité.<br>Test d'utilisabilité de base sur un site existant. <br>Groupes de discussion, sondages ou entretiens pour définir les objectifs des utilisateurs. <br>Tester le tri des cartes pour faciliter le développement de l'IA. <br>Test filaire pour évaluer la navigation. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Quels sont les problèmes d'interface graphique typiques que vous recherchez sur une page Web?</h3> <div> <p> 5 signes indiquant des problèmes d'utilisabilité du site Web <br>Mauvaise première impression. Pour des raisons évidentes, l'un des aspects les plus importants de la convivialité du site Web est la façon dont votre site Web se charge et comment vous structurez votre page d'accueil. <br>Liens mal structurés. <br>Texte excessif sur le site Web. <br>Manque de cohérence. <br>Navigation difficile. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Qu'est-ce qui rend une application mauvaise?</h3> <div> <p> Une mauvaise application ne répond pas aux besoins de l'utilisateur et ne fait pas ce qu'elle est censée faire. Toutes les applications sont créées pour un public cible - un pays, un âge, un sexe ou un domaine d'intérêt spécifique. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2714\ufe0f Quels types de moteurs de recherche existe-t-il?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438, \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f Que sont les publicit\u00e9s Web sur les sites Web?", "acceptedAnswer": { "@type": "Answer", "text": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u0439, \u0431\u0430\u043d\u043d\u0435\u0440\u043d\u043e\u0439, \u0432\u0438\u0440\u0443\u0441\u043d\u043e\u0439 \u0438 \u0442\u0438\u0437\u0435\u0440\u043d\u043e\u0439." } }, { "@type": "Question", "name": "\u2714\ufe0f Qu'est-ce que le B2B et le B2C?", "acceptedAnswer": { "@type": "Answer", "text": "\u042d\u0442\u043e \u0432\u0438\u0434\u044b \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0438.<br>\u0411\u0438\u0437\u043d\u0435\u0441 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u044d\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u0443\u0441\u043b\u0443\u0433\u0438 \u0444\u0438\u0440\u043c\u044b \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u044b \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0432 \u0432\u0438\u0434\u0435 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0439. \u0411\u0438\u0437\u043d\u0435\u0441 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430\u043c\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f Qu'est-ce qu'un slogan?", "acceptedAnswer": { "@type": "Answer", "text": "\u042d\u0442\u043e \u043b\u0430\u043a\u043e\u043d\u0438\u0447\u043d\u0430\u044f \u0444\u0440\u0430\u0437\u0430, \u043d\u0435\u0441\u0443\u0449\u0430\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f Comment \u00e9valuer la convivialit\u00e9 du site?", "acceptedAnswer": { "@type": "Answer", "text": "\u041c\u0435\u0442\u043e\u0434\u044b \u043e\u0446\u0435\u043d\u043a\u0438 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438.<br>\u0411\u0430\u0437\u043e\u0432\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u043c \u0441\u0430\u0439\u0442\u0435. <br>\u0424\u043e\u043a\u0443\u0441-\u0433\u0440\u0443\u043f\u043f\u044b, \u043e\u043f\u0440\u043e\u0441\u044b \u0438\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0446\u0435\u043b\u0435\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. <br>\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 Card Sort \u0434\u043b\u044f \u043f\u043e\u043c\u043e\u0449\u0438 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 IA. <br>\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u0440\u043a\u0430\u0441\u0430 \u0434\u043b\u044f \u043e\u0446\u0435\u043d\u043a\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f Quels sont les probl\u00e8mes d'interface graphique typiques que vous recherchez sur une page Web?", "acceptedAnswer": { "@type": "Answer", "text": "5 \u043f\u0440\u0438\u0437\u043d\u0430\u043a\u043e\u0432, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0430. <br>\u041f\u043b\u043e\u0445\u043e\u0435 \u043f\u0435\u0440\u0432\u043e\u0435 \u0432\u043f\u0435\u0447\u0430\u0442\u043b\u0435\u043d\u0438\u0435. \u041f\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u043e\u0432 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e, \u043a\u0430\u043a \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0432\u0430\u0448 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442 \u0438 \u043a\u0430\u043a \u0432\u044b \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0443\u0435\u0442\u0435 \u0441\u0432\u043e\u044e \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. <br>\u041f\u043b\u043e\u0445\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438. <br>\u0427\u0440\u0435\u0437\u043c\u0435\u0440\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435. <br>\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. <br>\u0421\u043b\u043e\u0436\u043d\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f." } }, { "@type": "Question", "name": "\u2714\ufe0f Qu'est-ce qui rend une application mauvaise?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u043b\u043e\u0445\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044f\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0442\u043e, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e. \u0412\u0441\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0438 \u2014\u00a0\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u044b, \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0430, \u043f\u043e\u043b\u0430 \u0438\u043b\u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432." } } ] }</script> </div> <footer class="entry-meta" aria-label="Entry meta" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Catégories </span><a href="https://topuser.pro/fr/ux-design-saita-2/" rel="category tag">Conception de sites Web UX</a>, <a href="https://topuser.pro/fr/konversia-usabiliti-seo/" rel="category tag">Tous les cas</a></span> <span class="tags-links"><span class="screen-reader-text">Étiquettes </span><a href="https://topuser.pro/fr/tag/veb-dizajn/" rel="tag">création de sites web</a>, <a href="https://topuser.pro/fr/tag/oshibki-veb-dizajna/" rel="tag">erreurs de conception Web</a>, <a href="https://topuser.pro/fr/tag/top-10-oshibok-v-veb-dizajne/" rel="tag">Top 10 des erreurs dans la conception de sites Web.</a></span> <span class="comments-link"><a href="https://topuser.pro/fr/top-10-erreurs-convivialite-conception-sites-web/#respond" data-no-translation="" data-trp-gettext="">Laisser un commentaire</a></span> </footer> </div> </article> <article id="post-9130" class="post-9130 post type-post status-publish format-standard has-post-thumbnail hentry category-smm-socialnye-seti category-konversia-usabiliti-seo category-trendi tag-eyetracking tag-issledovanija-sposobov-chtenija-onlajn tag-kak-ljudi-chitajut-onlajn tag-2685" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenu" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/fr/comment-gens-lisent-contenu-ligne-recherche-lutilisabilite/" rel="bookmark">Comment les gens lisent le contenu en ligne: recherche sur l'utilisabilité.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T16:14:07+03:00" itemprop="dateModified">25 février 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 janvier 2021</time></span> <span class="byline">par <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/fr/author/kristina/" title="Afficher tous les articles de Kristina" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">Kristina</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/fr/comment-gens-lisent-contenu-ligne-recherche-lutilisabilite/"> <img width="940" height="788" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20940%20788'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="comment les gens lisent les recherches en ligne" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png 940w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-768x644.png 768w" data-lazy-sizes="(max-width: 940px) 100vw, 940px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png" /><noscript><img width="940" height="788" src="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png" class="attachment-full size-full wp-post-image" alt="comment les gens lisent les recherches en ligne" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png 940w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-768x644.png 768w" sizes="(max-width: 940px) 100vw, 940px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>En regardant les résultats d'un certain nombre d'études sur 13 ans, nous pouvons voir que les principes de base de la numérisation humaine du texte restent les mêmes même lorsque la conception change.</p> <blockquote class="wp-block-quote"><p>Plus les choses changent, plus elles restent les mêmes.</p></blockquote> <p>Nous avons récemment publié la 2e édition de notre étude de convivialité «Comment les gens lisent en ligne», près de 15 ans après la publication de la phase 1. En revenant sur les résultats de 5 études menées pour ces publications, nous pouvons retracer comment le comportement de lecture sur Internet a changé ou non.</p> <p>Nous en parlons depuis 1997: </p> <blockquote class="wp-block-quote"><p>Les gens lisent rarement sur Internet - ils numérisent plus souvent qu'ils ne lisent mot à mot. </p></blockquote> <p>C'est l'une des vérités fondamentales du comportement de recherche d'informations sur Internet. Cela n'a pas changé depuis 23 ans et a un impact significatif sur la façon dont nous créons le numérique <a href="https://topuser.pro/fr/prodaushii-kontent/">teneur</a>.</p> <p>La raison pour laquelle cette conclusion et d'autres discutées ici sont toujours valables est parce qu'elle est basée sur le comportement humain de base.</p> <p>Bien que des changements technologiques massifs aient changé certains comportements, bon nombre de nos premières découvertes sur la façon dont les gens lisent <a href="https://topuser.pro/fr/cours/">en ligne</a>restent vrais même après plus de 20 ans.</p> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/RJm1gib2nmk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading">Méthodologie: Eyetracking.</h2> <blockquote class="wp-block-quote"><p>L'équipement de suivi des yeux suit le regard de l'utilisateur lorsqu'il utilise l'interface. </p></blockquote> <p>Ce type de recherche est utile à de nombreuses fins, y compris l'évaluation visuelle de la conception. Il est particulièrement nécessaire d'étudier ce que les gens lisent ou ne lisent pas sur Internet.</p> <p>La plupart des études discutées ci-dessous contenaient à la fois des parties quantitatives et qualitatives.</p> <p>Les études quantitatives de suivi des événements regroupent le comportement de visualisation d'un grand nombre de participants. Les résultats comprennent des cartes thermiques et des mesures du regard. Par exemple, le nombre moyen de commits sur un élément spécifique intéressant l'interface.</p> <p>Dans le cadre d'une recherche qualitative sur le suivi oculaire, les chercheurs analysent le comportement de navigation des utilisateurs à l'aide de graphiques et de relectures du regard. À de nombreuses occasions, nous avons demandé aux participants d'apporter leurs propres tâches pour le travail, l'école ou la vie personnelle à accomplir dans cette partie de la session.</p> <p>Les résultats de cette deuxième édition du rapport sont tirés d'une série d'études s'étalant sur 13 ans. Ils ont réuni plus de 500 participants et plus de 750 heures de suivi.</p> <h2 class="wp-block-heading">Premières études d'utilisabilité 2006-2013</h2> <p>En 2006, nous avons mené des recherches approfondies de suivi pour comprendre comment les gens lisent en ligne. Plus de 300 participants y ont pris part. Les résultats de l'étude de 2006 ont servi de base à la première édition de notre rapport, Comment les gens lisent sur Internet.</p> <p>Plus tard, nous avons mené deux petites études qualitatives en 2009 et 2013 pour obtenir de nouveaux résultats et des exemples pour mettre à jour le rapport. Ils n'ont pas conduit à des changements globaux ni à une nouvelle révision du rapport.</p> <h2 class="wp-block-heading">Dernières études d'utilisabilité 2016-2019 </h2> <p>En 2016 et 2017, nous avons mené 2 études quantitatives de suivi oculaire à deux endroits différents aux États-Unis: </p> <ul><li>Raleigh, Caroline du Nord - 46 membres, </li><li>San Francisco, Californie - 105 participants.</li></ul> <p>Cette recherche s'est concentrée sur la façon dont les gens lisent en ligne. Les données ont également été utiles à d'autres fins de recherche. Par exemple, l'impact des interfaces de faible valeur sur la conception d'interaction.</p> <p>En 2019, nous avons mené une étude de suivi d'événements à grande échelle. Il est spécialement conçu pour collecter les résultats de la deuxième édition de Comment les gens lisent en ligne. L'étude a été menée à deux endroits: </p> <ul><li>Raleigh, Caroline du Nord, USA - 48 participants,</li><li>Pékin, Chine - 12 participants.</li></ul> <blockquote class="wp-block-quote"><p>Nous constatons que les comportements, y compris les modes de lecture, sont très similaires d'une langue et d'une culture à l'autre car ils sont basés sur le comportement humain.</p></blockquote> <p>Lorsque nous rencontrons des différences culturelles, elles sont souvent présentes lors de la comparaison de la culture américaine ou européenne avec les cultures asiatiques. Un élément qualitatif de l'étude de Beijing visait à identifier les éventuelles différences culturelles dans le traitement du contenu.</p> <h2 class="wp-block-heading">Qu'est ce qui a changé? </h2> <p><strong>Nouvelles mises en page, nouveau modèle</strong>.</p> <p>Depuis 2006, la façon dont une langue est représentée a changé. La conception réactive signifie que le contenu peut être affiché de manière flexible en fonction de la largeur de la fenêtre ou de la taille de l'appareil. En conséquence, certains des conseils que nous avons donnés en 2006 ne sont plus valables. </p> <p>Par exemple, la 1ère édition a recommandé aux utilisateurs d'utiliser une «mise en page liquide» au lieu de «mise en page fixe» pour le texte. Bien que cette recommandation ait été utile à l'époque, l'essor du design réactif a tellement popularisé cette approche que nous n'avons plus besoin de la recommander.</p> <p>En outre, la popularité croissante des tableaux de comparaison et des mises en page en zigzag, où le texte et les images alternent sur chaque ligne de la page, a coïncidé avec le développement d'un nouveau modèle de présentation.</p> <blockquote class="wp-block-quote"><p>Sur les pages avec différentes cellules de contenu, les gens les traitent souvent comme une tondeuse à gazon. Ils commencent à lire dans la cellule supérieure gauche, se déplacent vers la droite jusqu'à la fin de la ligne, puis descendent vers la ligne suivante, se déplacent vers la gauche jusqu'à la fin de la ligne, descendent vers la ligne suivante, et ainsi de suite. </p></blockquote> <p>Le nom de ce modèle est inspiré de la façon dont la tondeuse à gazon se déplace méthodiquement d'avant en arrière sur un champ d'herbe. La tondeuse se déplace d'un côté de la pelouse à l'autre, puis se retourne et tond la rangée suivante d'herbe dans la direction opposée.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="901" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20901%201024'%3E%3C/svg%3E" alt="Recherche d'utilisabilité" class="wp-image-9134" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad.png 1402w" data-lazy-sizes="(max-width: 901px) 100vw, 901px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png" /><noscript><img loading="lazy" decoding="async" width="901" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png" alt="Recherche d'utilisabilité" class="wp-image-9134" srcset="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad.png 1402w" sizes="(max-width: 901px) 100vw, 901px" /></noscript></figure> <p>Cette page est une illustration approximative de la disposition d'une tondeuse à gazon. Les flèches montrent comment les yeux bougent. Dans ce cas, le regard se déplace le long de la ligne du tableau de droite à gauche, puis descend jusqu'à la ligne suivante et se déplace vers la gauche.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="773" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20773%201024'%3E%3C/svg%3E" alt="Recherche de sites d'utilisabilité" class="wp-image-9136" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png 773w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-300x397.png 300w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-600x795.png 600w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-227x300.png 227w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-768x1017.png 768w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-1160x1536.png 1160w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie.png 1208w" data-lazy-sizes="(max-width: 773px) 100vw, 773px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png" /><noscript><img loading="lazy" decoding="async" width="773" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png" alt="Recherche de sites d'utilisabilité" class="wp-image-9136" srcset="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png 773w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-300x397.png 300w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-600x795.png 600w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-227x300.png 227w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-768x1017.png 768w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-1160x1536.png 1160w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie.png 1208w" sizes="(max-width: 773px) 100vw, 773px" /></noscript></figure> <p>Un contributeur a scanné cette page de détail du produit pour l'Apple Watch 3, sur la gauche, qui avait une disposition en zig-zag. Ses mouvements oculaires sont indiqués dans le diagramme du regard, à droite. Ils sont passés de l'image au texte, à l'image, au texte comme une tondeuse à gazon.</p> <h2 class="wp-block-heading">Pages de résultats de recherche complexes.</h2> <p>Nous avons constaté que les utilisateurs explorent les SERP de manière beaucoup moins linéaire qu'auparavant. Cela est probablement dû à l'augmentation des opportunités SERP dans les résultats de recherche de Google, ainsi qu'à des concurrents comme Bing.</p> <blockquote class="wp-block-quote"><p>Les mises en page riches et variées des SERPs modernes ont déclenché le développement d'un nouveau modèle: le flipper. Dans ce schéma, l'utilisateur affiche la page de résultats dans un chemin hautement non linéaire, en parcourant les résultats et les fonctionnalités SERP.</p></blockquote> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="768" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%201024'%3E%3C/svg%3E" alt="look flipper" class="wp-image-9137" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png 768w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-300x400.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-600x800.png 600w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-225x300.png 225w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-1152x1536.png 1152w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad.png 1200w" data-lazy-sizes="(max-width: 768px) 100vw, 768px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png" /><noscript><img loading="lazy" decoding="async" width="768" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png" alt="look flipper" class="wp-image-9137" srcset="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png 768w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-300x400.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-600x800.png 600w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-225x300.png 225w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-1152x1536.png 1152w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad.png 1200w" sizes="(max-width: 768px) 100vw, 768px" /></noscript></figure> <p>Cette illustration est une image d'un jeu de flipper, avec des yeux sautant entre différents éléments SERP. Un mouvement se produit généralement entre la barre latérale droite et la colonne centrale des résultats. </p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="722" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20722%201024'%3E%3C/svg%3E" alt="analyse du regard" class="wp-image-9138" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png 722w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-300x426.png 300w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-600x851.png 600w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-211x300.png 211w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-768x1090.png 768w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1083x1536.png 1083w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1444x2048.png 1444w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada.png 1128w" data-lazy-sizes="(max-width: 722px) 100vw, 722px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png" /><noscript><img loading="lazy" decoding="async" width="722" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png" alt="analyse du regard" class="wp-image-9138" srcset="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png 722w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-300x426.png 300w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-600x851.png 600w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-211x300.png 211w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-768x1090.png 768w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1083x1536.png 1083w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1444x2048.png 1444w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada.png 1128w" sizes="(max-width: 722px) 100vw, 722px" /></noscript></figure> <blockquote class="wp-block-quote"><p>Un membre a recherché des informations sur les prix du Botox. Le regardeur numéroté montre toutes ses fixations en 14 secondes qui ont formé le motif du flipper. Et oui, il a scanné 158 points en 14 secondes. Cette vitesse de balayage est normale.</p></blockquote> <p>En plus de changer la structure de l'apparence, ces fonctionnalités SERP ont également eu un impact énorme sur le comportement de recherche d'informations. Les fonctions SERP peuvent:</p> <ul><li>Agir comme des pointeurs: leurs images peuvent aider les utilisateurs à s'assurer rapidement qu'ils recherchent l'objet souhaité.</li><li>Attirez l'attention de l'utilisateur: les fonctionnalités SERP ont beaucoup de poids visuel sur la page, ce qui peut distraire les yeux de l'utilisateur dans différentes directions. C'est la raison principale du motif du flipper.</li><li>Tenez compte des demandes et des tâches. Certaines fonctionnalités SERP, telles que l'élément People et ask ou carrousel, permettent à Google de présenter plusieurs interprétations avancées de la requête et permettent aux utilisateurs d'explorer ces alternatives sans quitter la page.</li></ul> <p>Fournissez des réponses rapides. Pour des besoins d'information simples, les fonctions SERP répondent souvent aux questions des utilisateurs directement dans le SERP lui-même. Ils n'ont plus besoin de cliquer sur les résultats de recherche pour atteindre leurs objectifs - un phénomène appelé bon rebond.</p> <h2 class="wp-block-heading">Voir les modèles en Chine.</h2> <p>En 2006, nous n'avons étudié que les sites et les utilisateurs de langue anglaise, mais nous avons supposé que nous retrouverions les mêmes schémas de lecture dans d'autres langues. </p> <blockquote class="wp-block-quote"><p>Dans notre récente enquête auprès des utilisateurs à Pékin, nous avons constaté que les utilisateurs chinois présentaient également presque tous les modèles et comportements que nous avons trouvés parmi les utilisateurs américains.</p></blockquote> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="811" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20811%201024'%3E%3C/svg%3E" alt="Échantillon F" class="wp-image-9583" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png 811w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-300x379.png 300w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-600x758.png 600w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-238x300.png 238w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-768x970.png 768w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-1216x1536.png 1216w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec.png 1267w" data-lazy-sizes="(max-width: 811px) 100vw, 811px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png" /><noscript><img loading="lazy" decoding="async" width="811" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png" alt="Échantillon F" class="wp-image-9583" srcset="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png 811w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-300x379.png 300w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-600x758.png 600w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-238x300.png 238w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-768x970.png 768w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-1216x1536.png 1216w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec.png 1267w" sizes="(max-width: 811px) 100vw, 811px" /></noscript></figure> <p>L'un des participants à notre étude de Pékin a scanné cette page extrêmement longue de WDZJ.com. Il n'a scanné que le premier cinquième de la pleine page, à gauche, avant de partir. Ses scans formaient un motif F classique, sur la droite.</p> <p>La seule exception était le modèle de flipper; Sur plus de 60 recherches, nous n'avons vu qu'un seul motif de flipper sur le SERP Baidu.</p> <p>Nous supposons qu'il n'y a pas de modèle de flipper car Baidu fournit:</p> <ul><li>Moins de fonctionnalités SERP par requête que Google. </li><li>Les fonctionnalités SERP qui ne sont pas aussi attrayantes visuellement que les fonctionnalités SERP de Google ont de moins en moins d'images. </li><li>Les éléments de la barre latérale qui contiennent des publicités et des liens vers d'autres SERP sont moins liés à la requête actuelle de l'utilisateur que la barre de connaissances Google. Par exemple, les requêtes liées à Baidu ou les éléments de recherche de personnes. </li></ul> <p>Il existe au moins 3 différences principales entre l'utilisation d'Internet aux États-Unis et en Chine:</p> <ul><li>culture; jeu de caractères, alphabet latin versus système d'écriture chinois beaucoup plus riche et plus dense; </li><li>différents sites Web et services avec des conceptions différentes, y compris la tendance des sites Web chinois à avoir une complexité de conception plus élevée que les sites occidentaux.</li></ul> <blockquote class="wp-block-quote"><p>Compte tenu de ces différences, il est frappant de constater que le comportement de lecture dans les deux pays était presque le même. </p></blockquote> <p>Bien que cette constatation ne prouve pas que d'autres pays afficheront le même comportement, nous pensons que c'est probablement le cas. </p> <p>Par exemple, la recherche sur le non-suivi que nous avons menée avec des sites arabes où la lecture de droite à gauche a trouvé le même comportement, mais dans une image miroir.</p> <h2 class="wp-block-heading">Nouveaux éléments de contenu.</h2> <p>Par rapport à 2006, 3 types de contenu ont gagné en popularité:</p> <ul><li>tableaux, y compris les tableaux de comparaison; </li><li>éléments en ligne, citations et publicités;</li><li>critiques de contenu et publications personnalisées.</li></ul> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="581" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20581'%3E%3C/svg%3E" alt="Exemple" class="wp-image-9141" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/primer-300x170.png 300w, https://topuser.pro/wp-content/uploads/2020/05/primer-600x340.png 600w, https://topuser.pro/wp-content/uploads/2020/05/primer-768x436.png 768w, https://topuser.pro/wp-content/uploads/2020/05/primer.png 1474w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png" /><noscript><img loading="lazy" decoding="async" width="1024" height="581" src="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png" alt="Exemple" class="wp-image-9141" srcset="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/primer-300x170.png 300w, https://topuser.pro/wp-content/uploads/2020/05/primer-600x340.png 600w, https://topuser.pro/wp-content/uploads/2020/05/primer-768x436.png 768w, https://topuser.pro/wp-content/uploads/2020/05/primer.png 1474w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure> <p>ScienceMag.com a utilisé des citations complètes comme indiqué ici, ainsi que des messages en ligne sur sa liste de diffusion.</p> <p>En conséquence, nos dernières recherches ont révélé des comportements et des préférences autour de ces éléments de contenu.</p> <p>Par exemple, alors que dans nos recherches, les citations fixes et les messages en ligne reçus des commits, nous avons également remarqué qu'ils ont tendance à perturber la lecture. </p> <blockquote class="wp-block-quote"><p>Plusieurs participants à notre étude ont commencé à lire des articles de manière presque linéaire et complète jusqu'à ce qu'ils obtiennent un devis ou une annonce. En atteignant l'un de ces éléments, les participants ont abandonné la lecture et se sont plongés dans un scan facile.</p></blockquote> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="556" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20556'%3E%3C/svg%3E" alt="Convivialité" class="wp-image-9142" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-300x163.png 300w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-600x326.png 600w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-768x417.png 768w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada.png 1397w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png" /><noscript><img loading="lazy" decoding="async" width="1024" height="556" src="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png" alt="Convivialité" class="wp-image-9142" srcset="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-300x163.png 300w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-600x326.png 600w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-768x417.png 768w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada.png 1397w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure> <p>Un participant a scanné cet article de Science Magazine de manière presque linéaire et dans son intégralité jusqu'à ce qu'il entre dans une annonce en ligne. À ce moment, son attention baissa brusquement.</p> <h2 class="wp-block-heading">Qu'est-ce qui n'a pas changé?</h2> <p><strong>Tendance de numérisation</strong>.</p> <blockquote class="wp-block-quote"><p>Les gens numérisent encore la plupart du temps, pas lus. La lecture de tout le texte d'une page est encore extrêmement rare. Même lorsque les utilisateurs analysent l'intégralité du contenu, ils ne le font jamais de manière complètement linéaire. </p></blockquote> <p>Ils continuent de parcourir les pages, de sauter du contenu, de revenir en arrière pour analyser ce qu'ils ont manqué et de réexaminer le contenu qui a déjà été analysé.</p> <p>Bien que la numérisation légère soit la principale méthode utilisée pour traiter les informations sur Internet, le temps que chaque utilisateur est prêt à consacrer à la lecture dépend de quatre facteurs:</p> <ul><li>Niveau de motivation: quelle est l'importance de ces informations pour l'utilisateur?</li><li>Type de problème: l'utilisateur recherche-t-il un fait spécifique, affiche-t-il des informations nouvelles ou intéressantes ou recherche-t-il un sujet?</li><li>Niveau de concentration: dans quelle mesure l'utilisateur est-il concentré (ou non) sur la tâche à accomplir?</li><li>Caractéristiques personnelles: Cette personne a-t-elle un penchant pour le scan et a-t-elle tendance à scanner, même dans un environnement très motivé? Ou est-elle très détaillée dans son approche globale de la lecture en ligne?</li></ul> <blockquote class="wp-block-quote"><p>Depuis 2006, les créateurs de contenu doivent accepter ce fait: il est peu probable que les gens lisent votre contenu dans son intégralité ou de manière linéaire. Ils veulent simplement choisir les informations qui correspondent le mieux à leurs besoins actuels. </p></blockquote> <p>Nous pouvons développer du contenu prenant en charge la numérisation:</p> <ul><li>Utilisez des en-têtes et des sous-titres clairs et bien visibles pour séparer les sections de contenu et les sous-titres afin que les utilisateurs puissent explorer pour trouver uniquement ce qui les intéresse le plus.</li><li>Emplacement pratique des informations. En d'autres termes, «chargement frontal» dans notre structure de contenu, ainsi que dans les sous-titres et les liens, afin que les gens puissent comprendre rapidement le message pendant l'exploration.</li><li>Utilisez des techniques de mise en forme telles que les listes à puces et le texte en gras pour garder l'œil concentré sur les informations les plus importantes.</li><li>Utilisez un langage simple pour garder le contenu concis et clair.</li></ul> <h2 class="wp-block-heading">La plupart des modèles regardent.</h2> <p>Presque tous les modèles de regard observés en 2006 étaient présents dans notre étude de 2019: </p> <ul><li>Motif F;</li><li>Gâteau en couches;</li><li>Motif tacheté;</li><li>Un modèle d'engagement;</li><li>Examen complet;</li><li>Modèle de contournement;</li><li>Motif en zigzag;</li><li>Modèle cohérent;</li><li>Le coup de foudre.</li></ul> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="901" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20901%201024'%3E%3C/svg%3E" alt="Recherche sur site" class="wp-image-9144" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie.png 1400w" data-lazy-sizes="(max-width: 901px) 100vw, 901px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png" /><noscript><img loading="lazy" decoding="async" width="901" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png" alt="Recherche sur site" class="wp-image-9144" srcset="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie.png 1400w" sizes="(max-width: 901px) 100vw, 901px" /></noscript></figure> <p>À gauche: l'un de nos premiers exemples du motif F, découvert au début des années 2000 sur 1900storm.com. À droite: une instance récente du F-Pattern d'Investopedia.com.</p> <p>Les principes directeurs basés sur le comportement humain sont cohérents. Nos découvertes originales étaient basées sur notre compréhension du comportement des chercheurs d'informations.</p> <p>Le rapport complet Comment les gens lisent en ligne contient:</p> <ul><li>Explications et analyses approfondies de tous les schémas de regard et de comportement mentionnés ici. </li><li>Plus de 340 illustrations, visualisations de données de regard et captures d'écran issues de la recherche, dont 90% sont des nouveautés de la deuxième édition.</li><li>Extraits vidéo réels des sessions de suivi de réexamen.</li></ul> <blockquote class="wp-block-quote"><p>En conséquence, alors que la conception a changé au cours des deux dernières décennies, le comportement de lecture en ligne reste essentiellement le même. La technologie évolue rapidement, mais les gens ne le sont pas.</p></blockquote> <p>Quoi qu'il en soit, nous observions simplement un nouveau comportement qui a évolué en réponse aux changements de conception. Par exemple, un motif de flipper. Mais ils sont tous symptomatiques d'une vérité plus profonde: les gens ne veulent pas perdre de temps ou d'efforts en ligne. </p> <p>Tant que nous développons un contenu qui reconnaît cette réalité et aide à guider les gens uniquement vers les informations qu'ils souhaitent, nous serons sur la bonne voie.</p> <p>Basé sur les matériaux du site: nngroup.com.</p> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Qu'est-ce que SERP? </h3> <div> <p> Il s'agit de la page suggérée par les résultats de recherche en réponse à la demande d'un utilisateur. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Qu'est-ce que la lecture linéaire? </h3> <div> <p> Il lit chaque lettre, mot et ligne du texte. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Ai-je bien compris, la numérisation consiste à visualiser l'intégralité du matériel pour trouver les informations dont vous avez besoin? </h3> <div> <p> Oui, exactement. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Qu'est-ce que Baidu? </h3> <div> <p> C'est un moteur de recherche Internet chinois. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Comment les utilisateurs peuvent-ils lire en ligne?</h3> <div> <p> Les gens lisent rarement les pages Web mot pour mot; au lieu de cela, ils parcourent la page, sélectionnant des mots et des phrases individuels. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ À quel point les utilisateurs lisent-ils peu?</h3> <div> <p> La grande majorité des utilisateurs liront environ 20% de texte sur la page du milieu. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ Pourquoi les gens explorent-ils des sites Web?</h3> <div> <p> Les utilisateurs ne lisent pas les sites Web comme ils lisent d'autres documents; ils recherchent rapidement les informations qui leur conviennent le mieux. </p> </div> </div> </section> <script type="application/ld+json">false</script> <p></p> </div> <footer class="entry-meta" aria-label="Entry meta" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Catégories </span><a href="https://topuser.pro/fr/smm-socialnye-seti/" rel="category tag">SMM. Réseaux sociaux.</a>, <a href="https://topuser.pro/fr/konversia-usabiliti-seo/" rel="category tag">Tous les cas</a>, <a href="https://topuser.pro/fr/trendi/" rel="category tag">Les tendances</a></span> <span class="tags-links"><span class="screen-reader-text">Étiquettes </span><a href="https://topuser.pro/fr/tag/suivi-de-loeil/" rel="tag">Suivi de l'oeil</a>, <a href="https://topuser.pro/fr/tag/issledovanija-sposobov-chtenija-onlajn/" rel="tag">recherche sur les façons de lire en ligne</a>, <a href="https://topuser.pro/fr/tag/kak-ljudi-chitajut-onlajn/" rel="tag">comment les gens lisent en ligne</a>, <a href="https://topuser.pro/fr/tag/%d1%82%d0%b5%d0%ba%d1%81%d1%82-%d0%be%d0%bd%d0%bb%d0%b0%d0%b9%d0%bd/" rel="tag">texte en ligne</a></span> <span class="comments-link"><a href="https://topuser.pro/fr/comment-gens-lisent-contenu-ligne-recherche-lutilisabilite/#respond" data-no-translation="" data-trp-gettext="">Laisser un commentaire</a></span> </footer> </div> </article> <article id="post-9031" class="post-9031 post type-post status-publish format-standard has-post-thumbnail hentry category-smm-socialnye-seti category-konversia-usabiliti-seo" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenu" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/fr/mettre-place-publicites-facebook/" rel="bookmark">Mettre en place des publicités Facebook.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T11:11:06+03:00" itemprop="dateModified">25 février 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 janvier 2021</time></span> <span class="byline">par <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/fr/author/andrew-sisomka/" title="Afficher tous les articles de Andrew Sisomka" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">Andrew Sisomka</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/fr/mettre-place-publicites-facebook/"> <img width="1400" height="1000" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201400%201000'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Publicités Facebook" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png 1400w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x214.png 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-600x429.png 600w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-1024x731.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-768x549.png 768w" data-lazy-sizes="(max-width: 1400px) 100vw, 1400px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png" /><noscript><img width="1400" height="1000" src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png" class="attachment-full size-full wp-post-image" alt="Publicités Facebook" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png 1400w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x214.png 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-600x429.png 600w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-1024x731.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-768x549.png 768w" sizes="(max-width: 1400px) 100vw, 1400px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/NwdYPTN4SWQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading">Vous vous souvenez du «bon vieux temps» sur Facebook quand ils ont juste commencé à avoir des pages commerciales sur la plate-forme?</h2> <p>Vous publieriez la mise à jour sur votre page Facebook avec un lien vers le site Web, la plupart des abonnés de votre page la verront dans leur chronologie et certains suivront le lien.</p> <p>C'était simple <a href="https://topuser.pro/fr/systeme-sus-evaluation-capacites-utilisateurs/">façon</a> générer du trafic et c'était gratuit!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="640" height="425" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20425'%3E%3C/svg%3E" alt="Facebook" class="wp-image-9033" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook.png 640w, https://topuser.pro/wp-content/uploads/2020/05/facebook-300x199.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-600x398.png 600w" data-lazy-sizes="(max-width: 640px) 100vw, 640px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/facebook.png" /><noscript><img loading="lazy" decoding="async" width="640" height="425" src="https://topuser.pro/wp-content/uploads/2020/05/facebook.png" alt="Facebook" class="wp-image-9033" srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook.png 640w, https://topuser.pro/wp-content/uploads/2020/05/facebook-300x199.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-600x398.png 600w" sizes="(max-width: 640px) 100vw, 640px" /></noscript></figure> <p><strong>C'était l'époque ...</strong></p> <p>Et puis, en novembre 2014, Facebook a annoncé qu'il commencerait à limiter la «portée organique» des pages Facebook.</p> <p>De nombreux chefs d'entreprise ne comprenaient pas tout à fait ce que cela signifiait pour eux d'un point de vue pratique, mais ils ont rapidement trouvé le chemin difficile.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="638" height="277" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20638%20277'%3E%3C/svg%3E" alt="Méthodes de publicité Facebook" class="wp-image-9227" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg 638w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-300x130.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-600x261.jpg 600w" data-lazy-sizes="(max-width: 638px) 100vw, 638px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg" /><noscript><img loading="lazy" decoding="async" width="638" height="277" src="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg" alt="Méthodes de publicité Facebook" class="wp-image-9227" srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg 638w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-300x130.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-600x261.jpg 600w" sizes="(max-width: 638px) 100vw, 638px" /></noscript></figure> <p>Juste pour que vous puissiez clairement comprendre la terminologie, «portée organique» signifie quel pourcentage d'abonnés de votre page, en moyenne, verra votre publication sans payer Facebook (c'est-à-dire, trafic GRATUIT).</p> <p>Fondamentalement, ce graphique montre que les abonnés 98-99% à votre page ne verront pas vos publications dans leur chronologie à moins que vous ne payiez Facebook.</p> <p><strong>Et ce n'est même pas quelque chose de nouveau dans la publicité!</strong><br>C'était juste une accélération d'une tendance qui a commencé en 2013:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="529" height="525" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20529%20525'%3E%3C/svg%3E" alt="Audience organique de la page" class="wp-image-9228" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png 529w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-300x298.png 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-100x100.png 100w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-150x150.png 150w" data-lazy-sizes="(max-width: 529px) 100vw, 529px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png" /><noscript><img loading="lazy" decoding="async" width="529" height="525" src="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png" alt="Audience organique de la page" class="wp-image-9228" srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png 529w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-300x298.png 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-100x100.png 100w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-150x150.png 150w" sizes="(max-width: 529px) 100vw, 529px" /></noscript></figure> <p>Officiellement, Facebook a déclaré qu'ils étaient obligés de limiter la portée organique des pages afin de ne pas submerger les utilisateurs de contenu dans leur chronologie, et aussi pour qu'ils ne voient pas trop de messages «vendre» dans leur chronologie (car c'était le plus post pour la plupart des pages Facebook) ...</p> <p>Bien que cela puisse être la "ligne d'entreprise" officielle de Facebook, elle a également très bien fonctionné pour leur résultat net et les poches de leurs actionnaires, comme vous pouvez le voir dans le graphique ci-dessous:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="610" height="311" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20610%20311'%3E%3C/svg%3E" alt="Effet de portée" class="wp-image-9229" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg 610w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-300x153.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-600x306.jpg 600w" data-lazy-sizes="(max-width: 610px) 100vw, 610px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg" /><noscript><img loading="lazy" decoding="async" width="610" height="311" src="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg" alt="Effet de portée" class="wp-image-9229" srcset="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg 610w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-300x153.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-600x306.jpg 600w" sizes="(max-width: 610px) 100vw, 610px" /></noscript></figure> <p>À ce stade, vous pouvez dire:</p> <blockquote class="wp-block-quote"><p><em>«Facebook est une perte de temps. Je ne m'inquiéterai plus pour cette plate-forme. "</em></p></blockquote> <p>Et bien que vous compreniez parfaitement pourquoi vous avez choisi de dire cela, ce serait une grave erreur.</p> <p>Abandonner Facebook n'est pas du tout la bonne décision.</p> <p>À la place,</p> <h3 class="wp-block-heading">Vous devriez simplement changer votre mentalité à propos de Facebook:</h3> <p>Vous ne devriez pas voir Facebook comme une plate-forme de médias sociaux et une source de trafic gratuit, mais plutôt comme une plate-forme payante. <a href="https://topuser.pro/fr/reklamnaya-kampaniya-sozdanie-google/">La publicité</a>comme Google AdWords ou même un journal ou une télévision.</p> <p>Lorsque vous considérez Facebook comme une plate-forme publicitaire payante, les avantages deviennent très clairs!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="610" height="446" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20610%20446'%3E%3C/svg%3E" alt="Facebook comme plateforme" class="wp-image-9216" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png 610w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-300x219.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-600x439.png 600w" data-lazy-sizes="(max-width: 610px) 100vw, 610px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png" /><noscript><img loading="lazy" decoding="async" width="610" height="446" src="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png" alt="Facebook comme plateforme" class="wp-image-9216" srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png 610w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-300x219.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-600x439.png 600w" sizes="(max-width: 610px) 100vw, 610px" /></noscript></figure> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="498" height="257" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20498%20257'%3E%3C/svg%3E" alt="Conduire le trafic" class="wp-image-9217" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik.png 498w, https://topuser.pro/wp-content/uploads/2020/05/trafik-300x155.png 300w" data-lazy-sizes="(max-width: 498px) 100vw, 498px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/trafik.png" /><noscript><img loading="lazy" decoding="async" width="498" height="257" src="https://topuser.pro/wp-content/uploads/2020/05/trafik.png" alt="Conduire le trafic" class="wp-image-9217" srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik.png 498w, https://topuser.pro/wp-content/uploads/2020/05/trafik-300x155.png 300w" sizes="(max-width: 498px) 100vw, 498px" /></noscript></figure> <p>Générer du trafic vers votre site Web à partir de Facebook peut toujours être très bon marché!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="610" height="472" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20610%20472'%3E%3C/svg%3E" alt="Trafic Facebook" class="wp-image-9218" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg 610w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-300x232.jpeg 300w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-600x464.jpeg 600w" data-lazy-sizes="(max-width: 610px) 100vw, 610px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg" /><noscript><img loading="lazy" decoding="async" width="610" height="472" src="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg" alt="Trafic Facebook" class="wp-image-9218" srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg 610w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-300x232.jpeg 300w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-600x464.jpeg 600w" sizes="(max-width: 610px) 100vw, 610px" /></noscript></figure> <p>Aucun site Web sur Internet n'a plus de trafic que Facebook, et il continue de croître!</p> <p>Pour les entreprises, Facebook est une excellente plateforme publicitaire car elle offre un accès extrêmement bon marché à des clients potentiels hautement qualifiés.</p> <p>Et c'est la seule façon dont vous devriez considérer Facebook en tant que propriétaire d'entreprise et marketeur!</p> <p>Gardez également à l'esprit que si les publicités Facebook sont encore assez bon marché, elles ne le resteront pas longtemps, comme le dit le grand «entrepreneur en série» Gary Vaynerchuk.</p> <p>La possibilité d'atteindre vos prospects idéaux à moindre coût ne sera plus disponible pendant très longtemps.</p> <p>Donc, si vous souhaitez utiliser les publicités Facebook pour développer votre entreprise, vous feriez mieux de passer à autre chose.</p> <p>Mais….</p> <h2 class="wp-block-heading">Il existe de bonnes et de mauvaises façons de créer des publicités Facebook!</h2> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="564" height="845" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20564%20845'%3E%3C/svg%3E" alt="Publicités Facebook" class="wp-image-9219" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg 564w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x449.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-200x300.jpg 200w" data-lazy-sizes="(max-width: 564px) 100vw, 564px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg" /><noscript><img loading="lazy" decoding="async" width="564" height="845" src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg" alt="Publicités Facebook" class="wp-image-9219" srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg 564w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x449.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-200x300.jpg 200w" sizes="(max-width: 564px) 100vw, 564px" /></noscript></figure> <p>Commençons avec:</p> <h2 class="wp-block-heading">Mauvais paramétrage des publicités Facebook.</h2> <h2 class="wp-block-heading">1. "Acheter des J'aime".</h2> <p>Cela fait peu ou pas de différence pour l'entreprise ou le retour sur investissement direct et peut vraiment vous nuire.</p> <h2 class="wp-block-heading">2. Fiez-vous uniquement au ciblage en pourcentage.</h2> <p>Voici ce que je veux dire par là:</p> <figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20538%20280'%3E%3C/svg%3E" alt="Ciblage Facebook" class="wp-image-9220" width="538" height="280" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png 700w, https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting-300x157.png 300w" data-lazy-sizes="(max-width: 538px) 100vw, 538px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png" /><noscript><img loading="lazy" decoding="async" src="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png" alt="Ciblage Facebook" class="wp-image-9220" width="538" height="280" srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png 700w, https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting-300x157.png 300w" sizes="(max-width: 538px) 100vw, 538px" /></noscript></figure> <p><strong>C'est pourquoi le ciblage par centres d'intérêt peut être problématique: </strong></p> <ol><li>Les gens peuvent aimer une page pour participer à un concours ou gagner un prix, non pas parce qu'ils sont vraiment intéressés par un sujet ou une marque.</li><li>La page que les abonnés ciblent achète de faux likes sur "clics" afin d'augmenter rapidement et artificiellement le nombre de leurs fans.</li><li>La page que vous ciblez vos abonnés a lancé une campagne Facebook à faible ciblage et a obtenu des abonnés de faible qualité.</li><li>Facebook a peut-être déduit les mauvais intérêts généraux d'une personne en fonction des pages qu'elle aimait (par exemple, ils ont aimé une page McDonald's pour entrer dans le cadeau, alors Facebook pense maintenant qu'ils aiment la malbouffe ou la viande, mais en fait, ils - coach de santé végétarien. ..)</li></ol> <h2 class="wp-block-heading">La bonne façon de faire de la publicité sur Facebook:<br>remarketing / reciblage.</h2> <h2 class="wp-block-heading">1.Vous ciblez uniquement les personnes qui ont visité votre site pendant une période donnée ou qui se sont inscrites à votre liste de diffusion.</h2> <p><strong>Les avantages de cette approche:</strong></p> <ol><li>Plus de conjectures et de ciblage inexact: vous savez que ces personnes ont manifesté un intérêt pour votre entreprise.</li><li>Réduisez les frais de publicité.</li><li>Augmentez le nombre de «conversions» que vous voulez que les gens prennent (par exemple, inscrivez-vous à votre liste de diffusion, effectuez un achat, faites une demande, téléchargez une brochure commerciale, etc.)</li></ol> <h2 class="wp-block-heading">2. Cibler les visiteurs de votre site à l'aide du pixel Facebook.</h2> <p>Le pixel Facebook est un morceau de code que vous obtenez de Facebook et installez sur votre site.</p> <p>Cela ressemble à ceci:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="768" height="349" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20349'%3E%3C/svg%3E" alt="Orientation des pixels" class="wp-image-9221" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png 768w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-300x136.png 300w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-600x273.png 600w" data-lazy-sizes="(max-width: 768px) 100vw, 768px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png" /><noscript><img loading="lazy" decoding="async" width="768" height="349" src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png" alt="Orientation des pixels" class="wp-image-9221" srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png 768w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-300x136.png 300w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-600x273.png 600w" sizes="(max-width: 768px) 100vw, 768px" /></noscript></figure> <p>Une fois installé, il suivra tous les visiteurs de votre site Web et les associera à leur compte Facebook s'ils sont connectés à Facebook sur leurs ordinateurs ou appareils mobiles (via l'application Facebook ou dans un navigateur mobile).</p> <p>Le pixel Facebook que vous installez sur votre site Web les signale pour indiquer qu'ils ont visité votre site Web et suit également les pages spécifiques auxquelles ils sont allés.</p> <p>C'est probablement le seul type de "traque" que vous puissiez faire, c'est légal et ne vous causera pas d'ennuis ... </p> <p>C'est aussi la CLÉ pour utiliser efficacement Facebook comme outil commercial!</p> <p>Cette vidéo directement de The Horse of the Horse (comme Facebook lui-même!) Révèle ce qu'est le pixel Facebook et comment l'installer sur votre site Web.</p> <p>Une fois le pixel Facebook installé, vous pouvez commencer à créer une audience personnalisée à partir de <strong>visiteurs</strong> ton son <strong>site Internet</strong> sur votre compte Facebook.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="637" height="244" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20637%20244'%3E%3C/svg%3E" alt="Paramètre: Audience personnalisée" class="wp-image-9222" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png 637w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-300x115.png 300w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-600x230.png 600w" data-lazy-sizes="(max-width: 637px) 100vw, 637px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png" /><noscript><img loading="lazy" decoding="async" width="637" height="244" src="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png" alt="Paramètre: Audience personnalisée" class="wp-image-9222" srcset="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png 637w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-300x115.png 300w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-600x230.png 600w" sizes="(max-width: 637px) 100vw, 637px" /></noscript></figure> <p><strong>Ne pensez-vous pas que cibler ces personnes est beaucoup plus précieux (et donnera de meilleurs résultats) que de cibler des utilisateurs Facebook aléatoires en fonction de ce qui les a intéressés à Facebook?</strong></p> <h2 class="wp-block-heading">3. Cibler vos abonnés e-mail et les clients existants pour lesquels vous avez un numéro de téléphone.</h2> <p>C'est ce qu'on appelle une audience personnalisée dans <strong>liste de clients,</strong> et voici comment cela fonctionne:</p> <p>Avez-vous une base de données de courriels ou une liste de numéros de téléphone pour vos clients et clients potentiels?</p> <p>Saviez-vous que vous pouvez le télécharger sur Facebook?</p> <p>S'ils ont utilisé la même adresse e-mail pour leur compte Facebook ou pour une raison quelconque, ont donné à Facebook leur numéro de téléphone mobile (par exemple, ils ont reçu des codes de sécurité pour se connecter via SMS ou Facebook Messenger), Facebook les associera à leur compte Facebook.</p> <p><strong>Vous pouvez désormais faire de la publicité auprès de ces personnes, qu'elles soient déjà fans de votre page Facebook ou non!</strong></p> <p>S'ils ont utilisé la même adresse e-mail pour leur compte Facebook ou pour une raison quelconque, ont donné à Facebook leur numéro de téléphone mobile (par exemple, ils ont reçu des codes de sécurité pour se connecter via SMS ou Facebook Messenger), Facebook les associera à leur compte Facebook.</p> <p><strong>Vous pouvez désormais faire de la publicité auprès de ces personnes, qu'elles soient déjà fans de votre page Facebook ou non!</strong></p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="598" height="416" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20598%20416'%3E%3C/svg%3E" alt="Personnalisation: ciblage des abonnés" class="wp-image-9223" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png 598w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov-300x209.png 300w" data-lazy-sizes="(max-width: 598px) 100vw, 598px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png" /><noscript><img loading="lazy" decoding="async" width="598" height="416" src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png" alt="Personnalisation: ciblage des abonnés" class="wp-image-9223" srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png 598w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov-300x209.png 300w" sizes="(max-width: 598px) 100vw, 598px" /></noscript></figure> <h2 class="wp-block-heading">4. Ajoutez un peu de "Facebook Magic" - "Double".</h2> <p>Vous avez déjà utilisé Facebook pour créer des audiences personnalisées à partir des personnes qui ont visité votre site et à partir des e-mails et des numéros de téléphone de vos clients.</p> <p>Maintenant, vous dites à Facebook:</p> <p>"Allez me trouver plus de gens qui sont presque les mêmes que ceux-là."</p> <p>(d'où: "similaire").</p> <p>Tout ce dont vous avez besoin n'est rien de moins <strong>100 personnes dans votre audience personnalisée d'un pays</strong> (n'importe quel pays!) et Facebook vous offrira une audience similaire sous 24 heures maximum!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="734" height="463" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20734%20463'%3E%3C/svg%3E" alt="Personnalisation: Présentation de l'audience Facebook" class="wp-image-9224" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png 734w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-300x189.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-600x378.png 600w" data-lazy-sizes="(max-width: 734px) 100vw, 734px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png" /><noscript><img loading="lazy" decoding="async" width="734" height="463" src="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png" alt="Personnalisation: Présentation de l'audience Facebook" class="wp-image-9224" srcset="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png 734w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-300x189.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-600x378.png 600w" sizes="(max-width: 734px) 100vw, 734px" /></noscript></figure> <p>Comprenez-vous maintenant pourquoi les publicités Facebook peuvent être si efficaces et bénéfiques pour votre entreprise, quelle que soit la taille ou le secteur dans lequel vous travaillez?</p> <p>Cependant, cela ne fonctionnera que si vous utilisez correctement la plate-forme publicitaire Facebook et tirez pleinement parti des capacités de ciblage avancées qu'elle offre.</p> <p>Basé sur les matériaux du site: mgdigitalmarketing.com.au</p> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Pourquoi Facebook est-il une excellente plateforme publicitaire?</h2> <div> <p> Parce que Facebook offre un accès bon marché à des clients hautement qualifiés. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Pourquoi le ciblage peut-il être problématique?</h2> <div> <p> Par exemple, les gens peuvent aimer une page pour participer à un concours, pas parce qu'ils sont intéressés par un sujet. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Quels sont les avantages du remarketing?</h2> <div> <p> Vous saurez que les internautes ont manifesté un réel intérêt pour votre page et vous pourrez réduire vos coûts publicitaires. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Comment fonctionne une audience personnalisée?</h2> <div> <p> Téléchargez une base de données des e-mails ou des numéros de téléphone de vos utilisateurs. Lorsque vous vous connectez, Facebook les associera à votre compte. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Combien ça coûte de faire de la publicité sur Facebook?</h2> <div> <p> Si vous mesurez le coût par clic (CPC), les publicités Facebook coûtent en moyenne environ 0,27 USD par clic. Si vous mesurez le coût pour mille impressions (CPM), les publicités Facebook coûtent environ 7,19 $ pour mille impressions (Hootsuite). </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Vaut-il la peine de payer pour les publicités Facebook?</h2> <div> <p> Oui. Les CPC sont inférieurs, mais si vous configurez correctement vos campagnes, ils généreront des clics de qualité qui profiteront à votre entreprise. Par conséquent, la publicité sur Facebook est souvent un moyen beaucoup plus rentable de promouvoir votre entreprise que d'autres canaux publicitaires. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Pourquoi les publicités Facebook sont-elles si chères?</h2> <div> <p> Les publicités Facebook deviennent plus chères parce que la demande dépasse l'offre. Il s'agit d'une progression naturelle pour une plateforme publicitaire basée sur les enchères. C'est aussi la raison de l'augmentation des prix pendant la saison d'achat concurrentielle, par exemple au quatrième trimestre. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2714\ufe0f Pourquoi Facebook est-il une excellente plateforme publicitaire?", "acceptedAnswer": { "@type": "Answer", "text": "\u0422\u0430\u043a \u043a\u0430\u043a Facebook \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0434\u0435\u0448\u0451\u0432\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0432\u044b\u0441\u043e\u043a\u043e\u043a\u0432\u0430\u043b\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c." } }, { "@type": "Question", "name": "\u2714\ufe0f Pourquoi le ciblage peut-il \u00eatre probl\u00e9matique?", "acceptedAnswer": { "@type": "Answer", "text": "\u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u043b\u044e\u0434\u044f\u043c \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u043d\u044f\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043a\u0430\u043a\u043e\u043c-\u043b\u0438\u0431\u043e \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0435, \u0430 \u043d\u0435 \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u043d\u0438 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u044b \u0432 \u0442\u0435\u043c\u0435." } }, { "@type": "Question", "name": "\u2714\ufe0f Quels sont les avantages du remarketing?", "acceptedAnswer": { "@type": "Answer", "text": "\u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043b\u044e\u0434\u0438 \u043f\u0440\u043e\u044f\u0432\u0438\u043b\u0438 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u043a \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043d\u0438\u0437\u0438\u0442\u044c \u0440\u0430\u0441\u0445\u043e\u0434\u044b \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u0443." } }, { "@type": "Question", "name": "\u2714\ufe0f Comment fonctionne une audience personnalis\u00e9e?", "acceptedAnswer": { "@type": "Answer", "text": "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b \u0438\u043b\u0438 \u0436\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u044b\u0445 \u043d\u043e\u043c\u0435\u0440\u043e\u0432 \u0432\u0430\u0448\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. \u041f\u0440\u0438 \u0432\u0445\u043e\u0434\u0435 Facebook \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u0445 \u0441 \u0443\u0447\u0451\u0442\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u044c\u044e." } }, { "@type": "Question", "name": "\u2714\ufe0f Combien \u00e7a co\u00fbte de faire de la publicit\u00e9 sur Facebook?", "acceptedAnswer": { "@type": "Answer", "text": "\u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442\u0435 \u0446\u0435\u043d\u0443 \u0437\u0430 \u043a\u043b\u0438\u043a (CPC), \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0441\u0442\u043e\u0438\u0442 \u0432 \u0441\u0440\u0435\u0434\u043d\u0435\u043c \u043e\u043a\u043e\u043b\u043e 0,27 \u0434\u043e\u043b\u043b\u0430\u0440\u0430 \u0437\u0430 \u043a\u043b\u0438\u043a. \u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0442\u044b\u0441\u044f\u0447\u0438 \u043f\u043e\u043a\u0430\u0437\u043e\u0432 (CPM), \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0441\u0442\u043e\u0438\u0442 \u043e\u043a\u043e\u043b\u043e 7,19 \u0434\u043e\u043b\u043b\u0430\u0440\u043e\u0432 \u0421\u0428\u0410 \u0437\u0430 \u0442\u044b\u0441\u044f\u0447\u0443 \u043f\u043e\u043a\u0430\u0437\u043e\u0432 (Hootsuite)." } }, { "@type": "Question", "name": "\u2714\ufe0f Vaut-il la peine de payer pour les publicit\u00e9s Facebook?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u0430. \u0426\u0435\u043d\u0430 \u0437\u0430 \u043a\u043b\u0438\u043a \u043d\u0438\u0436\u0435, \u043d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u0435 \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0438, \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043a\u043b\u0438\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043d\u0435\u0441\u0443\u0442 \u043f\u043e\u043b\u044c\u0437\u0443 \u0432\u0430\u0448\u0435\u043c\u0443 \u0431\u0438\u0437\u043d\u0435\u0441\u0443. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0447\u0430\u0441\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0433\u043e\u0434\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0447\u0435\u043c \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u043a\u0430\u043d\u0430\u043b\u044b." } }, { "@type": "Question", "name": "\u2714\ufe0f Pourquoi les publicit\u00e9s Facebook sont-elles si ch\u00e8res?", "acceptedAnswer": { "@type": "Answer", "text": "\u0420\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0434\u043e\u0440\u043e\u0436\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u043f\u0440\u043e\u0441 \u043f\u0440\u0435\u0432\u044b\u0448\u0430\u0435\u0442 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435. \u042d\u0442\u043e \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0434\u043b\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u043d\u0430 \u0430\u0443\u043a\u0446\u0438\u043e\u043d\u0430\u0445. \u042d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u0447\u0438\u043d\u043e\u0439 \u0440\u043e\u0441\u0442\u0430 \u0446\u0435\u043d \u0432 \u0441\u0435\u0437\u043e\u043d \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043d\u044b\u0445 \u043f\u043e\u043a\u0443\u043f\u043e\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u043e\u043c \u043a\u0432\u0430\u0440\u0442\u0430\u043b\u0435." } } ] }</script> <p></p> </div> <footer class="entry-meta" aria-label="Entry meta" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Catégories </span><a href="https://topuser.pro/fr/smm-socialnye-seti/" rel="category tag">SMM. Réseaux sociaux.</a>, <a href="https://topuser.pro/fr/konversia-usabiliti-seo/" rel="category tag">Tous les cas</a></span> <span class="comments-link"><a href="https://topuser.pro/fr/mettre-place-publicites-facebook/#respond" data-no-translation="" data-trp-gettext="">Laisser un commentaire</a></span> </footer> </div> </article> <article id="post-8301" class="post-8301 post type-post status-publish format-standard has-post-thumbnail hentry category-konversia-usabiliti-seo tag-sus tag-shkala-juzabiliti-sistemy tag-juzabiliti tag-juzabiliti-audit tag-juzabiliti-sajtov" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenu" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/fr/systeme-sus-evaluation-capacites-utilisateurs/" rel="bookmark">Système SUS. Évaluation des capacités des utilisateurs.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T12:31:38+03:00" itemprop="dateModified">25 février 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 janvier 2021</time></span> <span class="byline">par <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/fr/author/andre-smetana/" title="Afficher tous les articles de Andre Smetana" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">André Smetana</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/fr/systeme-sus-evaluation-capacites-utilisateurs/"> <img width="960" height="640" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20960%20640'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Audit d'utilisabilité" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg 960w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-768x512.jpg 768w" data-lazy-sizes="(max-width: 960px) 100vw, 960px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg" /><noscript><img width="960" height="640" src="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg" class="attachment-full size-full wp-post-image" alt="Audit d'utilisabilité" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg 960w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-768x512.jpg 768w" sizes="(max-width: 960px) 100vw, 960px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>2020 marque le 35e anniversaire de l'enquête sur la perception de l'utilisabilité la plus utilisée au monde. Escalader <a href="https://topuser.pro/fr/uzabiliti-menu-saita/">utilisabilité</a> System (SUS) a été lancé dans ce monde par John Brook en 1986.</p> <p>Il a été créé à l'origine comme une balance «rapide et sale» pour l'administration après des tests d'utilisabilité sur des systèmes tels que les applications du terminal VT100 (écran vert).</p> <p>SUS est indépendant de la technologie. Il a été testé sur du matériel, des logiciels grand public, des sites Web, des téléphones mobiles, des RVI et des pages jaunes. Est devenu un standard de l'industrie avec des liens dans plus de 600 publications.</p> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/cXaw_0rcduo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading">Échelle d'utilisabilité du système.</h2> <p>SUS est un questionnaire en 10 éléments avec 5 réponses à choix.</p> <ul><li>Je pense que j'aimerais utiliser ce système souvent.</li><li>J'ai trouvé le système trop complexe.</li><li>Je pensais que le système était facile à utiliser.</li><li>Je pense que j'aurai besoin d'un support technique pour pouvoir utiliser ce système.</li><li>J'ai trouvé que les différentes fonctions de ce système étaient bien intégrées.</li><li>Je pensais qu'il y avait trop d'incohérences dans ce système.</li><li>Je pense que la plupart des gens apprendraient à utiliser ce système très rapidement.</li><li>J'ai trouvé le système très compliqué à utiliser.</li><li>Je me sentais très confiant en utilisant le système.</li><li>J'avais beaucoup à apprendre avant de pouvoir commencer à travailler avec ce système.</li></ul> <p>SUS utilise le format de réponse suivant:</p> <div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="495" height="96" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20495%2096'%3E%3C/svg%3E" alt="SUS " class="wp-image-8306" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png 495w, https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta-300x58.png 300w" data-lazy-sizes="(max-width: 495px) 100vw, 495px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png" /><noscript><img loading="lazy" decoding="async" width="495" height="96" src="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png" alt="SUS " class="wp-image-8306" srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png 495w, https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta-300x58.png 300w" sizes="(max-width: 495px) 100vw, 495px" /></noscript></figure></div> <h2 class="wp-block-heading">Compte SUS.</h2> <ul><li>Pour les éléments impairs: soustrayez-en un de la réponse de l'utilisateur.</li><li>Pour les éléments pairs: soustrayez les réponses des utilisateurs de 5</li><li>Mise à l'échelle de toutes les valeurs de 0 à 4 (quatre est la réponse la plus positive).</li><li>Ajoutez les réponses transformées pour chaque utilisateur et multipliez la somme par 2,5. Cela convertit la plage de valeurs possibles de 0 à 100 au lieu de 0 à 40.</li></ul> <h2 class="wp-block-heading">Interprétation des résultats SUS.</h2> <p>Malgré l'utilisation répandue du SUS, il y avait peu de conseils sur l'interprétation du système, les modifications d'éléments acceptables et les informations sur la fiabilité et la validité.</p> <p>Au fil des ans, utiliser SUS dans la recherche <a href="https://topuser.pro/fr/audit-dutilisation-du-site-commander-un-ux/">évaluation de l'utilisabilité</a> s'est considérablement améliorée. Pendant ce temps, l'étude SUS existante a été vérifiée et les données de plus de 5 000 utilisateurs ont été analysées sur 500 estimations différentes.</p> <p>Ces données montrent que SUS est fiable, fiable et facile à utiliser. Cela fonctionne aussi bien ou mieux que les questionnaires commerciaux et les questionnaires internes nationaux.</p> <h2 class="wp-block-heading">Qu'est-ce qu'un bon score SUS?</h2> <p>Le score SUS moyen pour les 500 études est de 68. Un score SUS supérieur à 68 est considéré comme supérieur à la moyenne, et un score inférieur à 68 est considéré comme inférieur à la moyenne.</p> <p>La meilleure façon d'interpréter votre résultat est de le convertir en rang centile par normalisation. Une calculatrice et un manuel ont été créés pour prendre les scores SUS bruts et générer des classements en centile et des scores en lettres (A + à F) pour huit types d'applications différents.</p> <p>Le graphique ci-dessous montre comment les rangs en centiles sont associés aux scores SUS et aux notes alphabétiques.</p> <div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="528" height="291" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20528%20291'%3E%3C/svg%3E" alt="Résultats SUS" class="wp-image-8308" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png 528w, https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat-300x165.png 300w" data-lazy-sizes="(max-width: 528px) 100vw, 528px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png" /><noscript><img loading="lazy" decoding="async" width="528" height="291" src="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png" alt="Résultats SUS" class="wp-image-8308" srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png 528w, https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat-300x165.png 300w" sizes="(max-width: 528px) 100vw, 528px" /></noscript></figure></div> <p>Ce processus est similaire à une "gradation de courbe" basée sur la distribution de tous les points. Par exemple, un score SUS brut de 74 est converti en un rang centile 70%. Un score SUS de 74 a une convivialité perçue plus élevée que le 70% de tous les produits testés. Cela peut être interprété comme un score B.</p> <p>Vous devez marquer plus de 80,3 points pour obtenir A (10% meilleur). Cela montre que les utilisateurs sont plus susceptibles de recommander le produit à un ami. Si vous avez en moyenne 68 points, vous obtenez un C, et tout ce qui est en dessous de 51 obtient un F (et vous entrez dans le bas 15%).</p> <h2 class="wp-block-heading">Comment SUS attribue-t-il des points? </h2> <p>Même si le score SUS peut varier de 0 à 100, il ne s'agit pas d'un pourcentage. Bien qu'il soit techniquement correct, le score SUS de 70 sur 100 représente la valeur maximale possible 70%. Un score à ce niveau signifie que l'application testée est au-dessus de la moyenne. En fait, le score 70 est plus proche de la moyenne SUS 68. En fait, il est plus approprié de l'appeler 50%.</p> <p>Lors de la communication des scores SUS aux parties prenantes, et en particulier à ceux qui ne connaissent pas le SUS, il est préférable de convertir le score SUS d'origine en un centile afin que 70% signifie vraiment au-dessus de la moyenne.</p> <h2 class="wp-block-heading">SUS mesure la convivialité et la capacité d'apprentissage.</h2> <p>Alors que le SUS était uniquement destiné à mesurer la facilité d'utilisation perçue (une dimension), des recherches récentes suggèrent qu'il fournit une mesure globale de la satisfaction du système et des sous-échelles d'utilisabilité et d'apprentissage. Les éléments 4 et 10 fournissent une mesure de la capacité d'apprentissage, tandis que les 8 éléments restants fournissent une mesure de la convivialité. Cela signifie que vous pouvez suivre et générer des rapports sur les deux sous-échelles et l'échelle SUS globale.</p> <h2 class="wp-block-heading">Fiabilité SUS.</h2> <p>La fiabilité de l'échelle fait référence à la cohérence avec laquelle les utilisateurs réagissent aux éléments. Il a été démontré que le SUS est plus fiable et détecte des différences dans des échantillons de plus petite taille que les questionnaires nationaux et autres questionnaires disponibles dans le commerce.</p> <h2 class="wp-block-heading">Questions fréquemment posées sur SUS.</h2> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Qu'est-ce que SUS?</h2> <div> <p> L'échelle d'utilisabilité du système SUS a été créée comme une échelle «rapide et sale» pour l'administration après des tests d'utilisabilité. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Comment interpréter le résultat SUS?</h2> <div> <p> La meilleure façon d'interpréter votre résultat est de le convertir en rang centile par normalisation. Une calculatrice et un manuel ont été créés pour prendre les scores SUS bruts et générer des classements en centile et des scores en lettres (A + à F) pour huit types d'applications différents. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Quel est le niveau de fiabilité SUS?</h2> <div> <p> Il a été démontré que le SUS est plus fiable et détecte des différences dans des échantillons de plus petite taille que les questionnaires nationaux et autres questionnaires disponibles dans le commerce. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Qu'est-ce qu'un bon score SUS?</h2> <div> <p> Le score SUS moyen pour les 500 études est de 68. Un score SUS supérieur à 68 est considéré comme supérieur à la moyenne, et un score inférieur à 68 est considéré comme inférieur à la moyenne. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Quelles questions sont utilisées dans les questionnaires d'utilisabilité?</h2> <div> <p> Dépistage: posez des questions de base sur les données démographiques et l'expérience utilisateur. <br>Pré-test: posez des questions sur la psychographie en fonction de vos images personnalisées. <br>Quiz: posez des questions sur les raisons pour lesquelles les utilisateurs entreprennent certaines actions et prennent des décisions sur votre site. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Comment le SUS est-il mesuré?</h2> <div> <p> Pour chaque question impaire, soustrayez 1 du score. <br>Pour chacune des questions paires, soustrayez leur valeur de 5. <br>Prenez ces nouvelles valeurs que vous avez trouvées et additionnez le score total. <br>Puis multipliez cela par 2,5. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ Comment Umux Lite est-il calculé?</h2> <div> <p> Pour le score de base de UMUX-LITE, soustrayez un du score pour chaque élément du questionnaire. Additionnez ces deux scores ajustés et divisez leur somme par 12. Multipliez ce nombre par 100. Pour comparer vos scores UMUX-LITE avec les scores SUS, vous devez transformer vos scores UMUM-LITE en utilisant une équation de régression. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2714\ufe0f Qu'est-ce que SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u0428\u043a\u0430\u043b\u0430 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b SUS \u0431\u044b\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u043a\u0430\u043a \u00ab\u0431\u044b\u0441\u0442\u0440\u0430\u044f \u0438 \u0433\u0440\u044f\u0437\u043d\u0430\u044f\u00bb \u0448\u043a\u0430\u043b\u0430 \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438-\u0442\u0435\u0441\u0442\u043e\u0432." } }, { "@type": "Question", "name": "\u2714\ufe0f Comment interpr\u00e9ter le r\u00e9sultat SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u041b\u0443\u0447\u0448\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 - \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0438\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u043d\u0433 \u043f\u0443\u0442\u0435\u043c \u043d\u043e\u0440\u043c\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0411\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0438 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u0435\u0440\u0435\u0442 \u043d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 SUS \u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0438\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u043d\u0433\u0438 \u0438 \u0431\u0443\u043a\u0432\u0435\u043d\u043d\u044b\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 (\u043e\u0442 A + \u0434\u043e F) \u0434\u043b\u044f \u0432\u043e\u0441\u044c\u043c\u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439." } }, { "@type": "Question", "name": "\u2714\ufe0f Quel est le niveau de fiabilit\u00e9 SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u043e\u043a\u0430\u0437\u0430\u043d\u043e, \u0447\u0442\u043e SUS \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u043c \u0438 \u0432\u044b\u044f\u0432\u043b\u044f\u0435\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u043f\u0440\u0438 \u043c\u0435\u043d\u044c\u0448\u0438\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u0445 \u0432\u044b\u0431\u043e\u0440\u043a\u0438, \u0447\u0435\u043c \u043e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u043d\u0438\u043a\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0432 \u043f\u0440\u043e\u0434\u0430\u0436\u0435." } }, { "@type": "Question", "name": "\u2714\ufe0f Qu'est-ce qu'un bon score SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u0421\u0440\u0435\u0434\u043d\u0438\u0439 \u0431\u0430\u043b\u043b SUS \u043f\u043e \u0432\u0441\u0435\u043c 500 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u043c \u0440\u0430\u0432\u0435\u043d 68. \u0411\u0430\u043b\u043b SUS \u0432\u044b\u0448\u0435 68 \u0431\u0443\u0434\u0435\u0442 \u0441\u0447\u0438\u0442\u0430\u0442\u044c\u0441\u044f \u0432\u044b\u0448\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e, \u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0438\u0436\u0435 68 \u043d\u0438\u0436\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e." } }, { "@type": "Question", "name": "\u2714\ufe0f Quelles questions sont utilis\u00e9es dans les questionnaires d'utilisabilit\u00e9?", "acceptedAnswer": { "@type": "Answer", "text": "\u0421\u043a\u0440\u0438\u043d\u0438\u043d\u0433: \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u0434\u0435\u043c\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u0438 \u043e\u043f\u044b\u0442\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. <br>\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435: \u0437\u0430\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u043f\u0441\u0438\u0445\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0430\u0448\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043e\u0431\u0440\u0430\u0437\u043e\u0432. <br>\u0422\u0435\u0441\u0442: \u0437\u0430\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u0442\u043e\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u044e\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0441\u0430\u0439\u0442\u0435." } }, { "@type": "Question", "name": "\u2714\ufe0f Comment le SUS est-il mesur\u00e9?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0441 \u043d\u0435\u0447\u0435\u0442\u043d\u044b\u043c \u043d\u043e\u043c\u0435\u0440\u043e\u043c \u0432\u044b\u0447\u0442\u0438\u0442\u0435 1 \u0438\u0437 \u043e\u0446\u0435\u043d\u043a\u0438. <br>\u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0441 \u0447\u0435\u0442\u043d\u044b\u043c\u0438 \u043d\u043e\u043c\u0435\u0440\u0430\u043c\u0438 \u0432\u044b\u0447\u0442\u0438\u0442\u0435 \u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 5. <br>\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u044d\u0442\u0438 \u043d\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043d\u0430\u0448\u043b\u0438, \u0438 \u0441\u043b\u043e\u0436\u0438\u0442\u0435 \u043e\u0431\u0449\u0438\u0439 \u0431\u0430\u043b\u043b. <br>\u0417\u0430\u0442\u0435\u043c \u0443\u043c\u043d\u043e\u0436\u044c\u0442\u0435 \u044d\u0442\u043e \u043d\u0430 2,5." } }, { "@type": "Question", "name": "\u2714\ufe0f Comment Umux Lite est-il calcul\u00e9?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u043b\u044f \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u043e\u0446\u0435\u043d\u043a\u0438 UMUX-LITE \u0432\u044b\u0447\u0442\u0438\u0442\u0435 \u0435\u0434\u0438\u043d\u0438\u0446\u0443 \u0438\u0437 \u043e\u0446\u0435\u043d\u043a\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430 \u0430\u043d\u043a\u0435\u0442\u044b. \u0421\u043b\u043e\u0436\u0438\u0442\u0435 \u043e\u0431\u0435 \u044d\u0442\u0438 \u0441\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435 \u0438\u0445 \u0441\u0443\u043c\u043c\u0443 \u043d\u0430 12. \u0423\u043c\u043d\u043e\u0436\u044c\u0442\u0435 \u044d\u0442\u043e \u0447\u0438\u0441\u043b\u043e \u043d\u0430 100. \u0427\u0442\u043e\u0431\u044b \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c \u0432\u0430\u0448\u0438 \u043e\u0446\u0435\u043d\u043a\u0438 UMUX-LITE \u0441 \u043e\u0446\u0435\u043d\u043a\u0430\u043c\u0438 SUS, \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0438 \u043e\u0446\u0435\u043d\u043a\u0438 UMUM-LITE \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0443\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f \u0440\u0435\u0433\u0440\u0435\u0441\u0441\u0438\u0438." } } ] }</script> </div> <footer class="entry-meta" aria-label="Entry meta" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Catégories </span><a href="https://topuser.pro/fr/konversia-usabiliti-seo/" rel="category tag">Tous les cas</a></span> <span class="tags-links"><span class="screen-reader-text">Étiquettes </span><a href="https://topuser.pro/fr/tag/sus/" rel="tag">SUS</a>, <a href="https://topuser.pro/fr/tag/shkala-juzabiliti-sistemy/" rel="tag">Échelle d'utilisabilité du système</a>, <a href="https://topuser.pro/fr/tag/juzabiliti/" rel="tag">Convivialité</a>, <a href="https://topuser.pro/fr/tag/juzabiliti-audit/" rel="tag">Audit d'utilisabilité</a>, <a href="https://topuser.pro/fr/tag/juzabiliti-sajtov/" rel="tag">Convivialité des sites</a></span> <span class="comments-link"><a href="https://topuser.pro/fr/systeme-sus-evaluation-capacites-utilisateurs/#comments" data-no-translation="" data-trp-gettext="">2 commentaires</a></span> </footer> </div> </article> <article id="post-6634" class="post-6634 post type-post status-publish format-standard has-post-thumbnail hentry category-ux-design-saita category-konversia-usabiliti-seo category-yuzabiliti-sajta tag-usability tag-ii tag-iskusstvennyj-intellekt tag-juzabiliti tag-juzabiliti-sajtov" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenu" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/fr/convivialite-ux-ainsi-lintelligence-artificielle-2020-2021/" rel="bookmark">Convivialité | UX | ainsi que l'intelligence artificielle en 2020/2021.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T15:18:16+03:00" itemprop="dateModified">25 février 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 janvier 2021</time></span> <span class="byline">par <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/fr/author/andre-smetana/" title="Afficher tous les articles de Andre Smetana" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">André Smetana</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/fr/convivialite-ux-ainsi-lintelligence-artificielle-2020-2021/"> <img width="960" height="640" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20960%20640'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Convivialité et intelligence artificielle" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-560x373.jpg 560w" data-lazy-sizes="(max-width: 960px) 100vw, 960px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg" /><noscript><img width="960" height="640" src="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg" class="attachment-full size-full wp-post-image" alt="Convivialité et intelligence artificielle" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-560x373.jpg 560w" sizes="(max-width: 960px) 100vw, 960px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>L'intelligence artificielle (IA) ouvre la voie à un impact sur la vie des entreprises et des particuliers. Désormais en 2020, les fonctionnalités et les fonctionnalités offertes par l'intelligence artificielle l'ont rendue populaire dans de nombreux secteurs. Les experts ont déjà apporté des ajustements aux projets pour inclure l'IA dans les propositions de leur entreprise. L'IA peut également apporter des solutions aux problèmes de conception UX.</p> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/P8P9sL6_CDg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <p></p> <h2 class="wp-block-heading">La profession de design UX a un effet positif sur l'IA.</h2> <p>L'arrivée de l'IA est un fait qui touchera tous les métiers et professionnels. La conception UX peut utiliser l'intelligence artificielle pour résoudre la plupart des problèmes. <a href="https://topuser.pro/fr/qu-est-ce-que-ux/">L'expérience utilisateur (UX) est la simplification, la convivialité et la facilité d'utilisation du site par l'utilisateur</a>... UX supprime tous les obstacles possibles auxquels les gens sont confrontés lorsqu'ils travaillent sur leurs ordinateurs et téléphones portables. UX facilite la navigation sur votre site et optimise votre mobile.</p> <blockquote class="wp-block-quote"><p>La conception UX fonctionne donc main dans la main avec l'IA pour devenir un sauveur pour chaque client sur le site Web et l'appareil mobile de l'entreprise.</p></blockquote> <p>La conception de l'expérience utilisateur (UX) est un moyen de formuler des produits qui offrent une expérience significative et cohérente sur toutes les pages de votre site - directement à l'utilisateur. L'ensemble du processus de conception est intégré à votre produit, y compris l'ajout de perspectives sur la marque, la mise en page, les fonctionnalités et la convivialité.</p> <h2 class="wp-block-heading"><a href="https://topuser.pro/fr/audit-dutilisation-du-site-commander-un-ux/">UX</a> garantit que tous les obstacles évidents auxquels le client est confronté ne sont plus un problème.</h2> <p>La conception UX ne peut pas être prise en charge uniquement par les développeurs. L'automatisation doit être ajoutée pour des performances supérieures, ce qui est idéal pour l'IA. </p> <p>L'utilisation de l'IA sur votre système modifie le niveau de difficulté qu'un utilisateur rencontrera sur votre site. Les concepteurs UX font face seuls à ce problème. Aucun site Web n'est parfait, mais votre UX Designer vous aidera à rendre votre site Web le meilleur possible.</p> <p>L'aspect de votre site et la qualité de l'optimisation grâce à l'automatisation et à l'intelligence artificielle détermineront vos clics et vos vues. Votre conception et votre optimisation UX détermineront vos ventes et votre expérience client. Un expert UX peut garder votre site Web en bon état avec <a href="https://topuser.pro/fr/uvelishenie-konversii-testirovanie/">conversion élevée</a> et l'IA aidera à le maintenir.</p> <p>Les progrès de l'intelligence artificielle et les efforts visant à améliorer l'intelligence artificielle ont apporté des innovations passionnantes à l'ensemble du secteur. La recherche médicale, les mégadonnées et le transport autonome ne sont que quelques-unes des applications émergeant de l'expansion de l'IA.</p> <h2 class="wp-block-heading"><strong>L'intelligence artificielle se développe rapidement</strong>.</h2> <p>L'IA vise à tout simplifier sur le site. La technologie offre au client une expérience fiable et conviviale.</p> <figure class="wp-block-image"><img loading="lazy" decoding="async" width="960" height="642" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20960%20642'%3E%3C/svg%3E" alt="AI et UX" class="wp-image-6638" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-300x201.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-600x401.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-768x514.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-560x375.jpg 560w" data-lazy-sizes="(max-width: 960px) 100vw, 960px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg" /><noscript><img loading="lazy" decoding="async" width="960" height="642" src="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg" alt="AI et UX" class="wp-image-6638" srcset="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-300x201.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-600x401.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-768x514.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-560x375.jpg 560w" sizes="(max-width: 960px) 100vw, 960px" /></noscript></figure> <p>Pour mieux comprendre l'IA, pensez aux plateformes de réseaux sociaux. Même un enfant peut apprendre à utiliser les médias sociaux avec facilité. L'intelligence artificielle est ce qui fonctionne et vous présente un contenu qui attire et attire les sites avec fluidité et attention. L'algorithme d'IA fait de son mieux pour offrir aux utilisateurs des messages et des expériences en fonction de leurs intérêts, ce qui lui permet de fonctionner constamment en arrière-plan.</p> <h2 class="wp-block-heading"><strong>Associez votre IA et UX et voyez comment tout cela fonctionne.<br></strong></h2> <p>L'intelligence artificielle est ce qui permet aux machines de collecter des données et de se concentrer sur les intérêts humains. En conséquence, il offre des choix centrés sur l'utilisateur.</p> <div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="226" height="340" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20340'%3E%3C/svg%3E" alt="ergonomie et intelligence artificielle" class="wp-image-6635" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg 226w, https://topuser.pro/wp-content/uploads/2019/09/ii-ux-199x300.jpg 199w" data-lazy-sizes="(max-width: 226px) 100vw, 226px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg" /><noscript><img loading="lazy" decoding="async" width="226" height="340" src="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg" alt="ergonomie et intelligence artificielle" class="wp-image-6635" srcset="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg 226w, https://topuser.pro/wp-content/uploads/2019/09/ii-ux-199x300.jpg 199w" sizes="(max-width: 226px) 100vw, 226px" /></noscript></figure></div> <p>Supposons que vous effectuiez vous-même une opération pour votre bureau par jour. Vous pensez d'abord à l'automatisation, et c'est rapide et efficace. En utilisant des algorithmes d'IA dans votre bureau, vous pouvez toujours automatiser, mais maintenant, si vous avez optimisé votre UX, votre IA gardera votre site Web rempli de détails et de logique pour fonctionner dans le meilleur intérêt des visiteurs de votre site. L'IA fera de l'expérience globale du visiteur de votre site Web une action spécifique au client.</p> <h2 class="wp-block-heading"><strong>Découvrez comment l'IA affecte l'UX.</strong></h2> <h2 class="wp-block-heading"><strong># 1 - Le «sentiment» d'une personne à l'autre se produit avec les forums de discussion en ligne.<br></strong></h2> <div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="604" height="340" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20604%20340'%3E%3C/svg%3E" alt="Chat AI" class="wp-image-6636" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg 604w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-300x169.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-600x338.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-360x203.jpg 360w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-560x315.jpg 560w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-260x147.jpg 260w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-480x271.jpg 480w" data-lazy-sizes="(max-width: 604px) 100vw, 604px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg" /><noscript><img loading="lazy" decoding="async" width="604" height="340" src="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg" alt="Chat AI" class="wp-image-6636" srcset="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg 604w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-300x169.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-600x338.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-360x203.jpg 360w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-560x315.jpg 560w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-260x147.jpg 260w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-480x271.jpg 480w" sizes="(max-width: 604px) 100vw, 604px" /></noscript></figure></div> <p>Il semble que la fonctionnalité de chat en direct sur le site facilite grandement les choses pour les visiteurs du site. En intégrant le système AI / UX dans votre site Web, les chatbots travailleront pour vous. Les chatbots alimentés par BB garantiront à vos clients une expérience centrée sur l'utilisateur lorsqu'ils visitent votre site.</p> <h2 class="wp-block-heading"><strong># 2 - Expérience utilisateur améliorée.</strong></h2> <div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="812" height="720" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20812%20720'%3E%3C/svg%3E" alt="Expérience utilisateur" class="wp-image-6637" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png 812w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-300x266.png 300w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-600x532.png 600w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-768x681.png 768w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-560x497.png 560w" data-lazy-sizes="(max-width: 812px) 100vw, 812px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png" /><noscript><img loading="lazy" decoding="async" width="812" height="720" src="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png" alt="Expérience utilisateur" class="wp-image-6637" srcset="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png 812w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-300x266.png 300w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-600x532.png 600w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-768x681.png 768w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-560x497.png 560w" sizes="(max-width: 812px) 100vw, 812px" /></noscript></figure></div> <p>Lorsqu'il s'agit de comprendre les divers besoins et exigences d'un utilisateur, l'IA peut faire des merveilles. Cet algorithme est entièrement conçu pour collecter des données et des actions des utilisateurs. </p> <p>Il offrira à l'utilisateur une expérience efficace et centrée sur l'utilisateur. La conception et l'apprentissage mécanique fonctionnent ensemble dans un format engageant et mémorable qui améliore l'expérience de l'IA.</p> <p>L'IA joue un rôle énorme et influent dans l'espace de conception UX. L'IA est un énorme pas en avant pour les développeurs d'utilisabilité qui sont assez sages pour que les deux fonctionnent ensemble. Au fur et à mesure que les outils évoluent, les concepteurs adopteront sans aucun doute de nouvelles approches et profiteront des nouvelles technologies.</p> <h2 class="wp-block-heading"><strong>Conclusion</strong>.</h2> <p>La croissance continue de l'information ouvre la voie au développement de l'intelligence artificielle et de l'utilisabilité pour devenir interopérables dans les technologies futures, à la fois sur les sites Web et pour l'Internet des objets. La création de solutions pratiques de bout en bout avec les dernières conceptions Web automatisées vous permettra de créer un avenir radieux pour votre entreprise. </p> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Qui est un concepteur d'utilisabilité?</h2> <div> <p> Un concepteur d'utilisabilité ou Ux est une personne qui développe des conceptions basées sur le comportement de l'utilisateur. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Qui est Uxer?</h2> <div> <p> Un spécialiste qui développe le design, les textes et les formes d'interaction avec le site par test A / B de ses idées. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Qu'est-ce que l'UX?</h2> <div> <p> Expérience utilisateur ou expérience utilisateur traduite. Actions qu'un utilisateur effectue sur le site lors de l'achat d'un produit, de l'inscription ou d'une autre action pour laquelle le site a été créé. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Comment l'IA aide-t-elle à la convivialité?</h2> <div> <p> L'intelligence artificielle est capable de mener des milliers de fois plus de tests que les humains. Cela en fait un compagnon indispensable pour Uxer. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ L'IA remplacera-t-elle les concepteurs UX?</h2> <div> <p> Le rôle d'un concepteur UX ne deviendra pas obsolète en raison de la technologie de pointe. L'IA est une énorme opportunité, pas une menace. Cependant, on peut affirmer que l'intelligence artificielle remplacera les concepteurs modernes et changera le rôle que nous connaissons. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Comment l'IA est-elle appliquée dans la conception?</h2> <div> <p> Les concepteurs d'IA peuvent créer des conceptions plus rapidement et à moindre coût grâce à la vitesse et à l'efficacité accrues qu'il offre. La force de l'IA réside dans la rapidité avec laquelle elle peut analyser des quantités massives de données et suggérer des ajustements de conception. Le concepteur peut ensuite sélectionner et approuver les ajustements en fonction de ces données. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ L'UX est-il en train de mourir?</h2> <div> <p> UX ne va nulle part. Cependant, le rôle de l'interaction utilisateur est d'abord de prendre en compte les besoins des utilisateurs, puis, à travers un processus itératif, de façonner et de créer la solution finale dont nous aurons toujours besoin. Donc, si vous êtes dans UX, votre travail est en sécurité. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2713 Qui est un concepteur d'utilisabilit\u00e9?", "acceptedAnswer": { "@type": "Answer", "text": "\u042e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438 \u0438\u043b\u0438 Ux \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 - \u044d\u0442\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043d \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439." } }, { "@type": "Question", "name": "\u2713 Qui est Uxer?", "acceptedAnswer": { "@type": "Answer", "text": "\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043d, \u0442\u0435\u043a\u0441\u0442\u044b \u0438 \u0444\u043e\u0440\u043c\u044b \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0441\u0430\u0439\u0442\u043e\u043c \u043f\u0443\u0442\u0435\u043c A\/B \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0432\u043e\u0438\u0445 \u0438\u0434\u0435\u0439." } }, { "@type": "Question", "name": "\u2713 Qu'est-ce que l'UX?", "acceptedAnswer": { "@type": "Answer", "text": "User Experience \u0438\u043b\u0438 \u0432 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0435 \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u041e\u043f\u044b\u0442. \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043f\u043e \u043f\u0443\u0442\u0438 \u043a \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u0442\u043e\u0432\u0430\u0440\u0430, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u0441\u0434\u0435\u043b\u0430\u043d \u0441\u0430\u0439\u0442." } }, { "@type": "Question", "name": "\u2713 Comment l'IA aide-t-elle \u00e0 la convivialit\u00e9?", "acceptedAnswer": { "@type": "Answer", "text": "\u0418\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442 \u0441\u043f\u043e\u0441\u043e\u0431\u0435\u043d \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442 \u0432 \u0442\u044b\u0441\u044f\u0447\u0438 \u0440\u0430\u0437 \u0431\u043e\u043b\u044c\u0448\u0435 \u0442\u0435\u0441\u0442\u043e\u0432 \u0447\u0435\u043c \u0447\u0435\u043b\u043e\u0432\u0435\u043a. \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0435\u0433\u043e \u043d\u0435\u0437\u0430\u043c\u0435\u043d\u0438\u043c\u044b\u043c \u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a\u043e\u043c \u0434\u043b\u044f Uxer." } }, { "@type": "Question", "name": "\u2713 L'IA remplacera-t-elle les concepteurs UX?", "acceptedAnswer": { "@type": "Answer", "text": "\u0420\u043e\u043b\u044c UX-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u043d\u0435 \u0443\u0441\u0442\u0430\u0440\u0435\u0435\u0442 \u0438\u0437-\u0437\u0430 \u043f\u0435\u0440\u0435\u0434\u043e\u0432\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439. \u0418\u0418 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438, \u0430 \u043d\u0435 \u0443\u0433\u0440\u043e\u0437\u0443. \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0442\u044c, \u0447\u0442\u043e \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442 \u0437\u0430\u043c\u0435\u043d\u0438\u0442 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432 \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u0442 \u0440\u043e\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0437\u043d\u0430\u0435\u043c." } }, { "@type": "Question", "name": "\u2713 Comment l'IA est-elle appliqu\u00e9e dans la conception?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0435 \u0441 \u0418\u0418, \u043c\u043e\u0433\u0443\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u0434\u0435\u0448\u0435\u0432\u043b\u0435 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u043e\u0439 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442. \u0421\u0438\u043b\u0430 \u0418\u0418 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u0441\u044f \u0432 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0435 \u043e\u0431\u044a\u0435\u043c\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430. \u0417\u0430\u0442\u0435\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0438 \u0443\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u0442\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445." } }, { "@type": "Question", "name": "\u2713 L'UX est-il en train de mourir?", "acceptedAnswer": { "@type": "Answer", "text": "UX \u043d\u0438\u043a\u0443\u0434\u0430 \u043d\u0435 \u0434\u0435\u043d\u0435\u0442\u0441\u044f. \u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0440\u043e\u043b\u044c \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c, \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u044e\u0449\u0430\u044f\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u0430 \u0437\u0430\u0442\u0435\u043c, \u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043e\u043c \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0447\u0442\u043e \u043d\u0430\u043c \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u043d\u0443\u0436\u043d\u043e. \u0422\u0430\u043a \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u0432 UX, \u0432\u0430\u0448\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u0432 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438." } } ] }</script> <p></p> </div> <footer class="entry-meta" aria-label="Entry meta" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Catégories </span><a href="https://topuser.pro/fr/ux-design-saita-2/" rel="category tag">Conception de sites Web UX</a>, <a href="https://topuser.pro/fr/konversia-usabiliti-seo/" rel="category tag">Tous les cas</a>, <a href="https://topuser.pro/fr/yuzabiliti-sajta-2/" rel="category tag">Facilité d'utilisation du site</a></span> <span class="tags-links"><span class="screen-reader-text">Étiquettes </span><a href="https://topuser.pro/fr/tag/utilisabilite/" rel="tag">Convivialité</a>, <a href="https://topuser.pro/fr/tag/ii/" rel="tag">ui</a>, <a href="https://topuser.pro/fr/tag/iskusstvennyj-intellekt/" rel="tag">Intelligence artificielle</a>, <a href="https://topuser.pro/fr/tag/juzabiliti/" rel="tag">Convivialité</a>, <a href="https://topuser.pro/fr/tag/juzabiliti-sajtov/" rel="tag">Convivialité des sites</a></span> <span class="comments-link"><a href="https://topuser.pro/fr/convivialite-ux-ainsi-lintelligence-artificielle-2020-2021/#respond" data-no-translation="" data-trp-gettext="">Laisser un commentaire</a></span> </footer> </div> </article> <article id="post-6064" class="post-6064 post type-post status-publish format-standard has-post-thumbnail hentry category-smm-socialnye-seti category-konversia-usabiliti-seo category-optimizirovat-sajt-wordpress tag-usability tag-ux tag-socialnye-seti tag-juzabiliti" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenu" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/fr/comment-ajouter-icones-sociales-votre-site-web/" rel="bookmark">Comment ajouter des icônes sociales à votre site Web.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T11:24:57+03:00" itemprop="dateModified">25 février 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 janvier 2021</time></span> <span class="byline">par <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/fr/author/andre-smetana/" title="Afficher tous les articles de Andre Smetana" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">André Smetana</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/fr/comment-ajouter-icones-sociales-votre-site-web/"> <img width="940" height="788" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20940%20788'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Réseaux sociaux" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg 940w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-300x251.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-600x503.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-768x644.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-560x469.jpg 560w" data-lazy-sizes="(max-width: 940px) 100vw, 940px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg" /><noscript><img width="940" height="788" src="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg" class="attachment-full size-full wp-post-image" alt="Réseaux sociaux" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg 940w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-300x251.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-600x503.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-768x644.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-560x469.jpg 560w" sizes="(max-width: 940px) 100vw, 940px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>D'un simple lien à un flux intégré, des millions de sites Web s'intègrent aux médias sociaux.</p> <p>Pourquoi pas? C'est parfait.</p> <p><strong>Les objectifs du marketing sur les réseaux sociaux sont de promouvoir le contenu, de servir les clients et de nouer des relations.</strong> </p> <p>Ainsi, vous devez connecter votre site aux réseaux sociaux de toutes les manières possibles.</p> <p>Il existe de nombreuses options pour connecter un site Web aux médias sociaux. réseaux. </p> <p><strong>Les cinq principaux types d'intégration des médias sociaux sont:</strong></p> <ol><li>Icônes sociales Réseaux</li><li>Boutons de partage social</li><li>Widgets sociaux Facebook</li><li>Authentification unique (permet aux visiteurs de créer un nouveau compte ou de se connecter à l'aide des identifiants sociaux)</li><li>Canal social intégré</li></ol> <p>Il existe des milliers d'articles sur les meilleures pratiques et de conseils pratiques pour chacune de ces options. Par conséquent, au lieu d'un autre guide, nous montrons <strong>comment NE PAS connecter les réseaux sociaux</strong> sur le site Web.</p> <blockquote class="wp-block-quote"><p>Parfois, l'intégration des médias sociaux est gênante, distrayante et inefficace.</p></blockquote> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/tTQ6I3n1Qu4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading"><strong>1. Ne mettez pas d'icônes sociales dans l'en-tête du site</strong>.</h2> <p>Les en-têtes de sites Web ont de grandes icônes colorées de médias sociaux. Et parce qu'ils sont colorés, ils sont souvent au sommet de la hiérarchie visuelle, l'élément le plus visible sur une page.</p> <p>Imaginez que vous vous rendez dans un magasin et que le plus grand panneau indique «sortie». Serait-ce utile? Probablement pas. Alors pourquoi y a-t-il de grands panneaux de sortie sur chaque page de votre site?</p> <p>N'encouragez pas les visiteurs de votre site à partir. Ne les invitez pas à quitter votre site.</p> <p>Envoyer un visiteur sur une plate-forme de médias sociaux leur donne la possibilité de profiter d'une entreprise d'un milliard de dollars qui se concentre entièrement sur la rétention et la monétisation de ce visiteur. Est-ce bon pour votre marketing?</p> <p>Voici à quoi cela ressemble dans l'en-tête:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="600" height="309" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20309'%3E%3C/svg%3E" alt="Icônes sociales" class="wp-image-10961" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png 600w, https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske-300x155.png 300w" data-lazy-sizes="(max-width: 600px) 100vw, 600px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png" /><noscript><img loading="lazy" decoding="async" width="600" height="309" src="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png" alt="Icônes sociales" class="wp-image-10961" srcset="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png 600w, https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske-300x155.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></figure> <p>Une petite recherche sur les normes de conception Web a révélé qu'en 2015, 26% des principaux sites de marketing avaient des icônes sociales dans l'en-tête. En 2019, ce nombre est tombé à 20%. C'est démodé.</p> <h2 class="wp-block-heading"><strong>La meilleure façon d'ajouter vos icônes sociales</strong>.</h2> <p>Nous vous recommandons de les déplacer vers le pied de page et de les griser. Ici, ils peuvent être trouvés par les personnes qui souhaitent vous suivre, partager et vous mentionner. Et ils ne motiveront pas les visiteurs à quitter le site.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="600" height="236" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20236'%3E%3C/svg%3E" alt="Boutons de médias sociaux gris" class="wp-image-11921" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej-300x118.jpg 300w" data-lazy-sizes="(max-width: 600px) 100vw, 600px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg" /><noscript><img loading="lazy" decoding="async" width="600" height="236" src="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg" alt="Boutons de médias sociaux gris" class="wp-image-11921" srcset="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej-300x118.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></figure> <p>Notez que le bouton d'inscription par e-mail (une interaction plus précieuse pour la marque) est plus visible. Les boutons de réseaux sociaux (qui sont moins importants pour la marque) sont moins visibles.</p> <h2 class="wp-block-heading"><strong>Ce ne sont pas des conseils juridiques, mais ...</strong></h2> <p>Twitter ne veut pas que vous gâchiez son logo. </p> <p>Cela peut en fait constituer une violation des marques de commerce de ces sociétés car vous modifiez leurs logos, qui sont des marques déposées. Je n'ai jamais entendu parler de poursuites judiciaires.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="584" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20584'%3E%3C/svg%3E" alt="Icône sociale" class="wp-image-11923" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-300x219.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-768x561.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-600x438.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="584" src="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg" alt="Icône sociale" class="wp-image-11923" srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-300x219.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-768x561.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-600x438.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <h2 class="wp-block-heading"><strong>Sur quelles icônes sociales vos visiteurs cliquent-ils le plus souvent?</strong></h2> <p>Peu de gens vérifient jamais, mais la question peut être répondue via Google Analytics.</p> <p>Par défaut, GA ne suit que les mouvements d'une page à l'autre, pas toutes les sorties du site. Mais si vous configurez le suivi des événements pour les clics de sortie, vous pouvez voir lesquels sont cliqués sur n'importe quelle page. Voici l'URL de chaque clic pour chaque sortie du site Web depuis notre page d'accueil.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="427" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20427'%3E%3C/svg%3E" alt="Clics sur les réseaux sociaux" class="wp-image-11924" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-300x160.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-768x410.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-600x320.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="427" src="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg" alt="Clics sur les réseaux sociaux" class="wp-image-11924" srcset="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-300x160.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-768x410.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-600x320.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="360" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20360'%3E%3C/svg%3E" alt="Pourcentage de clics sur les icônes pour chaque réseau social" class="wp-image-11926" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-300x135.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-768x346.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-600x270.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="360" src="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg" alt="Pourcentage de clics sur les icônes pour chaque réseau social" class="wp-image-11926" srcset="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-300x135.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-768x346.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-600x270.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <p>Vos icônes de médias sociaux sont comme une enquête montrant quels médias sociaux votre public utilise.</p> <h2 class="wp-block-heading"><strong>Où est le meilleur endroit pour ajouter des icônes sociales?</strong></h2> <p>Outre le pied de page, voici trois des meilleurs et des plus efficaces endroits pour inviter les visiteurs à vous suivre sur les réseaux sociaux.</p> <ul><li><strong>Sur la page des offres d'emploi. </strong>Les visiteurs de cette page sont motivés. Ce sont des professionnels à la recherche de travail. Faites-leur savoir que vous publiez des offres d'emploi sur les réseaux sociaux et invitez-les à vous suivre sur les réseaux sociaux. réseaux.</li><li><strong>Dans le blog.</strong> Partager les boutons. Mais les blogs peuvent faire encore plus pour développer vos réseaux sociaux. pages. Essayez de rédiger un appel à l'action par SMS et de motiver vos visiteurs à s'abonner à vos pages de réseaux sociaux.</li><li><strong>Sur la page de remerciement, </strong>La page de remerciement est un excellent moyen d'obtenir plus de valeur auprès des mêmes visiteurs. Ils sont devenus abonnés, clients ou demandeurs d'emploi, pourquoi ne pas leur proposer autre chose? Ajoutez un CTA (Call to Action) et encouragez-les à suivre votre marque.<br><br></li></ul> <h2 class="wp-block-heading"><strong>2. Ne plaisantez pas avec les comptes morts</strong></h2> <p>Des sites Web partout sont liés à des comptes de médias sociaux qui sont à peine actifs ou complètement morts. C'est comme un lien cassé ou un téléphone déconnecté.</p> <p>Alors, quand devriez-vous ajouter une icône de réseau social?</p> <p>Lorsque ce réseau social est un élément clé de votre stratégie de marketing Internet. Avant d'ajouter une icône Facebook ou Twitter à un nouveau site, posez-vous deux questions.</p> <ol><li><strong>Publiez-vous du contenu là-bas tout le temps? </strong>(canal de publication actif) <br>Le réseau social a au moins autant de contenu pertinent que votre site Web.</li><li><strong>Communiquez-vous avec des personnes sur ce réseau social? </strong>(canal réseau actif) <br>Vous n'êtes pas seulement présent, mais vous communiquez avec les gens, communiquez et établissez des relations. Si quelqu'un pose une question, vous y répondez.</li></ol> <p>La réponse doit être oui pour les deux. Sinon, reportez l'intégration des médias sociaux jusqu'à ce que vous ayez une stratégie de médias sociaux. Il vaut mieux ne pas avoir d'icônes que de boutons qui ne mènent nulle part.</p> <p><strong>La question suivante est où mettre ces icônes sociales?</strong></p> <h2 class="wp-block-heading"><strong>3. N'ajoutez pas de boutons de partage aux pages de service</strong>.</h2> <p>Avez-vous déjà partagé une page de service? Avez-vous déjà vu quelqu'un partager une page de service? <strong>Cela n'arrive presque jamais.</strong></p> <p>Le travail d'une page de service est de transformer les visiteurs en prospects. Les boutons de réseaux sociaux sont juste distrayants, surtout s'ils sont grands et lumineux. Ils ajoutent du bruit visuel mais pas de valeur, ils doivent donc être supprimés. Découpez-les et supprimez le plugin WordPress qui les a ajoutés.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="646" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20646'%3E%3C/svg%3E" alt="Conseils UX. N'ajoutez pas de boutons de partage aux pages de service" class="wp-image-10993" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-300x242.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-600x485.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-768x620.jpg 768w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="646" src="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg" alt="Conseils UX. N'ajoutez pas de boutons de partage aux pages de service" class="wp-image-10993" srcset="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-300x242.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-600x485.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-768x620.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <h2 class="wp-block-heading"><strong>Qu'en est-il des boutons sur les pages de produits e-commerce?</strong></h2> <p>Les gens partagent-ils des produits? Oui, mais presque jamais. Lorsque nous avons examiné un site Web de commerce électronique et comparé les pages vues (Google Analytics) aux promotions sociales (Buzzsumo), nous avons constaté que les promotions comme celle-ci sont rares.</p> <p>Ce n'est que lorsque le public est passionné par le produit qu'il y a des promotions.</p> <p>Dans le catalogue en ligne de Vienna Beef, les produits les plus populaires sont divisés par environ 1 visiteur sur 1000. Et ces promotions sont presque toutes sur Facebook.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="475" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20475'%3E%3C/svg%3E" alt="Même un excellent produit est partagé par 1 visiteur sur 1000" class="wp-image-11928" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-300x178.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-768x456.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-600x356.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="475" src="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg" alt="Même un excellent produit est partagé par 1 visiteur sur 1000" class="wp-image-11928" srcset="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-300x178.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-768x456.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-600x356.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <p>Dans cet esprit, nous avons conçu les boutons de partage pour qu'ils soient moins visibles visuellement que le bouton Ajouter au panier. Parce que l'objectif est les ventes, pas les stocks.</p> <p>Nous avons constaté que l'échange d'informations entre 1 et 1000 visiteurs (c'est 0,001%).</p> <p>Par conséquent, définissez des attentes très faibles pour les promotions sur la page du produit et veillez à ne pas distraire les visiteurs du bouton d'achat.</p> <h2 class="wp-block-heading"><strong>4. Ne montrez pas de petits nombres</strong>.</h2> <p>Preuve sociale dans les deux sens. Si les nombres sont grands, c'est positif. S'ils sont petits, ils sont négatifs, que fait-ils lorsque le contenu semble impopulaire? Triste.</p> <p>Ne vous découragez pas ... mais gardez un œil sur vos widgets.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="784" height="556" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20784%20556'%3E%3C/svg%3E" alt="Ne pas afficher de petits nombres sur les icônes sociales" class="wp-image-10963" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png 784w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-300x213.png 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-600x426.png 600w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-768x545.png 768w" data-lazy-sizes="(max-width: 784px) 100vw, 784px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png" /><noscript><img loading="lazy" decoding="async" width="784" height="556" src="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png" alt="Ne pas afficher de petits nombres sur les icônes sociales" class="wp-image-10963" srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png 784w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-300x213.png 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-600x426.png 600w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-768x545.png 768w" sizes="(max-width: 784px) 100vw, 784px" /></noscript></figure> <p>Choisissez vos widgets avec soin. Si les enjeux sont faibles sur certains réseaux, vous ne pouvez afficher qu'un seul numéro cumulatif pour tous les réseaux sociaux. C'est ce que font beaucoup. Ou utilisez simplement des widgets sans chiffres.</p> <p>Les widgets plus simples ont un autre avantage. Ils se chargent plus vite.</p> <h2 class="wp-block-heading"><strong>5. Méfiez-vous du Javascript lourd</strong>.</h2> <p>Les icônes sociales sont presque en apesanteur. Mais les widgets de réseaux sociaux (partage, abonnement, etc.) sont créés à l'aide de Javascript. Et pour télécharger, ils doivent communiquer avec des serveurs sur Facebook, Twitter, LinkedIn ou Pinterest.</p> <p>Ces demandes supplémentaires peuvent augmenter le temps de chargement de la page d'une demi-seconde ou plus, en particulier pour les widgets sophistiqués.</p> <p><strong>Il existe plusieurs façons d'éviter de gonfler le code créé par les widgets sociaux:</strong></p> <ul><li>Utilisez des widgets simples ... évitez ceux avec des compteurs (promotions, fans, abonnés).</li><li>Utilisez des boutons de partage ultra-légers</li><li>Chargez les widgets sociaux avec Javascript asynchrone pour qu'ils n'aient pas à les charger un à la fois ... ou programmez simplement le site pour qu'il se charge une fois que le reste de la page est déjà chargé.</li></ul> <p>Vous craignez que les widgets sociaux ne vous ralentissent? Auditez vos pages avec Lighthouse dans les outils de développement Chrome.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="403" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20403'%3E%3C/svg%3E" alt="Résultat de l'audit" class="wp-image-10989" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-300x151.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-600x302.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-768x387.jpg 768w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="403" src="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg" alt="Résultat de l'audit" class="wp-image-10989" srcset="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-300x151.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-600x302.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-768x387.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <p>Rendez votre marque sociale et représentative sur votre site Web. Et connectez votre site aux réseaux sur lesquels vous communiquez. Ce sont des actions utiles.</p> <blockquote class="wp-block-quote"><p>Lien vers les réseaux sociaux sur lesquels vous êtes actif</p><p>Placez des widgets sociaux pour ne pas distraire les visiteurs ou ralentir le site</p></blockquote> <p>Avez-vous trouvé ceci utile? Si oui, vous pouvez <a href="https://www.facebook.com/Andrii.Smetana" target="_blank" rel="nofollow">rejoignez-moi sur facebook</a>où je publie des articles intéressants <a href="https://www.youtube.com/channel/UCnZbkI3NVMQpTtGPK920PFw" target="_blank" rel="nofollow">ou abonnez-vous à la chaîne Youtube</a>.</p> <p>Basé sur l'article: https://www.orbitmedia.com/blog/website-social-media-integration/</p> <<iframe width = "560" height = "315" src = "https://www.youtube.com/embed/EPeF4sCmArI" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in image "allowfullscreen></iframe> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Pourquoi dois-je intégrer les réseaux sociaux dans le site?</h2> <div> <p> Pour avoir une opportunité, les internautes partagent votre site ou ses services, des actualités. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Comment ajouter un bouton de réseau social à un magasin?</h2> <div> <p> Utilisez un widget ou un plugin approprié. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Pourquoi vous ne devriez pas utiliser les plugins sociaux réseaux avec compteurs? </h2> <div> <p> Souvent, ces plugins ralentissent beaucoup le site et augmentent le temps d'ouverture de la page d'une demi-seconde à 6 ou plus. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Où est le meilleur endroit pour placer les boutons de médias sociaux?</h2> <div> <p> Sur les pages de remerciement, les blogs, les offres d'emploi sur les sites. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Comment ajouter des icônes de médias sociaux au HTML?</h2> <div> <p> Tout d'abord, nous devons entrer le code Html dans n'importe quel éditeur de texte, ou ouvrir un fichier Html existant dans un éditeur de texte où nous voulons ajouter des icônes de médias sociaux collantes. <br>Maintenant, nous devons placer le curseur juste après la balise <strong>Titre</strong> dans le tag <strong>diriger</strong> Document HTML, puis attachez le lien CDN. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Comment lier une icône en HTML?</h2> <div> <p> Pour insérer une icône, ajoutez le nom de la classe d'icônes à n'importe quel élément HTML en ligne. Les éléments <strong>je</strong> et <strong>envergure </strong>sont largement utilisés pour ajouter des icônes. Toutes les icônes des bibliothèques sont des icônes vectorielles évolutives qui peuvent être personnalisées à l'aide de CSS. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Comment ajouter des icônes de médias sociaux à Font Awesome?</h2> <div> <p> Accédez à la page des icônes sur le site Web de Font Awesome. Ici, vous verrez une liste des icônes disponibles pour utilisation. Toutes les icônes grisées font en fait partie du package premium, vous devrez donc les mettre à jour pour pouvoir les utiliser. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2713 Pourquoi dois-je int\u00e9grer les r\u00e9seaux sociaux dans le site?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u0432\u0430\u0448\u0438\u043c \u0441\u0430\u0439\u0442\u043e\u043c \u0438\u043b\u0438 \u0435\u0433\u043e \u0443\u0441\u043b\u0443\u0433\u0430\u043c\u0438, \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438." } }, { "@type": "Question", "name": "\u2713 Comment ajouter un bouton de r\u00e9seau social \u00e0 un magasin?", "acceptedAnswer": { "@type": "Answer", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442 \u0438\u043b\u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u043f\u043b\u0430\u0433\u0438\u043d." } }, { "@type": "Question", "name": "\u2713 Pourquoi vous ne devriez pas utiliser les plugins sociaux r\u00e9seaux avec compteurs?", "acceptedAnswer": { "@type": "Answer", "text": "\u0417\u0430\u0447\u0430\u0441\u0442\u0443\u044e \u0442\u0430\u043a\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0441\u0438\u043b\u044c\u043d\u043e \u0442\u043e\u0440\u043c\u043e\u0437\u044f\u0442 \u0441\u0430\u0439\u0442 \u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u044e\u0442 \u0432\u0440\u0435\u043c\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442 \u043f\u043e\u043b\u0443-\u0441\u0435\u043a\u0443\u043d\u0434\u044b \u0434\u043e 6 \u0438 \u0431\u043e\u043b\u0435\u0435." } }, { "@type": "Question", "name": "\u2713 O\u00f9 est le meilleur endroit pour placer les boutons de m\u00e9dias sociaux?", "acceptedAnswer": { "@type": "Answer", "text": "\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u043d\u043e\u0441\u0442\u0438, \u0431\u043b\u043e\u0433\u0430\u0445, \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u0439 \u0441\u0430\u0439\u0442\u0430." } }, { "@type": "Question", "name": "\u2713 Comment ajouter des ic\u00f4nes de m\u00e9dias sociaux au HTML?", "acceptedAnswer": { "@type": "Answer", "text": "\u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u0432\u0435\u0441\u0442\u0438 \u043a\u043e\u0434 Html \u0432 \u043b\u044e\u0431\u043e\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0438\u043b\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0444\u0430\u0439\u043b Html \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043b\u0438\u043f\u043a\u0438\u0435 \u0437\u043d\u0430\u0447\u043a\u0438 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0435\u0442\u0435\u0439. <br>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043a\u0443\u0440\u0441\u043e\u0440 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0442\u0435\u0433\u0430 <strong>title<\/strong> \u0432 \u0442\u0435\u0433\u0435 <strong>head<\/strong> \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 Html, \u0430 \u0437\u0430\u0442\u0435\u043c \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443 CDN." } }, { "@type": "Question", "name": "\u2713 Comment lier une ic\u00f4ne en HTML?", "acceptedAnswer": { "@type": "Answer", "text": "\u0427\u0442\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u043e\u043a, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0438\u043c\u044f \u043a\u043b\u0430\u0441\u0441\u0430 \u0437\u043d\u0430\u0447\u043a\u0430 \u043a \u043b\u044e\u0431\u043e\u043c\u0443 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 HTML. \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b <strong>i<\/strong> \u0438 <strong>span <\/strong>\u0448\u0438\u0440\u043e\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u043a\u043e\u0432. \u0412\u0441\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430\u0445 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u043c\u0438 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u043c\u0438 \u0437\u043d\u0430\u0447\u043a\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS." } }, { "@type": "Question", "name": "\u2713 Comment ajouter des ic\u00f4nes de m\u00e9dias sociaux \u00e0 Font Awesome?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u043a\u043e\u043d\u043e\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 Font Awesome. \u0417\u0434\u0435\u0441\u044c \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u043a\u043e\u0432. \u041b\u044e\u0431\u044b\u0435 \u0437\u043d\u0430\u0447\u043a\u0438 \u0441\u0435\u0440\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043f\u0430\u043a\u0435\u0442\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0438\u0445, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c." } } ] }</script> </div> <footer class="entry-meta" aria-label="Entry meta" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Catégories </span><a href="https://topuser.pro/fr/smm-socialnye-seti/" rel="category tag">SMM. Réseaux sociaux.</a>, <a href="https://topuser.pro/fr/konversia-usabiliti-seo/" rel="category tag">Tous les cas</a>, <a href="https://topuser.pro/fr/optimizirovat-sajt-wordpress/" rel="category tag">Optimiser un site sur Wordpress</a></span> <span class="tags-links"><span class="screen-reader-text">Étiquettes </span><a href="https://topuser.pro/fr/tag/utilisabilite/" rel="tag">Convivialité</a>, <a href="https://topuser.pro/fr/tag/ux/" rel="tag">UX</a>, <a href="https://topuser.pro/fr/tag/socialnye-seti/" rel="tag">réseaux sociaux</a>, <a href="https://topuser.pro/fr/tag/juzabiliti/" rel="tag">Convivialité</a></span> <span class="comments-link"><a href="https://topuser.pro/fr/comment-ajouter-icones-sociales-votre-site-web/#respond" data-no-translation="" data-trp-gettext="">Laisser un commentaire</a></span> </footer> </div> </article> <nav id="nav-below" class="paging-navigation" aria-label="Archive Page" data-no-translation-aria-label=""> <span class="screen-reader-text" data-no-translation="" data-trp-gettext="">Navigation des articles</span> <div class="nav-previous"> <span class="prev" title="Précédent" data-no-translation-title=""><a href="https://topuser.pro/fr/2021/01/11/page/2/" data-no-translation="" data-trp-gettext="" >Articles plus anciens</a></span> </div> <div class="nav-links"><span aria-current="page" class="page-numbers current"><span class="screen-reader-text" data-no-translation="" data-trp-gettext="">Page</span>1</span> <a class="page-numbers" href="https://topuser.pro/fr/2021/01/11/page/2/"><span class="screen-reader-text" data-no-translation="" data-trp-gettext="">Page</span>2</a> <a class="next page-numbers" href="https://topuser.pro/fr/2021/01/11/page/2/" data-no-translation="" data-trp-gettext=""><span aria-hidden="true">→</span> suivant</a></div> </nav> </main> </div> </div> </div> <div class="site-footer"> <div data-elementor-type="footer" data-elementor-id="9277" class="elementor elementor-9277 elementor-location-footer" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-38f0fa10 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="38f0fa10" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-79852a91" data-id="79852a91" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6c88b0d9 elementor-widget elementor-widget-heading" data-id="6c88b0d9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">UX AGENCY TOPUSER.PRO</h3> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6884507f" data-id="6884507f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1e420399 elementor-align-right elementor-tablet-align-right elementor-mobile-align-justify elementor-widget elementor-widget-button" data-id="1e420399" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://topuser.pro/fr/nous-contacter/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Contact us</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6a00d619" data-id="6a00d619" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1c2d8414 elementor-align-justify elementor-tablet-align-right elementor-mobile-align-justify elementor-widget elementor-widget-button" data-id="1c2d8414" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action:action=popup:open&settings=eyJpZCI6IjEwNzMyIiwidG9nZ2xlIjpmYWxzZX0="> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">⦿ORDER NOW</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-4aa8f322 elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4aa8f322" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5921a310" data-id="5921a310" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2af82f18 elementor-widget elementor-widget-heading" data-id="2af82f18" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Services</h2> </div> </div> <div class="elementor-element elementor-element-373c6c3d elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="373c6c3d" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/zakazat-audit/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check-circle"></i> </span> <span class="elementor-icon-list-text">Audits</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/zakazat-konsultaciu/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check-double"></i> </span> <span class="elementor-icon-list-text">Consultant</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/razrabotka/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check-square"></i> </span> <span class="elementor-icon-list-text">Développement de</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/usability/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-arrow-circle-right"></i> </span> <span class="elementor-icon-list-text">Conception</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/promotion/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-bacon"></i> </span> <span class="elementor-icon-list-text">Promotion</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5c0f84ec" data-id="5c0f84ec" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-18fdebf5 elementor-widget elementor-widget-heading" data-id="18fdebf5" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Audits</h2> </div> </div> <div class="elementor-element elementor-element-4f9e04b0 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4f9e04b0" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/audit-dutilisation-du-site-commander-un-ux/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Analyse d'utilisabilité</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/kompleksnii-audit-magazina/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Analyse complète du site</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/audit-seo-complet-du-site-et-des-concurrents/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Audit SEO</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/vnutrennayay-optimizaciya-saita/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Analyse d'optimisation interne</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-edfa206" data-id="edfa206" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-48270bdf elementor-widget elementor-widget-heading" data-id="48270bdf" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Consulting Services</h2> </div> </div> <div class="elementor-element elementor-element-284cce47 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="284cce47" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/consultation-seo-et-utilisation/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Consultation SEO</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/consultation-sur-lutilisation-et-lux/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Consultation UX</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/consultation-seo-et-utilisation/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Comment augmenter les revenus du site Web?</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/augmentez-vos-revenus-dans-google-adsense-et-dans-yan/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Augmenter les revenus Google Adsense</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-7b4cd953" data-id="7b4cd953" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7bda44f elementor-widget elementor-widget-heading" data-id="7bda44f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://topuser.pro/fr/nous-contacter/">⦿ Contacts</a></h2> </div> </div> <div class="elementor-element elementor-element-6b6f270 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="6b6f270" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> </span> <span class="elementor-icon-list-text">Business Center «Carnegie Center»</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> </span> <span class="elementor-icon-list-text">Klovs'kyi descent, 7, Kyiv, 02000</span> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/nous-contacter/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-dot-circle"></i> </span> <span class="elementor-icon-list-text">Contact Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="tel: 380930823768"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check"></i> </span> <span class="elementor-icon-list-text">+380 (97) 579-75-41</span> </a> </li> </ul> </div> </div> </div> </div> </div> </section> <footer class="elementor-section elementor-top-section elementor-element elementor-element-cb4bc45 elementor-section-content-middle elementor-section-height-min-height elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-items-middle" data-id="cb4bc45" data-element_type="section" data-settings="{"background_background":"classic","stretch_section":"section-stretched"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a9abe80" data-id="a9abe80" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-93d20ef elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="93d20ef" data-element_type="widget" data-settings="{"layout":"dropdown","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Permutateur de menu" aria-expanded="false" data-no-translation-aria-label=""> <i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"></i><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"></i> <span class="elementor-screen-only" data-no-translation="" data-trp-gettext="">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-93d20ef" class="elementor-nav-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11533"><a href="https://topuser.pro/fr/konversia-usabiliti-seo/" class="elementor-item" tabindex="-1">Tous les cas</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11534"><a href="https://topuser.pro/fr/ux-design-saita-2/" class="elementor-item" tabindex="-1">Conception de sites Web UX</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11535"><a href="https://topuser.pro/fr/ab-testirovanie-saita/" class="elementor-item" tabindex="-1">Test AB</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11536"><a href="https://topuser.pro/fr/yuzabiliti-sajta-2/" class="elementor-item" tabindex="-1">Facilité d'utilisation du site</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11537"><a href="https://topuser.pro/fr/optimizirovat-sajt-wordpress/" class="elementor-item" tabindex="-1">Optimisez votre site WordPress</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11538"><a href="https://topuser.pro/fr/seo-optimizaciya-2/" class="elementor-item" tabindex="-1">Optimisation SEO</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11539"><a href="https://topuser.pro/fr/cro-optimizaciya/" class="elementor-item" tabindex="-1">CRO. Optimisation du taux de conversion.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11540"><a href="https://topuser.pro/fr/smm-socialnye-seti/" class="elementor-item" tabindex="-1">SMM. Réseaux sociaux.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11541"><a href="https://topuser.pro/fr/konversii-uvelichenie/" class="elementor-item" tabindex="-1">Augmenter les conversions</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11542"><a href="https://topuser.pro/fr/trendi/" class="elementor-item" tabindex="-1">Les tendances</a></li> </ul> </nav> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-46564170" data-id="46564170" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-43c4ae23 elementor-widget elementor-widget-heading" data-id="43c4ae23" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">TopUser PRO v. 3.0 © 2015 - 2023. Ukraine. Kyiv. All rights reserved.</p> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3669fe5e" data-id="3669fe5e" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5d87a1af elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5d87a1af" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/privacy-policy/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Politique de confidentialité</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/fr/conditions-dutilisation/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Terms of Use</span> </a> </li> </ul> </div> </div> </div> </div> </div> </footer> </div> </div> <template id="tp-language" data-tp-language="fr_FR"></template> <div class="footer-progress-bar cganimateddesign" style="bottom:52px;"> <div class="customdesign" style="width:52px; height: 52px;"> <canvas style="width:52px; height: 52px"></canvas> <input type="text" class="dial" readonly style=""> <a href="javascript: void(0);" class="btn-top"><img width="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%200'%3E%3C/svg%3E" data-lazy-src="https://topuser.pro/wp-content/plugins/cg-scroll-to-top/images/arrow-top.png" /><noscript><img width="20" src="https://topuser.pro/wp-content/plugins/cg-scroll-to-top/images/arrow-top.png" /></noscript></a> </div> <style> .footer-progress-bar{ height: 52px;width: 52px; right: 30px; } .btn-top {height: 52px;width: 52px;position: absolute;bottom: 0;text-align: center;text-decoration: none;background-size: 50%;top: 0;right: 0;left: 0;margin: auto;} </style> </div> <div data-elementor-type="popup" data-elementor-id="15528" class="elementor elementor-15528 elementor-location-popup" data-elementor-settings="{"entrance_animation":"fadeInLeft","exit_animation":"fadeInLeft","entrance_animation_duration":{"unit":"px","size":"1.5","sizes":[]},"classes":"ignore-toc","a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-75713d6 elementor-section-full_width elementor-section-height-full elementor-section-items-stretch elementor-section-height-default" data-id="75713d6" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39bd4b1" data-id="39bd4b1" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-199387b1 ignore-toc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="199387b1" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-72d035ba" data-id="72d035ba" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-251ce08a elementor-widget elementor-widget-image" data-id="251ce08a" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://topuser.pro/fr"> <img loading="lazy" width="2719" height="1067" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202719%201067'%3E%3C/svg%3E" class="attachment-full size-full wp-image-15483" alt="Topuser" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png 2719w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-300x118.png 300w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1024x402.png 1024w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-768x301.png 768w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1536x603.png 1536w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-2048x804.png 2048w" data-lazy-sizes="(max-width: 2719px) 100vw, 2719px" data-lazy-src="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png" /><noscript><img loading="lazy" width="2719" height="1067" src="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png" class="attachment-full size-full wp-image-15483" alt="Topuser" srcset="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png 2719w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-300x118.png 300w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1024x402.png 1024w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-768x301.png 768w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1536x603.png 1536w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-2048x804.png 2048w" sizes="(max-width: 2719px) 100vw, 2719px" /></noscript> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-357b4dfd" data-id="357b4dfd" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3252749 elementor-widget elementor-widget-heading" data-id="3252749" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"> </h2> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-7cd3bca9 ignore-toc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7cd3bca9" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4e3cd5f6" data-id="4e3cd5f6" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-69e18c4 elementor-widget elementor-widget-heading" data-id="69e18c4" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-large">CATÉGORIES DE SERVICE</h2> </div> </div> <div class="elementor-element elementor-element-85204e8 elementor-widget elementor-widget-text-editor" data-id="85204e8" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <ul><li><a href="https://topuser.pro/fr/razrabotka/">Création de site</a></li><li><a href="https://topuser.pro/fr/razrabotka-dizaina/">Conception</a></li><li><a href="https://topuser.pro/fr/promotion/">Optimisation SEO</a></li><li><a href="https://topuser.pro/fr/zakazat-konsultaciu/">Consultant</a></li><li><a href="https://topuser.pro/fr/zakazat-audit/">Audits</a></li></ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-244a5804" data-id="244a5804" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-94d2fbd elementor-widget elementor-widget-heading" data-id="94d2fbd" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-large">SERVICES POPULAIRES</h2> </div> </div> <div class="elementor-element elementor-element-08c973e elementor-widget elementor-widget-text-editor" data-id="08c973e" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <ul> <li><a href="https://topuser.pro/fr/optimisation-site-web-sur-wordpress/">Optimiser la vitesse de WordPress</a></li> <li><a href="https://topuser.pro/fr/audit-dutilisation-du-site-commander-un-ux/">Audit d'utilisabilité</a></span></li> <li><a href="https://topuser.pro/fr/promotion-de-sites-web-dans-google/">Promotion du site Web</a></li> <li><a href="https://topuser.pro/fr/commander-creation-site-sur-wordpress/">Développement de site Web sur WordPress</a></li> <li><a href="https://topuser.pro/fr/developpement-boutique-ligne/">Développement d'une boutique en ligne</a></li> </ul> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <div data-elementor-type="popup" data-elementor-id="10732" class="elementor elementor-10732 elementor-location-popup" data-elementor-settings="{"entrance_animation":"zoomIn","prevent_scroll":"yes","entrance_animation_duration":{"unit":"px","size":1.2,"sizes":[]},"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-2608f807 elementor-section-full_width elementor-section-height-min-height elementor-section-items-stretch elementor-section-content-middle elementor-reverse-mobile elementor-section-height-default" data-id="2608f807" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6cc9e144" data-id="6cc9e144" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-408ff92e elementor-widget elementor-widget-heading" data-id="408ff92e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">CONTACTS</h2> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-53e429d4 elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="53e429d4" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-557cc6ac" data-id="557cc6ac" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-78c72ea elementor-align-left elementor-widget elementor-widget-button" data-id="78c72ea" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://t.me/Andre_Smetana" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-telegram-plane"></i> </span> <span class="elementor-button-text">Écrire au télégramme</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-31553cf elementor-align-left elementor-widget elementor-widget-button" data-id="31553cf" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://api.whatsapp.com/send?phone=380975797541" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-whatsapp-square"></i> </span> <span class="elementor-button-text">Écrivez à WhatsApp</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-d0e018a elementor-align-left elementor-widget elementor-widget-button" data-id="d0e018a" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://join.skype.com/invite/icjZMN6lvUqw" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-skype"></i> </span> <span class="elementor-button-text">Ecrire sur Skype</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-779bbba elementor-align-left elementor-widget elementor-widget-button" data-id="779bbba" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="viber://chat?number=%2B380975797541" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-viber"></i> </span> <span class="elementor-button-text">Écrire à Viber</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-64508e7 elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="64508e7" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8bf9f35" data-id="8bf9f35" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6e28e30 elementor-align-left elementor-widget elementor-widget-button" data-id="6e28e30" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://t.me/Andre_Smetana" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-telegram-plane"></i> </span> <span class="elementor-button-text">Télégramme</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-6360e90 elementor-align-left elementor-widget elementor-widget-button" data-id="6360e90" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://api.whatsapp.com/send?phone=+380931197617" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-whatsapp-square"></i> </span> <span class="elementor-button-text">Whatsapp</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-aeb29f4 elementor-align-left elementor-widget elementor-widget-button" data-id="aeb29f4" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://join.skype.com/invite/icjZMN6lvUqw" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-skype"></i> </span> <span class="elementor-button-text">Skype</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-52e7793 elementor-align-left elementor-widget elementor-widget-button" data-id="52e7793" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="viber://chat?number=%2B380975797541" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-viber"></i> </span> <span class="elementor-button-text">Viber</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <div data-elementor-type="popup" data-elementor-id="16311" class="elementor elementor-16311 elementor-location-popup" data-elementor-settings="{"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-30de8d6d elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="30de8d6d" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9bb532b" data-id="9bb532b" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-273d3373 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="273d3373" data-element_type="section" data-settings="{"background_background":"video","background_video_link":"https:\/\/topuser.pro\/wp-content\/uploads\/2021\/03\/audit-mobilnogo-prilogeniya.mp4"}"> <div class="elementor-background-video-container elementor-hidden-phone"> <video class="elementor-background-video-hosted elementor-html5-video" autoplay muted playsinline loop></video> </div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4dfeca06" data-id="4dfeca06" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-1771a57b elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="1771a57b" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-78aa5c80" data-id="78aa5c80" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-24a6f4ca animated-slow elementor-invisible" data-id="24a6f4ca" data-element_type="column" data-settings="{"background_background":"gradient","animation":"slideInDown"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-257019da elementor-widget elementor-widget-heading" data-id="257019da" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Retour d'appel</h2> </div> </div> <div class="elementor-element elementor-element-96977a4 elementor-widget elementor-widget-heading" data-id="96977a4" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Ecrivez-nous</p> </div> </div> <div class="elementor-element elementor-element-69d5a14a elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="69d5a14a" data-element_type="widget" data-settings="{"step_next_label":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f","step_previous_label":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" name="New Form" action=""> <input type="hidden" name="post_id" value="16311"/> <input type="hidden" name="form_id" value="69d5a14a"/> <input type="hidden" name="referer_title" value="janvier 11, 2021 - Проектирование и Продвижение сайтов | TopUser.PRO" /> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100"> <label for="form-field-name" class="elementor-field-label elementor-screen-only"> Nom </label> <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Nom"> </div> <div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-100 elementor-field-required"> <label for="form-field-phone" class="elementor-field-label elementor-screen-only"> Téléphone </label> <input size="1" type="tel" name="form_fields[phone]" id="form-field-phone" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Téléphone" required="required" aria-required="true" pattern="[0-9()#&+*-=.]+" title="Seuls les chiffres et les caractères de téléphone (#, -, *, etc.) sont acceptés." data-no-translation-title=""> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons"> <button type="submit" class="elementor-button elementor-size-sm elementor-animation-sink"> <span > <span class="elementor-button-icon"> </span> <span class="elementor-button-text">Envoyer le message</span> </span> </button> </div> </div> <input type="hidden" name="trp-form-language" value="fr"/></form> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <script id="trp-dynamic-translator-js-extra"> var trp_data = {"trp_custom_ajax_url":"https:\/\/topuser.pro\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/topuser.pro\/wp-admin\/admin-ajax.php","trp_language_to_query":"fr_FR","trp_original_language":"ru_RU","trp_current_language":"fr_FR","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","alt","content"],"gettranslationsnonceregular":"eace0ed59e","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; </script> <script id="contact-form-7-js-extra"> var wpcf7 = {"api":{"root":"https:\/\/topuser.pro\/fr\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; </script> <!--[if lte IE 11]> <script src="https://topuser.pro/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.1.0" id="generate-classlist-js"></script> <![endif]--> <script src="https://www.google.com/recaptcha/api.js?render=6LfsJLMUAAAAAJgKNa0BCZ05BtmC8d6W4nkE981D&ver=3.0" id="google-recaptcha-js"></script> <script id="wpcf7-recaptcha-js-extra"> var wpcf7_recaptcha = {"sitekey":"6LfsJLMUAAAAAJgKNa0BCZ05BtmC8d6W4nkE981D","actions":{"homepage":"homepage","contactform":"contactform"}}; </script> <script src="https://topuser.pro/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef" id="wp-i18n-js"></script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/topuser.pro\/wp-admin\/admin-ajax.php","nonce":"ed90bfaafc","urls":{"assets":"https:\/\/topuser.pro\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/topuser.pro\/fr\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"fr_FR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/topuser.pro\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Partager sur Facebook","shareOnTwitter":"Partager sur Twitter","pinIt":"\u00c9pinglez-le","download":"T\u00e9l\u00e9charger","downloadImage":"T\u00e9l\u00e9charger l'image","fullscreen":"Plein \u00e9cran","zoom":"Zoom","share":"Partager","playVideo":"Lire la vid\u00e9o","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","close":"Fermer","a11yCarouselWrapperAriaLabel":"Carousel | Scroll horizontal: Fl\u00e8che gauche & droite","a11yCarouselPrevSlideMessage":"Diapositive pr\u00e9c\u00e9dente","a11yCarouselNextSlideMessage":"Diapositive suivante","a11yCarouselFirstSlideMessage":"Ceci est la premi\u00e8re diapositive","a11yCarouselLastSlideMessage":"Ceci est la derni\u00e8re diapositive","a11yCarouselPaginationBulletMessage":"Aller \u00e0 la diapositive"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Portrait mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Paysage","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablette en mode portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablette en mode paysage","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Portable","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"\u00c9cran large","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.18.2","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"additional_custom_breakpoints":true,"theme_builder_v2":true,"block_editor_assets_optimize":true,"landing-pages":true,"e_image_loading_optimization":true,"e_global_styleguide":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/topuser.pro\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper-container","settings":{"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":0,"title":"janvier 11, 2021 - \u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u043e\u0432 | TopUser.PRO","excerpt":""}}; </script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://topuser.pro/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script> <script>"use strict";var wprRemoveCPCSS=function wprRemoveCPCSS(){var elem;document.querySelector('link[data-rocket-async="style"][rel="preload"]')?setTimeout(wprRemoveCPCSS,200):(elem=document.getElementById("rocket-critical-css"))&&"remove"in elem&&elem.remove()};window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><script src="https://topuser.pro/wp-content/cache/min/1/f1b47e85098a0b499083f3f32c8f3255.js" data-minify="1"></script><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap" /><link rel="stylesheet" href="https://topuser.pro/wp-content/cache/min/1/1003eac901a63f4b733ddaaad2eb55da.css" media="all" data-minify="1" /></noscript></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->