UI Design
I designed a set of dynamic elements that represent physical components associated with on-site hardware and equipment. They were designed with relative scale to each-other (and the real-world) for use in the Adaptive Inventory RackDraw module.
If implemented, these would visually represent actual ports, connections and features of real-word equipment in the field and potentially convey utilization and status depending on the object type, as well as aiding the field technician in identifying certain equipment and port locations.
In addition to providing visual indication of the available ports & connections, users wished to model all of the visible components that make up the front and/or back of a peice of equipment. Below are just some of the elements I had designed to relative scale.
Each connection/port that gets utilized needs different interactivity whether the user is editing a shelf laying-out the elements to reflect the physical layout - or if a different type of user is using the UI to identify/locate specific hardware or ports.
The element above is for an RJ-45 (Ethernet) port, and is showing the various states of utilization and status, as well as mouse-over and selection states.
I also designed rotational variants of each element to allow for accurate representation of the real-world layout of the equipment.
