Datavisualisering: Opbygning af skabelonlayouter til dine Mock-Up-dummies

Uanset om du har valgt at bruge blyant og papir eller et software mock-up værktøj, er den gode nyhed, at du ikke behøver at genopfinde hjulet. Opbygning og brug af skabeloner er den hurtigste og smarteste måde at henvende sig til at designe dine mock-ups.

Elementerne vist i den følgende figur udgør din første mock-up skabelon. Hvert element svarer til et af følgende trin:

1. Start med en ramme.

   Start med at tegne en enkel, firkantet ramme. Tænk på denne ramme som værende hjemsted for alle dine data visualiseringselementer.

2. Bestem, hvor du skal placere logoet.

   Virksomhedsbranding er en høj prioritet for de fleste organisationer.

3. Tilføj en titel.

   Titlen på din mock-up er meget vigtig og bør være placeret i øverste højre hjørne eller i midten af ​​din ramme. Titlen er den første ting, som de fleste brugere vil se, og du vil gøre det meget klart, hvad de ser.

4. Giv en help menu sektion.

   Du vil muligvis gerne medtage et sæt hjælpeknapper i din datavisualisering. Nogle af de mest populære valgmuligheder omfatter

   • Print-knap: Tillader brugere at udskrive dataene viz fra deres enheder efter behov

   • Nulstil-knap: Tillader brugere at starte fra begyndelsen

   • Hjælpeknap: Giver nyttige oplysninger om dataene viz

   • FAQ-knap: Giver information om forskellige aspekter af dataene viz

5. Tilføj et navigationsområde.

   Den nemmeste måde at løse dette afsnit på er at tænke på dine yndlings tre hjemmesider. Navigationselementerne på disse steder er sandsynligvis langs øverst, til venstre eller på begge steder. Fordi brugerne læser i et tilbagegående Z-mønster, er disse områder de mest effektive steder for enhver navigationsmenu.

6. Tilføj en copyright-linje.

   Denne linje går normalt i bunden af ​​datavisualiseringen for at sikre, at brugerne ser, at arbejdet er ophavsretligt beskyttet.

Nu hvor du har medtaget de vigtigste elementer, er det tid til at bestemme et layout for at vise dine dataelementer, som vist i den følgende figur.

Dit layout er kroppen af ​​din mock-up, hvor visualiseringerne er placeret. Alle de elementer, der er beskrevet i artiklens første figur, er elementer, der omgiver layoutet.