Blog utilisateur:Wyz/Prototype d'une nouvelle mise en page des articles

Salutations, Wikiens. Alors que nous finissons l'année 2014, je souhaite vous parler de la direction envisagée pour l'année prochaine avec quelques idées d'apparence pour les pages d'article. Nous sommes aux toutes premières étapes de test de diverses mises à jour de la mise en page des articles, avec l'aide de quelques communautés.

Les articles sont de loin le type de page le plus commun sur Wikia et, pour la plupart des utilisateurs, ils sont leur « porte d'entrée ». C'est-à-dire, les utilisateurs arrivent sur Wikia en effectuant une recherche, et leur première expérience avec le site et la communauté est un article. Faire en sorte que cette expérience soit juste peut faire la différence entre quelqu'un devenant un utilisateur régulier de Wikia et quelqu'un qui ne passe qu'une fois.

L'année dernière, nous avons analysé les données de mesure et regardé l'expérience globale sur le site et nous pensons qu'il y a de grandes opportunités pour améliorer les choses. Comme les articles comptent pour la majorité du trafic de Wikia, quel meilleur endroit pour concentrer nos efforts ?

J'ai listé ci-dessous les fonctionnalités clés de cette nouvelle mise en page, avec une brève explication du pourquoi de chacune. Certaines de ces modifications sont audacieuses. Certaines peuvent être bienvenues, d'autres controversées. Nous sommes au tout début et rien n'est gravé dans le marbre. Il y a de fortes chances que vous ayez beaucoup de questions qui ne pourront définitivement pas trouver de réponse pour l'instant. Mais il est important pour nous de mettre tous les types d'utilisateur face à ces mises à jour et voir comment les choses fonctionnent ou pas, pour nous permettre d'avancer à la prochaine étape.

Aussi, sans plus de cérémonie, allez-y, voyez les mises à jour sur
Tardis Data Core et American Horror Story Wiki !

Veuillez noter que les modifications sont réduites aux pages d'article, à l'exception des mises à jour sur la navigation locale.

Résumé des fonctionnalités clés

Points d'arrêt réactifs

Les nouveaux articles vont passer d'une mise en page fluide à une mise en page réactive (responsive) plus prévisible. Il y aura une version des articles pour mobile, tablette en mode portrait, tablette en mode paysage/bureau et bureau XL et chacune sera basée sur une « grille » de 12 colonnes gardant les éléments alignés.

Retrait de la colonne de droite

La colonne de droite (right rail) a été le domaine de Wikia pour placer des choses comme des publicités, des modules vidéos, plus de publicités, et elle crée une séparation entre le contenu généré par les utilisateurs et le contenu spécifique à Wikia. En théorie, c'est une bonne idée mais, en pratique, la colonne de droite a créé quelques problèmes significatifs en terme de mise en page et d'expérience utilisateur.

La raison de retirer la colonne de droite est de ramener votre contenu sur le devant et au centre. Les publicités et les divers modules devraient s'intégrer intelligemment autour du contenu et non pas l'inverse. Il nous permet aussi de délivrer une meilleure expérience sur plusieurs appareils en n'ayant plus à nous inquiéter d'un espace fixe sur toutes les pages. Cela a déjà amené beaucoup de questions sur comment les éléments sont positionnés sur la page, et nous travaillons sur des solutions pour cette problématique avec nos communautés tests.

Nouvelle typographie

Une autre partie importante de l'amélioration de l'expérience du lecteur sur divers appareils est de se concentrer sur la typographie par défaut. Cela inclut le choix de la famille de police, la taille de police, la hauteur de ligne et autres composantes typographiques. Le but ici est une lisibilité transverse, peu importe sur quel appareil vous êtes. Par exemple, la taille de la police et l'espace entre les lignes seront différents si vous êtes sur un téléphone ou un écran avec une grande résolution. Comme pour le retrait de la colonne de droite, cela devrait mener à une expérience plus saine et plus prévisible.

Navigation locale

