1498501 - RDM - review ux for add device form

Status: RESOLVED DUPLICATE of bug 1487857

(DevTools :: Responsive Design Mode, enhancement)

Description

[Cristian Fogel [:cfogel]]

Attachment: rdm_AddDeviceFormUX.png

[Affected versions]:
- 64.0a1 (2018-10-11), 63.0b13, 62.0.3, 60.2.2esr;

[Affected platforms]:
- Win 10x64, macOS 10.13, Ubuntu 16.04

[Steps to reproduce]:
1. Launch Firefox;
2. Open the DevTools;
3. Click on the RDM button;
4. Click on the Responsive button;
5. Click on the Edit list option;
6. Click on the Add device button;

[UX Enhancement suggestions]:
1. the Save and Done buttons are to close one to another;
2. the input fields could have borders added, to make it more intuitive;
3. the Custom header can not be displayed at all until there are custom device setups added;
4. the Done button size can be increased;
5. padding under the Done button can be added so that the text is centered;
6. close(x) button for the modal can be shifted a few pixels to the left so that there it has the same distance from top as right;
 
 
[Additional notes]:
- image was made with dark theme, suggestions carry over to any theme;

Comment 1

[Martin Balfanz [:mbalfanz]]

Thanks for the UX suggestions.

We have a redesign planned already in bug 1487857, and I think it addresses all of your mentioned issues. I'm closing this bug, but feel free to reopen it if you disagree or add your comments to 1487857.

Comment 2

[Cristian Fogel [:cfogel]]

Thank you for the info, will follow that thread.
At first glimpse it does seem to cover my input as well.