Preattentive attributen: hoe het uw rapport kan beïnvloeden

Preattentive attributen spelen een belangrijke rol in ons rapport omdat ze de ervaring van de gebruiker en het algehele begrip kunnen verbeteren.

Ons brein is voorbedraad om visuele inhoud veel sneller te verwerken dan tekst, daarom is datadesign zo effectief. Door de gegevens te zien, is het voor onze hersenen gemakkelijker om de gepresenteerde informatie op te nemen en vast te houden.

Preattentive attributen helpen je de aandacht onwillekeurig te richten en patronen in een oogwenk te herkennen. Het doel is ervoor te zorgen dat onze informatie duidelijk opvalt voor onze lezers.

Om de pre-oplettende attributen beter te begrijpen, is een goed voorbeeld het stopbord. We hoeven het woord dat op het bord staat niet eens te verwerken, omdat de vorm en kleur ons precies vertellen wat we moeten doen en hoe we moeten reageren.

Hier is nog een voorbeeld.

Neem een ​​paar seconden de tijd om het woord DNA in de onderstaande afbeelding te tellen. Hoeveel zijn er? Het huidige antwoord is niet onmogelijk, maar zeker een uitdaging.

We kunnen niet snel een idee maken en we moeten ons echt concentreren en ze vervolgens handmatig tellen. Dat is niet waar we voor gaan als we nadenken over pre-attente attributen.

Op dit moment zorgt een simpele wijziging ervoor dat begrip bijna onmiddellijk is wanneer het op de juiste manier wordt gebruikt. Het kan onze lezer echt leiden naar wat ze moeten zien.

Inhoudsopgave

• Verschillende soorten attente attributen
• Veelvoorkomende fouten bij het gebruik van preattentive attributen
• Eenvoudige oplossingen met behulp van PowerPoint
• Conclusie

Verschillende soorten attente attributen

De omhulling is een van de vele attente attributen en visuele aanwijzingen die door het menselijk brein in minder dan 250 milliseconden worden verwerkt.

Contrast is ook een zeer effectief attribuut.

Hoe zit het met dit voorbeeld? Misschien is het minder effectief dan contrast, maar nog steeds goed.

Ook in ons voorbeeld werkt de maat perfect.

We hebben ook kleur .

Dit is het belangrijkste wapen in onze toolset. We kunnen de ogen van het publiek gemakkelijk richten op wat we nog beter willen laten zien.

Bovendien kunnen we indien nodig meerdere attributen verzamelen om het woord DNA duidelijk te zien.

Als de superheld in het ontwerp kleur is, is het tijd om de schurk te ontmoeten. 

Te veel gebruik van een attribuut, te veel dingen om te benadrukken en te veel verhalen om tegelijk te vertellen kunnen de effectiviteit verminderen.

Laten we alle preattentive attributen ontdekken. We hebben lengte, breedte, oriëntatie, vorm, grootte, behuizing, verzadiging, toegevoegde markeringen, kleur, positie en animatie.

Veelvoorkomende fouten bij het gebruik van preattentive attributen

Ook al lijkt het een eenvoudig en duidelijk concept, toch maken veel rapportontwerpers misbruik van preattentattributen. 

Kijk eens naar dit voorbeeld. 

Wat zie je? Begin je met scherpstellen aan de rechteronderkant van het scherm? Wat leer je, en hoe voel je je daarbij? 

U zult waarschijnlijk twee preattente attributen zien. Een daarvan is kleur, die effectief wordt gebruikt omdat de kleur consistent is tussen de twee spreidingsdiagrammen . In beide gevallen wordt het gebruikt voor de middencategorie.

Het tweede attentieve attribuut is lengte . 

Het is duidelijk dat we gemakkelijk kunnen zien dat de kloof tussen leveringsverkopen, tijdanalyse en de grafiek bovenaan niet op dezelfde hoogte is. 

Misbruik van preattentive attributen kan leiden tot misleiding en kan ertoe leiden dat gebruikers de integriteit van uw analyse in twijfel trekken. Kortom, het vermindert het vertrouwen en het doorbreekt ook de volgorde van het verhaal dat we willen vertellen.

Op basis van de zelfstudie regel van derden moet de belangrijkste informatie in de linkerbovenhoek worden geplaatst. De rechterbenedenhoek is de plaats op het scherm die we het laatst zien, maar de preattentieve fout zorgt ervoor dat de gebruiker daar kijkt. 

De stroom valt weg, de gebruiker raakt in de war en de verbinding valt weg.

Een ander voorbeeld is de breedte . 

In dit geval kunnen we zien dat de breedte tussen de twee grafieken in het onderste deel van het scherm niet hetzelfde is. Het ziet er raar uit en de ogen zullen onmiddellijk het rechterondergedeelte van het scherm opmerken.

Een andere fout is het gebruik van dezelfde kleur voor twee verschillende dingen.

De visual Delivery vs Sales heeft een paarse kleur aan de rechterkant van het scherm. Aan de linkerkant ziet u dat de analyse Margin vs Tons Sold ook een prijsgroep heeft met een paarse kleur.

