Centre des communautés
Advertisement
Centre des communautés

Hé les gens !

Comme nous l'avions promis dans la présentation de FandomDesktop en mars dernier, nous poursuivons notre approche « Plus c'est plus » (More Is More) pour présenter en avant-première les changements qui seront apportés à Fandom et Gamepedia pour les utilisateurs d'ordinateurs de bureau, plus tard ce printemps et cet été. Plus de transparence, plus de réflexion sur la conception et plus d'examens approfondis de ce qui change avant le déploiement.

Aujourd'hui, nous examinons comment améliorer le Concepteur de thème sur FandomDesktop avec de nouvelles fonctionnalités, des solutions plus performantes et plus d'options de personnalisation pour donner vie à l'identité de votre communauté.

Nouveau look, nouvelles fonctionnalités

Dans le cadre du projet UCX, nous avons recréé le Concepteur de thème à partir de zéro afin d'en faire une meilleure fonctionnalité afin d'améliorer la nouvelle expérience. Sur d'autres aspects de l'UCX, nous nous concentrons davantage sur l'optimisation des fonctionnalités existantes pour la nouvelle expérience, mais avec le Concepteur de thème, nous avons écouté les besoins des utilisateurs et nous profitons de cette opportunité pour passer au niveau supérieur.

Vers la gauche, vers la gauche

Depuis le lancement de l'actuel Concepteur de thème, les utilisateurs d'ordinateurs de bureau ont tendance à utiliser des écrans plus larges, car la technologie graphique s'est considérablement améliorée et celui de l'affichage a suivi cette tendance. C'est pourquoi nous avons remanié le Concepteur de thème pour qu'il s'affiche à gauche plutôt qu'en haut. Cela permet d'afficher une plus grande partie de votre page en un coup d'œil lorsque vous effectuez des tâches de conception, ce qui rend ces tâches plus faciles à réaliser.

Theme Designer Light.png

Des changements réels sur des pages réelles

La nouvelle expérience de prévisualisation du Concepteur de thème est une expérience interactive. Vous pouvez sélectionner une page existante sur le wiki pour servir d'exemple en tant qu'aperçu. Votre contenu, et non le contenu de l'espace réservé, reçoit directement les ajustements lorsque vous jouez avec le thème.

Theme Designer - Page URL.png

Cela vous permet de voir comment des pages particulières et leur mise en forme spécifique réagissent aux modifications que vous testez directement via l'aperçu, plutôt que de devoir appliquer les modifications, quitter le Concepteur de thème, vérifier la page en question, puis revenir en arrière si elle n'est pas comme vous le souhaitiez. Si vous voulez voir une autre page, vous pouvez modifier la cible de la page dans la barre d'URL du volet de prévisualisation et celle-ci sera mise à jour.

Vous vous souvenez du coût d'interaction de l'aperçu de la navigation, c'est-à-dire la somme des efforts mentaux et physiques nécessaires pour atteindre un résultat souhaité ? Cela réduit SIGNIFICATIVEMENT le coût d'interaction pour le travail du Concepteur de thème en vous donnant une meilleure idée des modifications qui affectent directement les éléments.

Oh… et les modifications de votre favicon peuvent maintenant être visualisées en direct dans la barre d'URL de la fenêtre d'aperçu !

Jour et nuit

Comme vous l'avez sans doute remarqué dans les précédents aperçus de FandomDesktop, nous allons prendre en charge la thématisation claire et sombre de manière native avec la nouvelle expérience, y compris la prise en charge des deux thèmes dans le Concepteur de thème !

Vous pourrez facilement basculer entre les deux thèmes dans l'interface du Concepteur de thème pour travailler sur chacun d'eux et voir les différences, le tout dans la même fenêtre d'aperçu. Vous aurez également la possibilité de définir le thème par défaut de la communauté, afin de présenter aux lecteurs l'expérience que vous, en tant qu'administrateurs de wiki, considérez comme la meilleure option pour votre wiki.

Une brève remarque sur la façon dont les thèmes Clair et Sombre fonctionnent en termes de choix utilisateur :

  • Au moment du lancement, les thèmes Clair et Sombre seront limités aux utilisateurs connectés par le biais d'une préférence utilisateur.
    • Si l'utilisateur n'a pas fait de choix, le thème sélectionné par l'administrateur apparaîtra comme l'expérience par défaut sur un wiki particulier.
  • Le bouton accessible directement depuis l'interface, montré dans de nombreuses maquettes de conception, est actuellement prévu pour être déployé avant que le premier lot de wikis soit converti à FandomDesktop pour leur expérience globale.
  • Le bouton sera disponible à la fois pour les utilisateurs connectés et les utilisateurs déconnectés (anonymes).
    • Pour les utilisateurs connectés, le bouton enregistrera votre choix comme un changement dans vos préférences globales pour le thème Clair ou Sombre
    • Pour les utilisateurs anonymes, la bascule enregistrera votre préférence pour la session. Lors de l'ouverture d'une nouvelle session, les utilisateurs anonymes seront considérés comme n'ayant aucune préférence et se verront afficher le thème par défaut sélectionné par l'administrateur sur un wiki donné.

