< Back
New CAN Modal
This task consisted in redesigning the way users create CAN messages in the VDSR app. The Modal needed the addition of new features and there were some usability issues that needed correction.
One of the main issues with the old interface is that the horizontal space was not properly utilized, labels were placed in a separate column next to the input fields, taking up valuable space when in mobile view.
“Add Packet” Button was placed before the first packet was configured. The placement of the button did not make sense from a hierarchical point of view, as well as it often made users click the Button even in cases where only 1 packet is necessary.
The layout of packet 1 needed to be optimized to make more screen room and create a more organized and better flow of the information. The Delete button for the packet is “sandwiched’ between information.
2 more CAN buses were needed for the newer interface, as well as the ability to be able to select from predefined signals and map to a specific packet.
New Concept
The new UI concepts is responsive and addresses all the issues mentioned above. All labels are on top of each corresponding input field now, packet 1 has been redesigned to indicate what information belongs to packet 1 only, and the link to add a new packet is now below packet one in case it is needed. A new set of extra screens let users assigned signals as a new feature request.