Zonder op de legenda te letten, zullen de gebruikers denken dat de kleur die aan de linkerkant van het scherm wordt gepresenteerd, verband houdt met dezelfde kleur aan de rechterkant van het scherm.

Bovenstaande voorbeelden zijn veelgemaakte fouten en iets waar we op moeten letten. Deze zijn heel eenvoudig te repareren. 

Eenvoudige oplossingen met behulp van PowerPoint

Laten we eens kijken hoe we de problemen kunnen oplossen en ze kunnen integreren in LuckyTemplates. PowerPoint is om drie belangrijke redenen een geweldige tool om naast LuckyTemplates te gebruiken. 

Ten eerste heeft elk element dat we op ons canvas plaatsen kosten voor elke lijn, elke vorm, elke knop, elke tekst, elke formule en elke grafiek om de prestaties beter te optimaliseren. Het is een goede gewoonte om alle statische elementen buiten te creëren. 

Ten tweede is het, in overeenstemming met de ontwerpregels die we hebben besproken, gemakkelijker om je te concentreren op de ontwerpregels. U kunt geavanceerde tools zoals Photoshop , Illustrator of Figma gebruiken . Hiermee kunt u uw rapport sneller ontwikkelen. 

En tot slot kunt u uw ontwerp hergebruiken in verschillende rapporten met behulp van sjablonen. Het is erg handig en kan je ontwikkeling versnellen.

Nu is het tijd om de stappen af ​​te breken.

We beginnen met de foto van de achtergrond. Ik heb dit gedownload van Unsplash . Dit is de site waar u gratis afbeeldingen voor uw verslagen kunt downloaden. 

Typ gewoon het gewenste ontwerp in en zoek naar de foto's die u in uw rapporten kunt gebruiken.

Voeg vanaf een lege dia de foto in en pas deze aan om ervoor te zorgen dat de afbeelding zo groot is als ons scherm. 

Opvallend is dat het de pagina bedekt, maar het is groter dan we wilden. Dubbelklik erop en klik vervolgens op Bijsnijden om de grootte van de foto aan te passen.

Nu onze foto alle ruimte op de dia in beslag neemt, dubbelklik erop, ga naar Artistieke effecten en kies Vervagingseffect .

Vervolgens voeg je een laag toe door een vorm met tekst bovenaan toe te voegen.

We voegen ook een vorm toe voor de pictogrammen plus de daadwerkelijke pictogrammen aan de linkerkant.

Terwijl we dingen verplaatsen, kunnen we precies het kleine rood zien. De rode lijn helpt de ontwerper de elementen perfect op elkaar af te stemmen.

Laten we voor de pictogrammen de transparantie van dit element enigszins wijzigen door met de rechtermuisknop te klikken, vervolgens Vorm opmaken te selecteren en het transparantieniveau naar wens aan te passen.

Nu kunnen we andere lagen toevoegen waar we de grafieken willen weergeven. Laten we een vorm plaatsen voor de bovenste visual en een andere vorm voor de onderstaande spreidingsdiagrammen.

Aandacht besteden aan de breedte aan de linker- en rechterkant is erg belangrijk om ervoor te zorgen dat de uitlijning perfect is. Ook moet dezelfde maat aan de bovenkant en voor het onderste deel worden bereikt.

Om de grootte van onze vorm te zien, klik je op de vorm en ga je naar Vormopties . De breedte is 1187 dus de helft is 593.

We kunnen nu de vorm linksonder plaatsen en dienovereenkomstig uitlijnen. Daarna zullen we zien hoeveel het moet worden verminderd. Omdat de hoogte 10 is, verkleinen we de vorm met 5 zodat het 587 wordt.

Om meer ruimte aan de pictogrammen te geven, selecteert u gewoon alle pictogrammen en zorgt u ervoor dat alles is uitgelijnd door naar Afbeeldingsopmaak te gaan , Uitlijnen te selecteren en Verticaal verdelen te kiezen .

Laten we ook de transparantie van de vormen aanpassen naar 30% om ze duidelijker te maken.

De achtergrond is nu compleet en klaar om te importeren in LuckyTemplates. Om de afbeelding op te slaan, drukt u op Ctrl + A en vervolgens op Opslaan als afbeelding .

Open LuckyTemplates en ga naar Opmaak . Importeer onder Pagina-achtergrond de afbeelding om de achtergrond te zien die we hebben gemaakt.

LuckyTemplates-ontwerpen voor overtuigende rapporten
LuckyTemplates-ontwerptips: applicatie-achtige rapporten maken
Raamwerk voor rapportvisualisatie in LuckyTemplates | Deel 3

Conclusie

Het belangrijkste voordeel van het bouwen van de achtergrond in PowerPoint is dat u hiermee alle uitlijningen kunt verzorgen en de bovengenoemde veelgemaakte fouten kunt voorkomen die we hebben besproken.

De perceptie van het publiek op basis van wat ze zien en de duidelijkheid van uw communicatie als ontwerper zijn essentieel omdat het uw vermogen toont om de interesse van uw publiek te wekken.

Al het beste,

Alex Badiu