Avec la mise à jour de la page d'article, nous voulions nous assurer que la navigation locale soit aussi mise à jour. Cette nouvelle navigation utilisera le même contenu et le même thème qu'aujourd'hui, mais vous verrez que la présentation est plus épurée et a une approche plus verticale pour organiser le contenu.

Outils sur le côté gauche

Les gens peuvent faire tout un tas de choses différentes avec le contenu sur Wikia, mais ces fonctionnalités sont actuellement éparpillées autour de la page et sont parfois difficiles à trouver. Nous voulions rassembler ces éléments en un seul endroit qui sera facilement accessible, peu importe où vous vous trouvez sur la page.

Recommandations de contenu

Wikia a une telle quantité impressionnante de contenu et, avec un tel large public de consommateurs, nous avons vu une variété de façons dont les gens découvrent le contenu. Aujourd'hui, les deux façons les plus utilisées pour découvrir du contenu sont via la recherche et les liens sur les articles, mais il y a une troisième façon de découvrir du contenu qui est un peu sous-développée. Elle existe actuellement avec les modules « Pour aller plus loin » et « Wikis de Wikia à la une » que vous voyez en bas des pages. Pour la mise en page mise à jour, nous les avons combinés en un seul module en bas de la page.

Publicité

La publicité fait que le contenu est gratuit et que la lumière reste allumée chez Wikia. Peu importe les modifications apportées au site, nous devons toujours avoir conscience de comment les publicités s'intégreront dans cette expérience. Dans un monde idéal, les publicités ne devraient jamais donner l'impression qu'elles débordent sur le contenu. En le gardant à l'esprit, nous avons fait le choix de retirer la colonne de droite, mais nous avons dû trouver un moyen d'intégrer les publicités existantes dans le contenu de la façon la plus intelligente possible.

Les publicités en haut des pages ne changerons pas de ce qui s'y trouve aujourd'hui, mais les publicités au milieu de la page seront maintenant intégrées dans le contenu. Faire cette expérience juste sera extrêmement important pour l'expérience utilisateur. Nous voulons nous assurer les publicités sont correctement espacées, qu'il n'y en a pas trop (en particulier sur les pages courtes), qu'elle ne gênent pas la disposition des images/vidéos et qu'elles sont clairement identifiées comme étant des publicités. Il est très improbable que nous ayons cette expérience juste au premier essai, mais sachez que nous surveillerons ce point très attentivement et nous ferons les mises à jour appropriées au fur et à mesure.

Pardon pour la poussière

Comme pour toute nouvelle mise en ligne, il y aura probablement des bugs. Wikia est très complexe et le contenu peut varier énormément d'une communauté à l'autre, il y a donc des chances que vous rencontriez des problèmes avec certaines pages. Nous travaillerons avec les communautés tests et feront de notre mieux pour corriger ces problèmes tandis que ce premier prototype évolue.

Prochaines étapes

Nous surveillerons les communautés tests : avis des utilisateurs, données quantitatives d'engagement, données sur les recettes et impact sur les résultats de recherche. Nous travaillerons de décembre à janvier pour améliorer l'expérience et nous utiliserons alors ce que nous avons appris pour guider les prises de décision concernant les prochaines étapes.

Encore une fois, veuillez visiter les wikias Tardis Data Core et American Horror Story Wiki pour voir cette nouvelle mise en page des articles.

Merci d'avoir lu, je sais sais que ça fait beaucoup d'informations. Faites-nous savoir ce que vous en pensez !

Mise à jour 16/12/2014

Après consultation avec les administrateurs de Disney Wiki, il a été décidé que la communauté n'était pas totalement préparée pour présenter le prototype. Encore merci à cette communauté pour nous avoir aidé durant cette première étape ! Tardis Data Core (wikia anglophone sur Doctor Who) s'est porté volontaire pour participer et vous pouvez maintenant y voir le prototype en action.

---

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 et ses nouvelles fonctionnalités ?
Cliquez ici pour suivre les blogs du Staff.
Nous expérimentons ! Apprenez-en plus sur les types d'événements et autres choses que nous avons fait jusqu'à présent ou que nous prévoyons de faire !

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