Datavisualisering: Bygga malllayouter för dina Mock-Up-dummies

Om du har valt att använda penna och papper eller ett mjukvaruprogram för mjukvara, är den goda nyheten att du inte behöver återuppfinna hjulet. Att bygga och använda mallar är det snabbaste och smartaste sättet att närma sig utforma dina mock-ups.

Elementen som visas i följande bild utgör din första mock-up-mall. Varje element motsvarar ett av följande steg:

1. Börja med en ram.

   Börja med att skriva en enkel, fyrkantig ram. Tänk på denna ram som hemma för alla dina datavisualiseringselement.

2. Bestäm var du ska placera logotypen.

   Företagets varumärke är en högsta prioritet för de flesta organisationer.

3. Lägg till en titel.

   Titeln på din mock-up är väldigt viktig och borde placeras i det övre högra hörnet eller i mitten av din ram. Titeln är den första som de flesta användare kommer att se, och du vill göra det mycket tydligt vad de tittar på.

4. Ge en hjälpmenyavdelning.

   Du kanske vill inkludera en uppsättning hjälpknappar i din datavisualisering. Några av de mest populära alternativen är

   • Utskriftsknapp: Tillåter att användare skriver ut data viz från sina enheter efter behov

   • Återställningsknapp: Tillåter att användare börjar från början

   • Hjälpknapp: Ger användbar information om data viz

   • FAQ-knapp: Ger information om olika aspekter av data viz

5. Lägg till ett navigeringsområde.

   Det enklaste sättet att hantera det här avsnittet är att tänka på dina tre favoritwebbplatser. Navigationselementen på dessa platser är troligen längst upp, på vänster sida eller på båda ställena. Eftersom användare läser i ett bakåtriktat Z-mönster är dessa områden de mest effektiva platserna för alla navigeringsmenyer.

6. Lägg till en upphovsrättslinje.

   Den här raden går vanligen längst ner i datavisualiseringen för att se till att användarna ser att arbetet är upphovsrättsskyddat.

Nu när du har tagit med huvudelementen är det dags att bestämma en layout för att visa dina dataelement, som visas i följande bild.

Din layout är din mock-up kropp, där visualiseringarna är inrymda. Alla element som beskrivs i artikelns första figur är element som omger layouten.