Disposition linéaire vs colonne, laquelle est plus lisible?
Existe-t-il des études existantes/approuvées prouvant que l'une est meilleure en lisibilité que l'autre dans ces 2 dispositions? Laquelle offre plus de chances d'être lue complètement?
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Je suppose que vous parlez de laquelle de vos mises en page est plus rapide à percevoir par l'utilisateur. Cela dépend de ce que vous souhaitez réaliser avec votre mise en page.
Si vous voulez dire qu'il y a 3 points également pesés que les utilisateurs doivent connaître sur la page, le deuxième exemple est le chemin à parcourir. Si vous voulez dire: "Voici des choses intéressantes", la première page reçoit le bonus.
Lecture sur le web
La chose à propos de la lecture sur le Web est: vous ne pouvez pas faire lire l'utilisateur. Vous pouvez l'amener à lire davantage en suivant par exemple ces directives de Nielsen , mais si vous lisez plus loin, vous découvrirez que les utilisateurs ne lisent pas beaucoup et - scannez la page (très probablement dans un motif en forme de F pour le texte qui les intéresse
Cela signifie, hé, si vous lisez toujours ceci, ma réponse doit vous intéresser.
Ainsi, vos deux réponses seront lues si elles répondent aux attentes de l'utilisateur sur ce qu'il trouvera sur cette page. La disposition à gauche peut suinter un peu plus de créativité que la disposition à droite, qui a plus une apparence factuelle.
Enfin, l'aide est en route
Par conséquent, je vais simplement vous dire sur une liste facile à percevoir ce que je pensais quand j'ai vu les deux dispositions:
Gauche
Avec de belles images, ça aurait l'air sympa
Peut-être que si toutes les images se trouvaient à gauche et que tous les textes se trouvaient à droite (toujours alignés à gauche), la lisibilité typographique réelle serait améliorée (le texte est plus difficile à lire s'il commence à un autre point que les paragraphes précédents)
Ressemble un peu aux pages de fonctionnalité Apple dans mon esprit (pardonnez-moi celle-là)
Le texte pourrait être beau et grand et facile à lire
Disposition généralement bonne à des fins publicitaires
Droite
Un peu ennuyant
Je ne lirais pas ce texte
Peut-être trop demander si l'utilisateur n'est pas vraiment intéressé
J'utiliserais donc la disposition linéaire si vous voulez vendre quelque chose (une idée, un produit, etc.) et le droit si vous devez fournir des faits que l'utilisateur veut savoir.
Je ne connais aucune étude mais les gens aiment généralement les grilles. La grille permet aux utilisateurs de trouver du contenu au même emplacement. Par exemple, dans votre maquette à droite, la description est toujours affichée juste sous le bloc. A gauche, la description est tantôt à gauche, tantôt à droite; les yeux des utilisateurs devront donc sauter sur tout l'écran par rapport à un balayage de gauche à droite. Dans l'exemple de gauche, il est également moins clair à quel bloc le texte correspond: celui en bas/haut ou à droite/gauche? Dans le bon exemple, c'est très clair car le texte apparaît beaucoup plus proche du bloc correspondant ( Gestalt psychology )