7 avril 2021 : 100 % du trafic mobile sur les wikis Fandom est désormais desservis par FandomMobile par défaut.

FandomMobile est la nouvelle expérience web mobile que nous avons déployé sur une sélection de wikis Fandom le 2 février 2021, après un bêta test réussi et des déploiements limités sur Gamepedia en décembre et janvier.

C'était la première étape vers une expérience globale unifiée entre les wikis de Fandom et de Gamepedia (précédemment connue sous le nom de « Phase 2 » de la plate-forme communautaire unifiée), en tirant parti des éléments réussis des deux expériences du site pour les administrateurs, les contributeurs et les lecteurs. Comme pour la plateforme dans son ensemble, vos commentaires sont pris en compte dans notre processus de développement, alors n'hésitez pas à les partager.

Contexte[modifier le wikicode]

Le web mobile est le point d'entrée le plus direct dans le nouveau processus de conception pour deux raisons principales :

  • L'expérience de Gamepedia est déjà basée sur l'habillage mobile de MediaWiki qui nous fournit la base technique la plus solide sur laquelle nous pouvons nous appuyer.
  • L'impact de ce travail atteindra la majorité de nos utilisateurs, puisqu'en moyenne 56~64% de notre trafic total provient des appareils mobiles chaque mois.

Bien que ces conceptions apporteront également de belles améliorations pour les contributeurs mobiles (un groupe qui s'agrandit beaucoup avec la disponibilité récente de l'édition mobile sur l'UCP pour les wikis Fandom), les principaux avantages se situeront au niveau de la lisibilité, de l'accessibilité et des performances pour tous les utilisateurs mobiles. La conception des ordinateurs de bureau prendra plus de temps et vous aurez l'occasion de donner votre avis à ce sujet dès le départ.

FandomMobile utilise les fondations du web mobile de Gamepedia, basées sur le propre habillage mobile de MediaWiki et l'extension MobileFrontend. En adoptant cette approche, nous obtenons des avantages comme…

  • Nombre élevé de codes partagés avec expérience de bureau
  • Mises à jour de la Wikimedia Foundation
  • Meilleure performance que l'habillage web mobile de Fandom
  • Support de tous les espaces de noms MediaWiki, y compris les pages spéciales pour mobiles !

En plus de cette base, nous sommes en mesure d'apporter des améliorations mobiles conçues par Fandom comme…

  • Infoboxes portables
  • Nouvelles galeries mobiles
  • Tableaux mobiles

Pour créer FandomMobile, nous avons examiné les commentaires que nous avons reçus au fil des ans des utilisateurs de Fandom et de Gamepedia sur les expériences du web mobile, puis nous avons repris les idées de conception avec les parties prenantes internes de toute l'entreprise, ce qui nous a permis de mettre au point ce que vous allez tester maintenant. Un thème récurrent dans les commentaires et les conversations était la mauvaise expérience dans la façon dont certains éléments se transforment lorsque vous passez du bureau au mobile, en particulier autour des images, du rognage des images de l'infobox, de la mise en page des galeries, des légendes des images, etc. Ces éléments ont été présentés d'une manière qui a conduit à une mauvaise expérience pour les lecteurs à laquelle les contributeurs n'ont pas pu remédier, ce qui signifie que c'est à Fandom d'aider à corriger cela.

Plongeons dans quelques maquettes de conception. Veuillez noter qu'elles ne sont pas représentatives de la version finale, qu'elles ont été créées dans un logiciel de conception de Gamepedia avec un contenu de remplissage hilarant, et qu'elles ont été saisies avant la mise en ligne du bêta test en décembre. Des captures d'écran de production de Fandom suivront.

Thème clair et sombre sur mobile[modifier le wikicode]

Light and dark.png

On a compris. Vous voulez des options de thème clair et sombre. Nous sommes d'accord. C'est une question de lisibilité. Nous travaillons pour que cela devienne une réalité pour vous, alors restez à l'écoute sur Fandom :)

Navigation globale[modifier le wikicode]

Global nav.png

Pour la navigation globale, nous voulions que la barre de recherche ne se limite pas à la recherche, mais qu'elle offre également des options de découverte de ce qui est pertinent sur un wiki en particulier et sur la plateforme dans son ensemble. Les cas d'utilisation que nous avons identifiés sont la recherche de contenu de wiki, la découverte de contenu de wiki et l'accès à des liens globaux. Deux options ont été présentées, celle que vous voyez ci-dessus, qui affiche les liens globaux au-dessus de la barre de recherche et les options de découverte en dessous, et une seconde qui affiche un panneau de liens globaux sous les options de recherche avant la découverte. L'option que nous avons choisie était la plus élégante des deux et respectait le plus l'intention de l'utilisateur, qui était de faire une recherche sur le wiki. Vous remarquerez peut-être le basculement entre ce wiki et tous les wikis. Nos tests de recherche ont conclu qu'offrir ce bouton était une bonne expérience pour l'utilisateur, mais nous continuons à recueillir des données et des commentaires sur ce que devrait être sa fonctionnalité exacte. Pour l'instant, la valeur par défaut est « Ce Wiki » pour tout le monde.

Navigation locale[modifier le wikicode]

Wiki nava.png

Avec la navigation locale, nous voulions que les utilisateurs aient accès à ce que les administrateurs ont mis dans la navigation principale de manière discrète, leur permettant de tirer le meilleur parti du contenu qu'ils consultent. Le changement ici est une nouvelle unité affichée sous la navigation globale qui présente le nom de la communauté et un point d'entrée pour ouvrir la navigation locale. Lorsque l'utilisateur commence à faire défiler la page, la navigation locale et la navigation globale fusionnent en une seule unité combinée qui permet un accès ininterrompu à la page d'accueil du wiki, la navigation locale et la recherche (qui invoque la navigation globale) même lorsque l'utilisateur fait défiler la page.

Sommaire[modifier le wikicode]

Toc.png

Un sommaire d'article est, comme vous le savez, un élément essentiel de l'interface pour présenter la vue d'ensemble du contenu, montrer comment le contenu est organisé et naviguer dans ce contenu. Sur un téléphone portable, le rôle de navigation du sommaire devient de plus en plus nécessaire, mais son rôle de vue d'ensemble pourrait devenir à la limite de l'intrusion si l'utilisateur doit faire défiler le contenu pour l'atteindre. Pour résoudre ce problème, nous avons examiné trois options différentes :

  1. Un sommaire faisant partie de la page de l'article elle-même, sous l'infobox et l'introduction
  2. Une barre de sommaire flottante qui défile avec l'utilisateur
  3. Une icône flottante sommaire qui défile avec l'utilisateur et peut invoquer la barre lorsqu'on appuie dessus

Les équipes chargées de la croissance et de la conception se sont penchées sur ces options et ont fini par choisir l'option 3, car elle accroît l'utilité de du sommaire à des fins de navigation tout en la rendant plus accessible aux utilisateurs pendant leur lecture. Fandom avait l'habitude d'avoir le sommaire sur les téléphones portables et nous la ramenons parce qu'elle améliore grandement la convivialité.

Galeries[modifier le wikicode]

Gallery 1.png

Avec les Galeries, nous avons entendu haut et fort qu'il y avait deux problèmes majeurs dans la façon dont les galeries de Fandom se transforment sur mobile : l'absence de légendes pour fournir le contexte nécessaire et la disposition en mosaïque qui fausse la priorité des images. Là encore, nous avons examiné trois options de conception :

  1. Une liste d'images défilant verticalement avec une largeur fixe et une hauteur variable, affichant des légendes sous l'image.
  2. Une mosaïque à défilement vertical de deux colonnes d'images de hauteur variable et de largeur fixe, affichant des légendes sous chaque image
  3. Une mosaïque verticale de deux colonnes d'images de largeur et de hauteur fixes, affichant des légendes sous chaque image

Le groupe de travail a choisi l'option 2, que vous voyez ci-dessus avec le décalage amusant entre les images de la Dota 2 et les légendes de Game of Thrones. L'option 2 offrait le meilleur mélange de qualité et de quantité d'images en ne forçant pas un recadrage à se conformer à la hauteur fixée mais en montrant également les images côte à côte. Vous remarquerez que l'affichage des légendes était une grande priorité pour nous, qui s'est basée sur les commentaires des utilisateurs.

Visionneuse[modifier le wikicode]

Lightbox mockup.png

Avec la visionneuse, nous voulions nous assurer que les utilisateurs puissent profiter de l'image en grand format, lire la légende, naviguer vers d'autres images et obtenir des informations utiles sur la licence (si elle est pertinente), une expérience qui ne se produit pas du tout sur Gamepedia aujourd'hui et seulement partiellement sur Fandom. Plutôt que d'envoyer l'utilisateur sur une deuxième page pour obtenir des détails sur la licence, comme nous l'avions envisagé au départ, nous avons choisi de faire de cette expérience une fenêtre contextuelle qui peut être invoquée avec ce bouton d'information afin de réduire le nombre de visites de la page nécessaires pour trouver cette information. Combiné avec les améliorations de la galerie, nous pensons que c'est une grande amélioration, en particulier pour les communautés qui ont beaucoup de photos, de captures d'écran et des illustrations.

Personnalisation[modifier le wikicode]

L'expression de l'identité de votre wiki est un enjeu important pour les communautés, avec un écart marqué entre la façon dont cela se fait sur Fandom et la façon dont cela se fait sur Gamepedia. L'unification de l'expérience thématique entre Fandom et Gamepedia est une conversation permanente que nous avons en interne, nous limitons donc la portée de la personnalisation pour le moment.

Recueil des retours[modifier le wikicode]

Pour nous faire part de vos commentaires sur la nouvelle expérience, veuillez contacter votre Gestionnaire de Wiki (si possible), créer un ticket de support, ou nous contacter sur notre serveur Discord officiel. Nous vous invitons à nous faire part de vos réflexions et de vos critiques constructives sur l'avenir des wikis sur le web mobile !

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA.