DeviceRadio was tasked with creating a demo which includes tablet UI where a user remote controls a truck for Einride. I helped create the UI and some UX of the tablet experience.
Context and scope
Einride is working towards an autonomous electric transportation system. DeviceRadio helped create a prototype which includes a desktop setup and a tinier version of the truck that was to be controlled.
As I wanted to avoid having to update two different versions at once, I also chose to put both screens into one html file and set a variable which enables you to set which screen to show. This also made it easier to make quick tests and troubleshooting if there were connection issues or other problems.
What was fun to work with was some of the logic that should function in the interface. For instance, toggling buttons should first confirm data from the server before being enabled. The left and right turning signals also are coupled together so that you can’t have both active. The flood/full lights do not toggle on if the normal lights aren’t already toggled, but can be pressed and held for use as a light horn. Also of note are that the pitch and roll of the truck were CSS transformations.
Some extra notes
The data was sent through to RabbitMQ, but there’s a lot more magic on DeviceRadio’s side which just makes all this work. On my end it was only a matter of sending JSON data.
Some issues that we couldn’t account for was that the demo was under a white tent, which affected the visibility of the tablet UI as they were flush against a flat table. I think in future iterations angling the tablets would help avoid this situation more and give more visibility in general. It would also prevent using the flat surface of the tablet as the table, I feel.