I wanted to get some opinions and feedback on using an image of a back panel for navigation. In our current UI we have a setup of a appliance. The appliance has a number of ports and some need to be configured.
Note this is not the exact back panel but looks similar
Right now the interaction is that you click on the port that you want to configure and then we display the configuration settings below. For example if you clicked on the port #8 in the image above, we'll display config settings for port 8.
A few things to note, not all ports are configurable, but the ones that are, we highlight them. So on hover the user will get a mouse over and then on click they'll see the config for that port.
My concern is that it's not very discoverable. The user first has to decide what they want to configure and then find it in the backpanel image and click on it. I'm thinking a list or a hybrid approach might be more appropriate.
What's the community's feedback on this?