Nous avons eu besoin d'un peu plus de temps pour développer la logique des préférences et du basculement. Dans l'esprit d'une plus grande transparence, nous voulions que vous soyez tous informés à l'avance de ce léger changement par rapport à ce qui a été montré.

Choix de polices personnalisées

Theme Designer - Font.png

Intégré de façon native dans l'expérience, le Concepteur de thème comprendra la possibilité de choisir des polices personnalisées pour le texte de vos titres/sous-titres. Nous commencerons avec 5 polices additionnelles approuvées par l'équipe Product Design (Conception de produits) pour leur facilité d'utilisation et leur accessibilité. Ces polices sont Rubik, Work Sans, Lora, Roboto Slab, BioRhyme et Inknut Antiqua, qui sont présentées dans la capture d'écran ci-dessus. D'autres polices personnalisées peuvent toujours être utilisées via le CSS, à condition qu'elles respectent les normes d'accessibilité.

Améliorations significatives

En plus de modifier le fonctionnement de la fonctionnalité d'un point de vue fondamental, nous avons également profité de l'occasion pour apporter quelques améliorations basées sur les commentaires des utilisateurs et les expériences acquises lors des migrations de la Plateforme Communautaire Unifiée.

Meilleures solutions de stockage

L'ancien Concepteur de thème stocke certains fichiers, comme le logo du wiki, dans un emplacement extérieur à MediaWiki. Cela a causé des problèmes lors des migrations UCP car ces images n'ont parfois pas migré correctement et étaient difficiles à récupérer par la suite.

À l'avenir, TOUT le stockage des fichiers liés au Concepteur de thème reposera sur la gestion des fichiers de MediaWiki, ce qui donnera aux administrateurs de wikis la possibilité de contrôler leurs images et leurs versions à l'aide des outils MediaWiki, plutôt que la gestion propriétaire limitée de l'expérience précédente du Concepteur de thème. Cela permettra d'éviter les problèmes liés aux changements de gestion des fichiers que nous pourrions être amenés à faire, puisque le Concepteur de thème sera traité de la même manière que le reste du wiki, plutôt que d'avoir un autre système à migrer.

Plus de couleurs et de meilleures façons de les choisir !

Dans l'ancien Concepteur de thème, vous avez deux façons de choisir les couleurs : les échantillons ou les codes hexadécimaux. C'est très bien pour les administrateurs avertis qui connaissent les codes hexadécimaux sur le bout des doigts ou qui choisissent par hasard l'une des couleurs dans nos sélections d'échantillons. Mais au-delà de ça, ce n'est pas génial pour la créativité.

Legacy Swatch Picker.png

Dans le nouveau Concepteur de thème, nous commençons par un sélecteur de couleurs qui vous offre un TRÈS GRAND choix dans tout le spectre de la lumière visible… ou vous pouvez toujours saisir un code hexadécimal si vous le souhaitez.

Better Color Picker.png

Nous nous tournons déjà vers l'avenir pour cette fonctionnalité, avec le désir d'aller encore plus loin que ces options, notamment en prenant davantage en charge l'accessibilité. L'équipe CATS vous en dira plus après le déploiement initial de FandomDesktop !

Theme Designer - Color.png

Plus c'est grand, mieux c'est

Comme je l'ai mentionné précédemment, la résolution des écrans a augmenté avec les progrès de la technologie graphique, parallèlement à la technologie d'affichage. Nous nous dirigeons vers un usage courant des écrans 8K et nous devons donc évoluer avec vos choix technologiques.

Grâce à cette tendance et aux demandes spécifiques de la communauté des créateurs, la taille limite des fichiers d'arrière-plan passera de 300 kio à 1 Mio.

Des logos à gogo !

L'une des grandes différences entre Gamepedia et Fandom en termes de conception est la manière dont l'identité de la communauté est présentée sous la forme d'un logo de wiki. Les wikis Gamepedia utilisent un avatar carré, tandis que les wikis Fandom utilisent un symbole rectangulaire.

Theme Designer - Logo.png

Avec la nouvelle expérience FandomDesktop, nous prendrons en charge les deux styles dans un nouveau format unifié appelé simplement Logo. La résolution de téléchargement pourra atteindre 500×500 pixels, ce qui permettra aux deux formats de s'adapter et de profiter des avantages des écrans à plus haute résolution. Sur le bureau, les logos de type avatar s'afficheront en 100×100 (80×80 sur tablette). Les logos de type Symbole continueront de s'afficher en 250×65.

Theme-Designer-Avatar-Scroll.png

