Attributs préattentifs : quel impact cela peut-il avoir sur votre rapport ?

Les attributs de pré-attention jouent un rôle important dans notre rapport car ils peuvent améliorer l'expérience de l'utilisateur et sa compréhension globale.

Notre cerveau est précâblé pour traiter le contenu visuel beaucoup plus rapidement que le texte, c'est pourquoi la conception de données est si efficace. En voyant les données, il est plus facile pour notre cerveau d'assimiler et de retenir les informations présentées.

Les attributs préattentifs vous aident à concentrer votre attention sur les schémas involontaires et à repérer en un instant. L'objectif est de s'assurer que nos informations se démarqueront clairement auprès de nos lecteurs.

Pour mieux comprendre les attributs préattentifs, un bon exemple est le panneau d'arrêt. Nous n'avons même pas besoin de traiter le mot écrit sur le panneau car la forme et la couleur nous disent exactement ce que nous devons faire et comment réagir.

Voici un autre exemple.

Prenez quelques secondes pour compter le mot ADN dans l'image ci-dessous. Combien sont-ils? La réponse actuelle n'est pas impossible, mais est certainement difficile.

Nous ne pouvons pas faire une idée rapide et nous devons vraiment nous concentrer, puis les compter manuellement. Ce n'est pas ce que nous recherchons lorsque nous pensons aux attributs préattentifs.

À l'heure actuelle, un simple changement rend la compréhension presque instantanée lorsqu'il est utilisé correctement. Cela peut vraiment diriger notre lecteur vers ce qu'il a besoin de voir.

Table des matières

• Différents types d'attributs préattentifs
• Erreurs courantes lors de l'utilisation d'attributs préattentifs
• Corrections faciles à l'aide de PowerPoint
• Conclusion

Différents types d'attributs préattentifs

L' enceinte est l'un des nombreux attributs préattentifs et indices visuels qui sont traités par le cerveau humain en moins de 250 millisecondes.

Le contraste est également un attribut préattentif très efficace.

Que diriez-vous de cet exemple? Peut-être que c'est moins efficace que le contraste mais toujours bon.

La taille fonctionne parfaitement dans notre exemple aussi.

Nous avons aussi la couleur .

C'est l'arme la plus importante de notre ensemble d'outils. Nous pouvons facilement diriger les yeux du public vers ce que nous voulons encore mieux montrer.

De plus, nous pouvons accumuler plusieurs attributs si nécessaire pour voir clairement le mot ADN.

Si le super-héros du design est de couleur, il est temps de rencontrer le méchant. 

Trop d'utilisation d'un attribut, trop de choses à mettre en évidence et trop d'histoires à raconter à la fois peuvent réduire l'efficacité.

Découvrons tous les attributs préattentifs. Nous avons la longueur, la largeur, l'orientation, la forme, la taille, l'enceinte, la saturation, les marques ajoutées, la couleur, la position et l'animation.

Erreurs courantes lors de l'utilisation d'attributs préattentifs

Même si cela ressemble à un concept simple et clair, de nombreux concepteurs de rapports abusent des attributs pré-attentifs. 

Jetez un oeil à cet exemple. 

Que vois-tu? Commencez-vous à vous concentrer sur le côté inférieur droit de l'écran ? Qu'apprenez-vous et qu'est-ce que cela vous fait ressentir? 

Vous verrez probablement deux attributs préattentifs. L'un est la couleur, qui est utilisée efficacement car la couleur est cohérente entre les deux graphiques en nuage de points . Dans les deux cas, il est utilisé pour la catégorie moyenne.

Le deuxième attribut préattentif est length . 

Évidemment, nous pouvons observer facilement que l'écart entre les ventes à la livraison, l'analyse du temps et le graphique du haut n'est pas à la même hauteur. 

Une mauvaise utilisation des attributs de pré-attention peut créer une tromperie et amener les utilisateurs à remettre en question l'intégrité de votre analyse. Fondamentalement, cela réduit la confiance et cela brise également l'ordre de l'histoire que nous voulons raconter.

Sur la base du didacticiel de la règle des tiers , les informations les plus importantes doivent être placées dans le coin supérieur gauche. Le coin inférieur droit est l'endroit de l'écran que nous voyons en dernier, mais l'erreur de pré-attention oblige l'utilisateur à y regarder. 

Le flux est perdu, l'utilisateur devient confus et la connexion est perdue.

Un autre exemple est width . 

Dans ce cas, nous pouvons voir que la largeur n'est pas la même entre les deux cartes dans la partie inférieure de l'écran. Cela a l'air bizarre et les yeux remarqueront immédiatement la partie inférieure droite de l'écran.

Une autre erreur consiste à utiliser la même couleur pour deux choses différentes.

