UX: Enhancement in the "New Card"

[reverie-ss]

Steps To Produce :

1. Go to cards section
2. Click on "+ new card"
3. Type more than the limit of title
4. Click "Accept"

Current Behavior :
Does Nothing

Expected Behavior :
The error field should vibrate to bring the user focus about the error

Example :
https://codepen.io/vineethtr/full/LAEyw/

[iamronen]

I would suggest strategies to avoid this encounter altogether:

1. Remove the limitation on title size, it is too constricting for some cases (though in practice shorter titles are probably better). Allow common sense to guide rather than a forced and enforced (centrally made!) technical choice.
2. If there is a length limit - it is better to signal this to the user than to agitate when the line is crossed. A character counter (count-down is more useful because it gives orientation) can be added; and when the maximum limit is reached, stop responding to character input and provide visual feedback on why.
3. If there is no length limit - an indicator (something like password strength) may help indicating "strong length" (when title is shorter) and "weak length" (when title is longer). This feedback can include a tooltip popup that includes an explanation on why shorter titles are better (guidance, instead of enforcement).