Quand nous avons commencé à définir le Projet Darwin et discuter des modifications potentielles de la mise en page du site, une chose était sûre : le nombre toujours grandissant d'utilisateurs de tablette qui demande une expérience sur tablette qui soit à la hauteur. En août 2013, presque 8% du trafic total de Wikia provenait de tablettes. 6 mois avant, ce nombre était tout juste au-dessus de 6% et la tendance actuelle pointe vers une augmentation constante des vues de pages avec les tablettes dans les mois à venir.
Actuellement, sans la mise en page fluide, les tablettes affichent ce qui ressemble à une version « dézoomée » de la version que vous voyez sur les ordinateurs. Cela donne un article tout petit et difficile à lire, avec les liens et boutons petits et difficiles à cliquer. Les lecteurs ont en général besoin d'utiliser des gestes multipoints pour zoomer sur la zone de contenu de l'article afin d'avoir une expérience de lecture aisée et doivent répéter cette opération pour chaque nouvelle page chargée. Voici ce à quoi Wikia ressemble sur un iPad aujourd'hui :
Comme les vues de page sur tablette tendent à devenir une grande partie des utilisateurs de Wikia, nous devons améliorer l'expérience sur tablette. Quelle que soit la taille de l'appareil, le contenu de la page doit être le centre d'attention, non pas les mécanismes pour essayer de lire et naviguer. L'équipe Darwin a conçu plusieurs prototypes de mises en page réactives pour essayer le style qui fonctionne le mieux et notre nouvelle mise en page fluide a été le grand gagnant. Que cela signifie donc pour les appareils type tablette avec Darwin ?
Avec Darwin, avec des résolutions type tablette, nous retirons l'arrière-plan. Retirer l'appareil-plan redonne de précieux pixels à l'espace de contenu et nous permet d'augmenter le « zoom » pour que le contenu soit plus aisé à lire. Aucun arrière-plan signifie aussi moins à charger, ce qui améliore les performances de chargement de la page. Darwin apporte aussi une augmentation de la taille de police de 1 point, ce qui permet au texte de l'article d'être plus lisible - en particulier dans le cas de petites tablettes comme le Kindle Fire HD et l'iPad Mini.
Quand l'appareil est tenu en mode portrait (verticalement), nous avons déplacé les modules de la colonne de droite en dessous de l'article pour centrer l'attention sur le contenu et aider à avoir une expérience de lecture saine. Dans ce mode, la zone de recherche se place au dessus de l'article pour conserver cette fonctionnalité facilement accessible. Quand l'appareil est tenu en mode paysage (horizontalement), la colonne de droite reste à la position actuelle, près du contenu, afin que les lecteurs souhaitant un accès rapide à ces modules puissent toujours les avoir à porter de la main sans faire défiler. En utilisant l'orientation de l'appareil, nous pouvons proposer des options en fonction de la préférence de consultation de du lecteur. Voici la même page de Wikia avec la mise en page fluide, sur un iPad :
C'est maintenant plus agréable à l’œil. Vous souhaitez le voir par vous même ? Vous pouvez expérimenter la nouvelle expérience pour tablettes en visitant le wiki des communautés ou Darwin Wikia sur vos appareils, et ne manquez pas de nous faire savoir ce que vous pensez !
Alors que Darwin est occupé à améliorer l'expérience sur tablette dans les navigateurs, il y a aussi d'autres moyens de consulter vos communautés de Wikia préférées. Regardez l'application My Wikia sur iPad pour une expérience de lecture fortement personnalisable.
|
| |
|---|---|---|
|
Vous pouvez consulter l'article original ici (en anglais).
Vous avez des questions ou souhaitez en discuter ? Consultez le forum Darwin.