Alternance d'images à gauche et à droite: l'UX est-elle meilleure que toutes d'un côté?
Le site sur lequel je travaille est essentiellement une brochure montrant des candidats potentiels à l'emploi sur notre organisation à but non lucratif et notre ville.
J'ai fait des recherches et je ne trouve aucune information pertinente qui indique si les utilisateurs préfèrent toutes les images d'un côté (avec du texte de l'autre) ou décomposent le texte en alternant les images à gauche et à droite.
Les informations que j'ai trouvées concernent généralement des sites de commerce électronique ou des blogs.
Étant un site de brochure, c'est une disposition simple à une colonne WP sans barres latérales.
Existe-t-il une meilleure pratique généralement acceptée pour le placement des images OR ressources que vous connaissez qui en discutent?
Je vous remercie.
Je suis en partie d'accord avec la considération des modèles de lecture, mais ce n'est qu'une partie de la réponse. Je pense que vous devez considérer la structure globale de la page d'une manière qui soit significative au niveau informationnel et visuel. De même, je ne pense pas que le placement d'une image ou de tout autre attribut visuel devrait suivre une règle mais plutôt être déterminé par le contexte et l'intention générale de la conception.
Deux aspects peuvent influencer le fonctionnement du design:
Poids visuel - Le poids perçu d'un élément visuel. C'est une mesure de la quantité de contenu de la page qui attire l'attention de votre spectateur.
et
Direction visuelle - La direction perçue des forces visuelles. C’est la direction selon laquelle un élément devrait se déplacer s’il avait la possibilité de se déplacer en fonction des forces agissant sur lui.
Il y a un certain nombre de facteurs utiles à considérer lorsque vous traitez chacun de ces aspects, pour plus de détails, je recommande fortement de lire les 19 facteurs qui ont un impact sur l'équilibre de la composition. ci-dessous est un exemple:
L'intégration du poids et de la direction visuels dans votre conception vous permet également d'optimiser votre conception pour les mouvements oculaires. Il y a un article intéressant sur Comprendre la mise en page fractionnée dans la conception Web , que vous pourriez trouver utile.
Cela peut sembler beaucoup à traverser, mais la plupart des concepteurs le font naturellement, ce qui importe le plus ici est d'être à la fois explicite et critique de vos propres décisions de conception.
J'espère que cela pourra aider
J'espère que cela t'aides...
http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
Maintenant que nous avons une idée du schéma de lecture du contenu Web, c'est votre appel pour le placement de l'image.
OMI, je vais "penser" qu'aligner toute l'image d'un côté 1 est mieux car cela n'interrompra pas le flux ...
Si le repositionnement alternatif des images vise uniquement à différencier un ensemble d'informations d'un autre, il serait préférable d'éviter de le faire.
Chaque fois qu'un lecteur passe d'un ensemble à l'autre, l'orientation de l'information change et il lui faudra constamment adapter l'adaptation à la façon dont elle est affichée et à la position des différentes informations. Ce qui peut entraîner une réticence à lire davantage.
Au lieu de cela, vous pouvez garder les images et les informations alignées du même côté et alterner la couleur d'arrière-plan (couleurs peu contrastées) pour donner une distinction subtile dans le changement de l'ensemble d'informations tout en conservant l'orientation des informations constante. Il est très probable qu'une fois que l'utilisateur est à l'aise (avec le positionnement de l'information), il/elle peut lire plus longtemps, car il sera plus facile de localiser l'information qui l'intéresse.