Fandom

Wikia Français

Commentaire1

Bonnes pratiques : pages d'accueil adaptées pour le mobile

Wyz février 24, 2015 Blog utilisateur:Wyz

Interférence d'un bloqueur de publicité détectée !


Wikia est un site gratuit qui compte sur les revenus de la publicité. L'expérience des lecteurs utilisant des bloqueurs de publicité est différente

Wikia n'est pas accessible si vous avez fait d'autres modifications. Supprimez les règles personnalisées de votre bloqueur de publicité, et la page se chargera comme prévu.

CC MobileFriendly2015 700x200 BlogHeader R3 FR.png


La semaine dernière, nous avons révélé un fait très important à propos de Wikia : approximativement la moitié des pages vues totales sur Wikia proviennent d'appareils mobiles. Ce phénomène va s'accentuer, nous avons donc fait de l'optimisation sur mobile un élément clé de 2015.

Tandis que nous progressons dans la voie de l'adaptation pour le mobile, nous lançons une série de billets et de pages d'aide de type « Bonnes pratiques » (Best Practice) pour vous aider à optimiser vos communautés pour les appareils mobiles. Vous trouverez une liste des pages d'aide de ce type actuelles sur notre Centre d'aide mobile. Quelques-uns de nos gros objectifs sont de trouver les meilleurs moyens d'optimiser les tableaux, les bandeaux, les pages d'accueil et plus pour les appareils mobiles.

Pour commencer, nous avons publié le guide d'aide de l'optimisation des pages d'accueil comme premier sujet. Les pages d'accueil sont le paillasson de chaque communauté, elles requièrent manifestement une attention particulière sur mobile. Il y a de nombreuses façons d'adapter votre page d'accueil pour le mobile et la nouvelle page d'aide — ainsi que ce billet — présentent les meilleures solutions que nous avons trouvées.

Outils d'émulation mobile

La partie la plus important de la nouvelle page d'aide concerne l'outil d'émulation mobile, qui permet de voir ce à quoi vos modifications ressembleront sur mobile, même si vous modifiez à partir de l'affichage dit « bureau ». Pourquoi est-ce si important ? Pensez à ce qui doit se passer pour qu'un wikia soit affiché sur mobile. Tout le contenu, généralement fourni avec l'affichage bureau, est converti au format le plus adapté au mobile possible. Cela pose un grand défi technique puisque l'appareil mobile doit presser une page entière pleine de contenu pour la faire tenir sur un écran bien plus petit.

En utilisant l'outil d'émulation mobile, vous pouvez avoir une bonne idée de ce à quoi votre communauté ressemble sur un appareil mobile. C'est devenu un outil standard tandis que le Web se prépare pour la révolution mondiale du mobile. Les navigateurs comme Chrome, Firefox et Safari ont tous un outil de ce genre et nous vous recommandons vivement de l'utiliser. Il vous permet de voir vos contributions comme elles s'afficheraient sur différents systèmes, appareils et résolutions. Encore plus important, vous pouvez interagir avec l'affichage mobile en faisant défiler la page, cliquant sur les liens et plus vous permettant de voir comment la page se comportera sur les appareils mobiles. Une fois que vous avez commencé à utiliser les émulateurs mobile, nous pensons que vous constaterez des changements dans vos habitudes de modification qui sont plus adaptées pour le mobile.

Problèmes communs avec les pages d'accueil

La plupart des pages d'accueil sur Wikia ont des fonctionnalités similaires, dont beaucoup posent des soucis d'optimisation pour le mobile. Parmi ces fonctionnalités on trouve :

  • Images titres
  • Carrousels
  • Sondages
  • Listes de blog

Un des problèmes que nous avons rencontrés est qu'il n'y a pas de solution simple du côté utilisateur pour résoudre ces soucis. Par exemple, les sondages peuvent s'afficher sur les appareils mobiles, mais il n'est malheureusement pas possible de voter. Ce n'est clairement pas une solution idéale. La meilleure solution à ce problème — concevoir un produit plus adapté pour le mobile — n'est pas quelque chose que les communautés peuvent résoudre de leur côté, nous travaillons donc à corriger cela du notre.

Ceci étant dit, la page d'aide donne quelques idées d'ajustements à mettre en place permettant un compromis entre l'affichage bureau et mobile. Ces stratégies d'optimisation sont quelque chose que nous suggérons fortement, mais elles ne sont pas obligatoires. De plus, si vous trouvez vos propres solutions de compromis en attendant les correctifs officiels, c'est bien aussi.

S'il y a des éléments sur votre page d'accueil qui ne rendent pas bien sur mobile et que nous n'avons pas traité dans la page d'aide, veuillez nous écrire via Special:Contact en utilisant l'objet « Main Page Optimization ». Nous les traiterons au cas par cas et les ajouterons potentiellement à la page d'aide pour référence future.

Cas d'étude

La partie principale de cette nouvelle série de bonnes pratiques est que nous présenterons le travail que nous avons effectué avec une communauté en particulier, où nous avons appliqué les solutions que nous avons trouvées pour adapter pour le mobile. Pour les pages d'accueil, nous avons contacté Monster Hunter Wiki et la communauté a bien voulu nous laisser travailler sur leur page d'accueil. Nous avons tenu compte de leur avis et l'avons intégré dans le résultat final. Vous pouvez voir le résultat du cas d'étude sur Monster Hunter Wiki sur la page d'aide.

Conclusion

Avec ces pages d'aide, notre objectif est de sensibiliser sur le phénomène du mobile en forte croissance. Nous n'attendons pas que chaque communauté adopte toutes les suggestions que nous proposons, mais nous travaillerons sur de nouvelles fonctionnalités qui rendront l'optimisation pour mobile plus facile. Ce que nous espérons est que chaque communauté prenne conscience de l'optimisation pour mobile et fasse de son mieux pour modifier ses habitudes de modification pour tenir compte de cette tendance émergente importante. Les solutions que nous avons développées sont fortement recommandées, mais si vous avez vos propres idées pour votre communauté et qu'elles peuvent être accomplies sans utiliser le CSS ou le Javascript (qui ne s'affichent pas sur mobile), on est de tout cœur avec vous !

Comme toujours, vous pouvez nous envoyer vos commentaires, questions et suggestions via Special:Contact. Si cela concerne le mobile, veuillez indiquer « Mobile » dans le titre du message et assurez-vous de laisser un lien vers votre communauté.

Quels moyens utilisez-vous pour que vos pages d'accueil soient adaptées pour le mobile ? Partagez votre expérience sur l'adaptation pour mobile dans les commentaires ci-dessous !


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

Sur le réseau Fandom

Wiki au hasard