Considérez-vous le "960 Grid System" comme l'un des "Holy Grails" des mises en page de l'expérience utilisateur?
Y a-t-il un "Saint Graal" de la disposition?
J'ai récemment repensé un site Web pour un client (University of Connecticut Coop), où je suis tombé sur un lien dans leur ancien code vers cet article: "http://www.alistapart.com/articles/holygrail".
Après des recherches plus approfondies, je suis également tombé sur le "960 Grid System": "http://960.gs/demo.html"
J'ai alors commencé à me demander ... "Est-ce que je manque quelque chose ici? Y a-t-il un consensus parmi les professionnels de la conception concernant la meilleure expérience utilisateur pour les mises en page?"
Donc, je vous le propose: " Y a-t-il un" Saint Graal "de mise en page? "
Il n'y a pas de graal. Et c'est vrai non seulement pour les mises en page, mais pour la conception en général. Il existe de nombreuses règles, recommandations et astuces. Mais pas de graal et pas de lois. Le design n'étant pas une science, il est susceptible de contourner les lois. Et comme Nathanael l'a dit, chaque "règle" a des exceptions. Plus encore: aucune assertion de ce type ne peut être considérée comme une règle générale. Ils n'ont raison que parfois.
Pour les designers moins expérimentés, il peut être bon de suivre aveuglément certaines "lois". Cela aide à obtenir de meilleurs résultats. Mais tant que vous comprenez la signification d'une telle règle (que ce soit le système de grille 960 ou toute autre), vous pouvez décider quand la suivre et quand l'ignorer. Et cette compréhension aide à obtenir de bien meilleurs résultats.
De manière générale, l'utilisation d'un système de grille est presque toujours une bonne idée: c'est simplement l'un des meilleurs outils disponibles pour organiser visuellement (c'est-à-dire composer) votre contenu de manière cohérente, bien proportionnée, mais suffisamment flexible. Vous voudrez peut-être y voir une meilleure pratique. La plupart des bons designers les utilisent régulièrement, sauf s'il est logique d'opter pour une véritable approche de composition freestyle (dans la plupart des cas, ce n'est pas le cas, encore moins sur le Web et sur le bureau - l'utilisation d'une grille n'a pas besoin d'être évidente au tous, BTW). La conception d'un bon système de grille bien adapté à un objectif spécifique et à tout le contenu nécessaire nécessite une certaine formation (au moins toute personne expérimentée en typographie et dans des domaines similaires de la conception graphique devrait être en mesure de le faire).
Les 960gs et similaires (par exemple le plan directeur), d'autre part, ne sont "que" de bons cadres pour simplifier techniquement la mise en œuvre d'un système de grille de travail sur les navigateurs sans réinventer la roue à chaque fois (diable, c'est à ça que servent les frameworks :-)) Attention, vous n'êtes pas pas obligé d'utiliser la grille par défaut à 12 ou 16 colonnes . Ces paramètres sont, eh bien ... juste une bonne valeur par défaut pour commencer. ;-) Mais à la fin, vous voudrez peut-être rouler le vôtre. La compréhension des systèmes de grille vient en premier lieu de toute façon.
Voir par exemple http://www.subtraction.com/pics/0703/grids_are_good.pdf et http://www.thegridsystem.org/ pour les débutants. Mark Boulton a un excellent tutoriel sur la façon de concevoir des systèmes de grille: http://www.markboulton.co.uk/journal/five-simple-steps-to-designing-grid-systems-part-1 =
Le n ° 960 est une option qui peut aider à guider la conception en vous offrant une approche "filaire" de la trame filaire et souvent une probabilité plus élevée de mise en œuvre propre avec des éléments alignés, ce qui est généralement accepté comme une bonne chose - mais comme en toutes choses avec l'UX, il existe des exceptions à ces principes, alors ne sautez pas dans le 960 sans d'abord comprendre ses avantages et ses limites et qu'il convient au travail d'interface utilisateur pour lequel vous l'appliquez.
J'appuie les commentaires déjà publiés - c'est juste un autre outil dans la boîte à outils UX et de conception Web, et comme tout outil, il y a un bon moment et un mauvais moment pour l'utiliser en fonction de la nature du projet et des forces/faiblesses du réseau 960 lui-même. Cela peut évidemment aider à accélérer la création de tout prototype html.
Nous utilisons certainement la disposition pour créer rapidement des wireframes dans Omnigraffle - une fois que vous avez configuré un modèle pour correspondre à la grille de colonnes (12 ou 16), vous pouvez très rapidement déplacer et positionner des éléments. Comme pour toute "règle", il faut parfois les enfreindre s'il y a de bonnes raisons de le faire.
Un système de grille CSS est vraiment plus un "Saint Graal" technique. Et pas nécessairement saint, ni même un Graal. Mais certainement un outil pratique dans la mesure où il peut réduire considérablement les efforts nécessaires à la création du code de la couche de présentation.
Je l'ai trouvé inestimable sur des projets plus importants où un grand nombre de développeurs avec peu ou pas de compétences ou d'intérêt dans la production de couches de présentation font partie de l'équipe. Je peux construire quelques directives de base et incorporer certaines méthodes CSS orientées objet et elles se retrouvent avec un système assez flexible pour disposer les pages qui sont beaucoup moins susceptibles de se casser entre leurs mains.
En termes d'UXD, idéalement, la mise en page parfaite est la mise en page qui répond aux objectifs de conception particuliers du projet. Un framework CSS Grid peut simplement rendre cette mise en page un peu plus facile à mettre en production.
J'aime le concept de la grille 960 car elle est divisible par autant d'unités différentes. Votre grille, si vous trouvez qu'elle convient à votre conception, devient alors très facile à découper, vous avez une certaine flexibilité dans le nombre de colonnes, et les calculs donnent généralement des nombres assez faciles à utiliser.
Suivre un système de grille peut vous aider si votre projet conçoit des "widgets" réutilisables qui pourraient être partagés sur une gamme de sites Web. Les blocs de construction standard peuvent rendre le développement plus facile et plus rapide.
La preuve ultime est cependant l'impact sur vos utilisateurs. Est-ce que cela les aide à atteindre leurs objectifs? Aide-t-elle à générer les bons résultats commerciaux? Alors super! Ne vous limitez pas à d'autres idées ou possibilités ...
Ce n'est peut-être pas un Saint Graal, mais il a certainement donné une structure améliorée et un attrait esthétique depuis que j'ai commencé à l'utiliser.
Mes formulaires Web complexes de plusieurs pages seraient horribles sans cela ... maintenant ils sont juste légèrement effrayants;)
N