Wikia

Wikia Français

Commentaire0

La disposition en grille de Wikia

Wyz septembre 26, 2012 Blog utilisateur:Wyz

Bonjour !

Je suis Éric, un designer interactif et membre de l'équipe de design chez Wikia. D'abord, je souhaite vous dire merci ! Les avis que nous recevons régulièrement de la communauté Wikia nous aident à nous diriger dans la bonne direction. Ensuite, je souhaitais partager quelques informations supplémentaires sur les modifications du design à venir qui affecteront toutes les communautés sur Wikia : la Grille Wikia.

La Grille

Chez Wikia, nous avons beaucoup d'idées ; nous faisons de notre mieux pour développer et mettre en place des nouvelles fonctionnalités et améliorer les outils existants. Nos designers, nos développeurs et notre équipe de production travaillent conjointement, mais avec des objectifs différents, et parce qu'ici nous avons tant d'équipes différentes travaillant sur des produits, nous avons besoin d'un système pour aider à garder les choses en place. Ces systèmes permettent à nos équipes de créer de nouveaux modules, de nouvelles pages et de nouvelles sections pour tous les wikis tout en aidant à conserver notre design homogène et flexible.

Un des systèmes que nous utilisons est une « grille » pour le design des pages. La grille est un système de disposition prédéfinie utilisée pour constituer un équilibre et une homogénéité dans la présentation structurelle et visuelle du contenu. Nous utilisons un système de grille pour trois raisons fondamentales :

  • Il améliore l'expérience utilisateur en présentant le contenu d'une façon agréable à l'œil et homogène sur tout le réseau de communautés de Wikia
  • Il permet à l'équipe de design de conserver une disposition cohérente et harmonieuse pour tous les projets de design du site
  • Il aide notre équipe d'ingénieurs à travailler plus efficacement en apportant un système de structure de page prédéfinie pour concevoir de nouvelles fonctionnalités pour les wikis

Voici une illustration de la disposition de base de notre système de grille :

01-grid-base.jpg

Ce système de grille a 6 colonnes, chacune ayant une largeur identique, qui constitue la structure basique de chaque page sur Wikia. Faire ainsi crée un lien spatial idéal pour de multiples configurations de disposition de page, toutes avec des similarités visuelles inhérentes.

03-grid-mixed-width.jpg
04-grid-mixed-width.jpg
02-grid-3col-basic.jpg

À droite, voici quelques unes des options de disposition basées sur la grille.

Beaucoup de sites Web utilisent un système basé sur une grille pour maintenir un équilibre visuel et structurel. Certaines grilles sont bien plus complexes que notre grille à 6 colonnes ; il y a beaucoup de systèmes de grille qui se concentrent sur des liens spatiaux verticaux et horizontaux, et avec plus de colonnes. Pour l'instant, nous pensons que notre grille de 6 colonnes ferme (et flexible) fera bien l'affaire.

Pourquoi ces dimensions ?

Nous avons vu un avantage à rendre plus grand la colonne de droite et la zone de contenu principale. Les fonctionnalités et améliorations futures du site bénéficieront d'un petit espace supplémentaire dans les deux zones de contenu. En développant cette grille, nous avons pesé le pour et le contre d'autres dimensions et nous avons conclu que de passer à une largeur de 1030px serait idéal pour les modifications du site à court et long terme dans le but d'améliorer l'expérience utilisateur sur le réseau. Aussi, nous souhaitions apporter ces améliorations plutôt tôt que tard, aussi nous avons confronté l'expérience utilisateur et la durée d'implémentation. Donc, plutôt que d'introduire ce système de grille au fur et à mesure de la mise à jour des fonctionnalités, nous avons choisi de basculer vers le système de grille en une fois. Cela aide aussi ceux qui travaillent sur la disposition et le design de leur communauté — vous n'aurez à effectuer les modifications qu'une fois plutôt qu'à plusieurs reprises alors que des fonctionnalités sont adaptées à la grille une par une.

Nous comprenons que ces modifications ont un impact sur la communauté et vous demande un peu de travail. Soyez surs que ces décisions ont été prises en gardant la communauté à l'esprit. Nous serons là pour vous aider durant la transition.


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

Dernières informations techniques

14 septembre 201607 septembre 201631 août 201624 août 201617 août 2016Archives