I want to improve mock which is basically a form with similar data all around. The product I'll be discussing here is web, based on a modified bootstrap 3 look.
Where I work, we are now discussing a way to configure the user and password used to communicate with other devices (which is basically what the system is for). The problem is that the user might have a lot of different combinations of user/password depending the point of access (protocol) they would like to use, for example SSH, HTTP, Telnet...
I received a mock for this web configuration modal and it looks like this:
(For privacy's sake, I've recreated the mock to show only what's relevant)
You can see that there a lot of inputs that are basically the same thing, they just happen to be used on another specific case. Please remember that all fields might have identical combinations, or totally different ones, that is up to the user.
This look quite strange to me, specially because if in the future more access point come to be available, more and more inputs will be there.
There must be a cleaner way to do it. What can I suggest to improve this?