Nous encourageons les wikis à opter pour un logo de type avatar. Le logo carré de type avatar est plus facile à utiliser pour promouvoir l'identité du wiki, dans un plus grand nombre d'endroits, que le logo rectangulaire de type symbole. Lorsque vous faites défiler une page d'article, le logo carré peut s'enrouler dans la navigation locale épinglée, ce qui maintient l'identité du wiki en haut de votre écran. Un logo rectangulaire réduirait trop l'espace de navigation utilisable. La présence du logo dans la navigation épinglée lors du défilement est facultative. Nous avons également d'autres fonctionnalités en développement qui utiliseront cet élément plus portable de l'identité de votre wiki. Nous vous en dirons plus lorsqu'elles seront prêtes pour le public.

Les thèmes doivent être fluide

Vous avez probablement lu tout ceci et vous vous demandez : « Ok, mais comment cela va-t-il fonctionner pendant la transition ? » L'équipe CATS a lancé un certain nombre d'idées sur cette question spécifique. Comment faire pour que la transition vers une nouvelle apparence et un nouveau Concepteur de thème soit la moins pénible possible ? Ce qu'ils ont trouvé est assez génial avec des flux séparés pour amener les wikis Fandom et Gamepedia au même résultat, fonctionnellement parlant.

Pour les wikis Fandom, le choix vous appartient

Lorsque vous vous connectez à FandomDesktop en tant qu'administrateur, l'accès au Concepteur de thème vous offre un choix. Vous pouvez soit importer votre thème existant ou vous pouvez commencer à partir de zéro. Si vous choisissez de repartir à zéro, nous vous donnerons une ardoise propre et vous laisserons explorer la nouvelle expérience du Concepteur de thème sans qu'aucune décision de thématisation précédente ne fasse partie de votre conception initiale de FandomDesktop.

Theme Designer Choice.png

Note : vous ne perdrez PAS votre thème existant si vous faites cela. À tout moment pendant la période de lancement, vous pouvez décider d'importer le thème existant, vous pouvez le récupérer dans la section historique des thèmes et le Concepteur de thème traduira votre ancien thème Oasis en un nouveau thème FandomDesktop. Pour les wikis qui n'ont pas d'administrateurs actifs pendant la période de lancement, la logique d'auto-importation convertira les anciens thèmes Oasis en thèmes FandomDesktop lorsque le wiki sera entièrement transféré vers la nouvelle expérience.

Pour l'importation d'un thème existant, le Concepteur de thème utilisera une certaine logique des couleurs pour regarder votre thème Oasis pendant le processus d'importation et déterminer si le thème est clair ou sombre et le sauvegarder en conséquence. Dans le même temps, il fera de son mieux pour vous créer un thème opposé approprié pour l'autre option. Par exemple, si Wookieepedia importe son thème, le Concepteur de thème l'attribuera au mode clair, puis à un thème standard pour le mode sombre. Pour ma part, j'ai vraiment hâte de voir les différents thèmes du côté clair et du côté sombre de la Force des différents wikis Star Wars sur la plateforme.

Le flux d'importation de Gamepedia

Gamepedia n'a jamais eu de Concepteur de thème, car toutes les mises en page étaient faites par des Représentants de Wiki ou des administrateurs par le biais du CSS dans le cadre du processus de création des wikis. Quand un wiki anciennement issu de Gamepedia passe sur FandomDesktop, le thème initial contiendra le favicon, le logo et un thème par défaut clair ou sombre déterminé par le fait que le thème historique utilise Hydra ou HydraDark. Tout le reste sera nouveau. Étant donné l'approche de la page vierge, les équipes Community Experience et Community Development fourniront une assistance spéciale pour la création de thèmes pour les wikis Gamepedia historiques. Nous aurons plus d'informations à ce sujet à l'approche du lancement.

Nous avons plus d'informations à venir sur la personnalisation, avec des informations détaillées pour les personnes qui connaissent le CSS sur la façon dont les fichiers, les valeurs, les sélecteurs, les variables et autres changent avec FandomDesktop. Attendez-vous à ce que cela arrive à l'approche de la fenêtre de lancement, pour lequel j'annoncerai [‌MisterWoodhouse] bientôt une date !

Et maintenant, comme toujours, je vais prendre vos questions et y répondre au mieux par rapport à mes connaissances !


Vous pouvez consulter l'article original ici (en anglais).

Vous souhaitez être informé(e) sur les billets postés en rapport avec l'actualité Fandom ?
Alors cliquez ici pour suivre ce blog.

Vous aimeriez en savoir plus sur la construction et l'utilisation d'un wiki ?
Lisez nos guides sur les bonnes pratiques pour garder votre communauté en pleine croissance et en bonne santé.

Vous souhaitez un accès à temps réel à vos camarades éditeurs et au staff ?
Rejoignez notre serveur Discord officiel pour les utilisateurs enregistrés !

Advertisement