Taking inspiration from the Windows 8 tiles and one of Twitters old grids, I began piecing together page layouts for common controls we see at AVI-SPL.
I had a clear idea about what the main content area would be. I used a classic paper and pens approach to work out a few ideas about how to layout elements related to room information and other elements that would remain consistent throughout. I quickly moved into designing in VTpro-E (Crestron’s design software). I started in Crestron because they make the panels we sell the most.
Right away I identified a way to take advantage of a new feature in newer Crestron panels. Scaling was made much easier in the new design software and since the actual button graphics would be very simple, I could make approximately 4 separate images to cover all the button needs. The majority of the images would be for the icons.
An advantage to working so closely with so many programmers is almost always having someone to try out anything new I work up. I gave my touch panel file to Programmer Curtis and got as much feedback from the programming perspective as I could. This meant a bit of restructuring, but ultimately a better built interface file for the programmers.
As we began to implement the interface on a few jobs, buttons were moved, functions were added, until something resembling a final version emerged. We generally implement an Agile methodology.
Once the team felt True Tiles was at a good place, I began adapting it to different Crestron and AMX panels, as well as popular devices like iPads.
When it was all said and done, I feel like True Tiles is one of the stronger company interfaces I created for AVI-SPL. The limited graphical resources makes customizing with client brand colors a breeze. Having a “flat” design in our arsenal of interface options helps make AVI-SPL better suited to meet the needs of more clients.