Le visuel Livraison vs Ventes a une couleur violette sur la partie droite de l'écran. Sur le côté gauche, vous pouvez voir que l' analyse de la marge par rapport aux tonnes vendues a également un groupe de prix de couleur violette.

Sans prêter attention à la légende, les utilisateurs penseront que la couleur présentée sur le côté gauche de l'écran est liée à la même couleur sur la partie droite de l'écran.

Les exemples ci-dessus sont des erreurs courantes et nous devons y prêter attention. Ceux-ci sont très faciles à réparer. 

Corrections faciles à l'aide de PowerPoint

Voyons comment résoudre les problèmes et les intégrer à LuckyTemplates. PowerPoint est un excellent outil à utiliser avec LuckyTemplates pour trois raisons principales. 

Tout d'abord, chaque élément que nous mettons sur notre canevas a un coût pour chaque ligne, chaque forme, chaque bouton, chaque texte, chaque formule et chaque graphique pour mieux optimiser les performances. C'est une bonne pratique d'essayer de créer tous les éléments statiques à l'extérieur. 

Deuxièmement, conformément aux règles de conception dont nous avons discuté, il est plus facile de se concentrer sur les règles de conception. Vous pouvez utiliser des outils avancés comme Photoshop , Illustrator ou Figma . Ceux-ci vous aideront à développer votre rapport plus rapidement. 

Et enfin, vous pouvez réutiliser votre conception dans différents rapports à l'aide de modèles. C'est très utile et peut accélérer votre développement.

Il est maintenant temps de décomposer les étapes.

On commence par la photo du fond. Je l'ai téléchargé depuis Unsplash . C'est le site où vous pouvez télécharger gratuitement des images pour vos rapports. 

Tapez simplement le design que vous voulez et recherchez les photos que vous pouvez utiliser dans vos rapports.

À partir d'une diapositive vierge, insérez la photo et ajustez-la pour vous assurer que l'image est aussi grande que notre écran. 

Visiblement, il couvre la page mais il est plus grand que ce que nous voulions. Double-cliquez simplement dessus, puis cliquez sur Recadrer pour ajuster la taille de la photo.

Maintenant que notre photo occupe tout l'espace sur la diapositive, double-cliquez dessus, allez dans Effets artistiques et choisissez Effet de flou .

Ensuite, ajoutez un calque en ajoutant une forme avec du texte en haut.

Nous ajoutons également une forme pour les icônes ainsi que les icônes réelles sur le côté gauche.

Lorsque nous déplaçons des objets, nous pouvons voir exactement le petit rouge. La ligne rouge aide le concepteur à aligner parfaitement les éléments.

Pour les icônes, modifions légèrement la transparence de cet élément en cliquant avec le bouton droit de la souris, puis sélectionnez Formater la forme et réglez le niveau de transparence comme vous le souhaitez.

Nous pouvons maintenant ajouter d'autres couches où nous voulons afficher les graphiques. Plaçons une forme pour le visuel supérieur et une autre forme pour les diagrammes de dispersion ci-dessous.

Faire attention à la largeur sur les côtés gauche et droit est très important pour s'assurer que l'alignement est parfait. En outre, la même taille en haut et pour la partie inférieure doit être atteinte.

Pour voir la taille de notre forme, cliquez sur la forme puis allez dans Options de forme . La largeur est de 1187 donc la moitié est de 593.

Nous pouvons maintenant placer la forme en bas à gauche et l'aligner en conséquence. Après cela, nous verrons à quel point il doit être réduit. Puisque la hauteur est de 10, réduisons la forme de 5 pour qu'elle soit de 587.

Pour donner plus d'espace aux icônes, sélectionnez simplement toutes les icônes et assurez-vous que tout est aligné en allant dans Format d'image , sélectionnez Aligner et choisissez Distribuer verticalement .

Ajustons également la transparence des formes à 30% pour les rendre plus claires.

L'arrière-plan est maintenant terminé et prêt à être importé dans LuckyTemplates. Pour enregistrer l'image, appuyez sur Ctrl + A puis sur Enregistrer en tant qu'image .

Ouvrez LuckyTemplates et accédez à Format . Sous Page Background , importez l'image pour voir l'arrière-plan que nous avons créé.

Conceptions LuckyTemplates pour des rapports convaincants
Conseils de conception LuckyTemplates : Création de rapports de type application
Cadre de visualisation des rapports dans LuckyTemplates | Partie 3

Conclusion

Le principal avantage de la création de l'arrière-plan dans PowerPoint est qu'il vous permet de vous occuper de tous les alignements et d'éviter les erreurs courantes ci-dessus dont nous avons discuté.

La perception du public en fonction de ce qu'il voit et la clarté de votre communication en tant que designer sont essentielles car elles montrent votre capacité à susciter l'intérêt de votre public.

Tous mes vœux,

Alex Badiu