WoltLab / WCF

WoltLab Suite Core (previously WoltLab Community Framework)
https://www.woltlab.com
GNU Lesser General Public License v2.1
238 stars 143 forks source link

The name of the input field inside the input field. #5707

Open eveneme opened 11 months ago

eveneme commented 11 months ago

Nested input field naming for improved design and space efficiency. In my opinion, there's no need to describe the input field above and then repeat the description inside. Why duplicate information?

Examples:

image image image image

This would save a lot of space and enhance the appearance.

mutec commented 11 months ago

Using placeholders as definition of a field is pretty bad since you can't see the text after filling that field. Placeholders should contain examples only.

eveneme commented 11 months ago

On the attached examples, it can be seen that the text from the input moves up above the input. This takes up significantly less space than the text located above the input. Examples:

image

image

eveneme commented 10 months ago

In my opinion, the best solution would be an input in this style, like a conceptual sketch. Such an input looks much more aesthetic, takes up less space, and serves the same functions as a regular one.

image

eveneme commented 10 months ago

Suggestion 2:

image

eveneme commented 9 months ago

On WoltLab, there are numerous inputs that influence the appearance of individual sections. In my opinion, we should move away from the standard, less aesthetic input in favor of a more efficient solution, providing not only a visually pleasing effect but also occupying less space.

In my opinion, a model like this would work best: image

You can see versions of various inputs here: https://mui.com/material-ui/react-text-field/

eveneme commented 1 month ago

I’ve reviewed numerous inputs, and I believe the one for WoltLab would be the best option. It’s an input similar to what Google uses. You can see it here: https://mui.com/material-ui/react-text-field/

It’s aesthetically pleasing, takes up very little space, and is fully functional. I think that along with the template redesign in version 7.0, the inputs should also be refreshed. The user interface needs to be inviting and aesthetically pleasing.

Image