Huis Persoonlijke financiën Gegevens Visualisatie: ontwikkeling van een eenvoudige zwart-witmodel - dummy

Gegevens Visualisatie: ontwikkeling van een eenvoudige zwart-witmodel - dummy

Video: Week 9, continued 2024

Video: Week 9, continued 2024
Anonim

Nadat je je storyboard hebt gedefinieerd en beschreven, is het tijd om je mock-up te ontwikkelen. Mock-ups worden ook wireframes of prototypes genoemd. Beschouw ze als ruwe schetsen die u helpen visualiseren hoe de uiteindelijke uitvoer eruit zal zien.

Misschien vindt u het een beetje onverwacht om te beginnen met een eenvoudige zwart-witschets. Immers, is niet een van de belangrijkste punten van datavisualisatie om elementen zoals kleur te gebruiken om de meest effectieve verhalen uit de data te vertellen? Het antwoord is ja, maar niet tijdens de mock-up fase. Door mock-ups zonder kleur te gebruiken, dwing je gebruikers zich te concentreren op datgene waarop ze zich moeten concentreren.

Als u het mock-up proces met kleur start, zullen uw gebruikers zich niet op iets anders concentreren - niet op de gegevens, op de lay-out of zelfs op de vraag of het bericht correct wordt overgebracht. De kleurendiscussie wordt het brandpunt van het hele mock-upproces en uw uiteindelijke datavisualisatie zal eronder lijden.

Je enige doel in deze fase is om de deelnemers te laten aftekenen in de lay-out van je mock-up. Je hoeft niets speciaals of kunstigs te doen om die goedkeuring te krijgen.

Hoewel deze benadering redelijk logisch lijkt, kunnen sommigen van u er nerveus over doen. Je zou kunnen vrezen dat gebruikers ongeduldig worden of uitgeschakeld worden door een eenvoudige zwart-witte mock-up. Om deze zorg weg te nemen, moet u er een gewoonte van maken om de verwachtingen opnieuw te formuleren en verwachtingen te stellen over wat gebruikers moeten verwachten dat hierna en in het uiteindelijke resultaat zal gebeuren.

De uitzondering op deze regel zijn mock-ups die zijn gemaakt voor een uitvoerend publiek. Uw tijd met leidinggevenden zal waarschijnlijk beperkt zijn, dus het is van cruciaal belang dat u ze niet benadert voordat u een volledig functionele visualisatie van het merk hebt. Alles minder, en u loopt het risico te worden afgeschoten!

Enkele andere voordelen van het vasthouden aan zwart en wit voor uw eerste mock-up zijn onder meer: ​​

  • Bespaart tijd en geld bij het aanbrengen van wijzigingen: Het is minder duur om ontwerpwijzigingen aan te brengen op een zwart-wit schets dan het is om veranderingen aan te brengen in een systeemklare visualisatie verbonden met live data.

  • Houdt de focus op de plaatsing, positie en grootte van elk element in de visualisatie: Door dingen in een vlakke, kleurloze ruimte neer te zetten, kunt u achterhalen waar elk onderdeel moet worden geplaatst voor een mooie, duidelijke gebruikersinterface dat vertelt een meeslepend verhaal. Kleur vervormt soms uw zicht op de algehele lay-out en zorgt ervoor dat u zich op de kleinste items in het model concentreert.

Gegevens Visualisatie: ontwikkeling van een eenvoudige zwart-witmodel - dummy

Bewerkers keuze

Setup Menu 3 op de Rebel T6i / 750D - dummies

Setup Menu 3 op de Rebel T6i / 750D - dummies

Er wachten nogal wat aanpassingsmogelijkheden op de Setup-menu van de Rebel T6i / 750D 3. Setup-menu 3, weergegeven in de volgende afbeelding, bevat de volgende aanpassingsmogelijkheden: Schermkleur: standaard bevat het scherm Opname-instellingen opnamegegevens in het wit op een eenvoudige zwarte achtergrond. Er worden grijstinten in grijstinten gebruikt en accenten worden meestal oranje gemarkeerd. ...

Bewerkers keuze

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst aan een inhoud toevoegen tijdelijke aanduiding in Microsoft PowerPoint, klik op het gebied Klik om tekst toe te voegen en typ wat u wilt. Als u een ander type inhoud wilt toevoegen, klikt u op het pictogram in de tijdelijke aanduiding voor het gewenste type. Als u meer tekst typt dan in dat tekstvak past (vooral gebruikelijk voor ...

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

De Prullenbak op uw computer bevat onlangs verwijderde items. Uw oude bestanden bevinden zich in de Prullenbak en u kunt ze ophalen totdat u deze leegt of totdat deze de maximale maximale grootte heeft bereikt, en Windows automatisch enkele bestanden dumpt. Nadat u de Prullenbak hebt leeggemaakt, zijn alle bestanden daarin niet beschikbaar voor ...

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Nadat u een document hebt gemaakt, bent u klaar om te beginnen met typen. Tekst op de pagina plaatsen (of op het scherm) is een beetje anders in elk van de drie grote Microsoft Office-toepassingen: Word, Excel en PowerPoint. Woord: Het belangrijkste werkgebied van het programma is een lege lei waarop u rechtstreeks kunt typen. Klik gewoon in de ...

Bewerkers keuze

Animatie maken met de HTML5-canvastag - dummies

Animatie maken met de HTML5-canvastag - dummies

Hoewel de HTML5-canvastag misschien niet als vervanging voor Flash als mechanisme voor het implementeren van games en animaties in de browser, is het redelijk eenvoudig om animaties aan een canvasafbeelding toe te voegen. De sleutel is om de animatiefuncties te gebruiken die al in de browser zijn ingebouwd. Basisstructuur van de animatielus in HTML5-canvas Een animatie ...

Hoe externe stijlen maken in CSS3 - dummies

Hoe externe stijlen maken in CSS3 - dummies

De meeste ontwikkelaars gebruiken externe stijlen in CSS3 om te verkleinen de hoeveelheid werk die nodig is om een ​​site te onderhouden. Een. CSS-bestand bevat alle stijlen voor de site, wat betekent dat het veranderen van een stijl voor de hele site net zo eenvoudig is als het veranderen van dat ene bestand (in plaats van elke pagina). Omdat de wijziging plaatsvindt in slechts ...

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

De Yahoo! Gebruikersinterface (YUI) -bibliotheek (Yuilibrary) is een complete ontwikkeling - API verwant met jQuery en jQuery UI CSS3 gecombineerd in sommige opzichten en rijker dan deze bibliotheken in andere. Dit is een complexe API die is ontworpen om aan de behoeften van grotere applicaties te voldoen. Eigenlijk moet je echt de tutorials doorlopen, ...