Brandwatch Vizia/ – Designing for the unpredictable – It's just a web app
Brandwatch Vizia/ – Designing for the unpredictable – It's just a web app
0 0
vizia-pushconf
On Github cham / vizia-pushconf
Brandwatch Vizia/
Designing for the unpredictable
#insidebrandwatch
(We're hiring for JS and Java devs in Stuttgart, Berlin, Brighton :) )
Brandwatch Analytics/
Web based social media monitoring platform
Brandwatch Vizia/
A realtime data visualisation platformthat brings social data to everyone in your business
9 challenging months
Design Challenge
From single...
...to many
Design Challenge
Variance of data/ movement
Variance of data/ macro micro
Design Challenge
Physical context/ Lighting
Physical context/ Distance
It's just a web app
Uses standard web technology
"A browser"
Device support & Resolution
"4 inch to 4K"
Multiple screen sizes
Different orientations
Breakpoints not workable
100% Fluid, 1 breakpoint if necessary
Fluid layout
Building the Scenes
Multiple customisable visualisations
The Globe Tiles Sentiment BarometerThe Globe
Tiles
Barometer
Q4 2014
Technology Stack
From front to back:
D3, Canvas, HTML5 / CSS3 Backbone.js Node.js Brandwatch API (Java)Front end challenges
Runs on walls and in kiosks
Needs to stay running for up to 1 year
Absolutely no memory leaks
We spent a lot of time profiling memory!
Settled on Backbone and vanilla JS, very light
Push technology
Originally, everything went through websockets
Websockets don't play nicely with older / strict firewalls
Polling for data, push for anything else
Messages
Remote control
Web platform = <3
Any device, anywhere
Great for updates
Speedy development
Questions!
Thanks!
Julius Dietz (@juliusdietz) & Dan Neame (@cham)
github.com/cham/vizia-pushconf