Could you be very specific about what's sloppy? It would be very interesting to hear. I think I'm too numb from years of exposure.
Could you be very specific about what's sloppy? It would be very interesting to hear. I think I'm too numb from years of exposure.
Just look at the spacing and button layout, nothing is aligned, buttons are touching, the plus button is wider than the minus button, sizing is all over the place.
> "Nothing is aligned"
The first two items in each row are aligned, and each item is aligned to one of two columns
> "Buttons are touching"
The only buttons that are touching are the + and - buttons which are part of the number input, as they are one connected part, and the units dropdown which is also part of the number selection in one item
Looking at the toolbar:
- The icon theming is inconsistent. There's a group of black-and-white icons, a group of blue icons, and a group of colored icons. They are jumbled together and don't seem to indicate any kind of function.
- Tools are not functionally grouped in way which (to me) makes sense. Why is there no separation between "Select", "Adjust", and "Create" tools? Why is the color pipette not part of the color select thingy?
Tool options:
- Why does the Font selector have its label on top and to the right, rather than to the left?
- Why is there no spacing between the "+" of Size and the unit dropdown, like with the labels and the text selector right above?
- Why are window openers in the middle of text properties?
- Why do some options randomly have bold labels?
- Why are Hinting/Color/Style more to the right than the Justify options?
- Why does Color have a weird not-quite-rectangle with grey gaps, rather than reusing the design of the color selector in the toolbox?
- Why are there radio buttons for Justify, but dropdowns for Hinting, Style, and Box - despite them all having about the same number of options?
- Why do the options below Justify have icons rather than labels? Why is the first one using a different look and not visually centered with the other two?
- Why is the label for "Language" above the input field, rather than to the left of it?
Edit dialog on the screen:
- Why is the spacing between "backspace" and "bold" different from that between "bold"/"italic"/"underline"/"strikethrough"?
- Why is the spacing different from that between the font name and size?
- Why is there no spacing between font size and unit? Or, if they are a connected control, why are they not properly connected like -/+?
- Why is "reset to initial"(?) not a proper button?
- Why is the text size number field a different length than the other two? Do we expect people to enter 5-digit font sizes?
- Why does the gap to the right of "strikethrough" not match with anything?
So yes, I would say it is indeed a bit sloppy. There's probably another discussion to be had about its higher-level UX design, but (as a backend designer) this is the kind of stuff a backend developer ends up creating as a quick-and-dirty proof-of-concept before any of the front-end designers get involved.
It is functional, but definitely not enough effort went into making it good.