caninclude icon indicating copy to clipboard operation
caninclude copied to clipboard

Input interface should be more user friendly

Open jaapaurelio opened this issue 3 years ago • 1 comments

It took me a while to understand that the interrogation mark it's actually the submit button. It really looks like an help button. Also, it's missing the cursor pointer. First time I tried I input parent first, child second, seems more natural to a coder. I was confused with the result. The arrow to change the parent/child relation is very confusing, giving no indication what is parent what is child.

I would suggest having a code like approach. Where child is inside (bellow/after) parent.

Also, clicking the arrows would in fact change the inputs values. No need to keep arrows active, since we can swap as many times as we want.

I'm not a designer, but something like this.

Screenshot 2021-09-29 at 18 58 04

jaapaurelio avatar Sep 29 '21 17:09 jaapaurelio

Hi, @jaapaurelio !

Thank you for your feedback.

  • I agree about the button! Right to make it clearer, I really need to replace the question mark with text.

  • Regarding the strange behavior of the swap button of tag names: The thing is, I am not using client-side JS at all. For this reason, everything is done using CSS and HTML (switching tabs in the mobile view, activating the swap button also without JS). In the future, I think to use client-side JS in order to make UI more comfortable to use.

CyberLight avatar Sep 30 '21 05:09 CyberLight