Tommy

I make products better with UX design. Writing a newsletter, and sharing everything I know about UX design patterns. 🧩

[Tommy @tommy_UX]

@cursor_ai introducing drag-and-drop in to their tool!
This is really good, at least for me, since I now can push the final details myself within the tool visually.

WDYT?

[Tommy @tommy_UX]

Software design > landing page design
��

#UXDesign #buildinpublic

[Tommy @tommy_UX]

Great software is usually just boring stuff done well.

Some useful links:

- https://t.co/WXQiLSBmaY
- https://t.co/nLHqrzo4la
- https://t.co/x1XLx5voJC

Follow for more! :D

[Tommy @tommy_UX]

Next time you are doing a design review, pause on the forms.

We often look over them to get to the "cool" features, but forms are where the work actually happens.

Check these 3 basics before continuing. 🧵

[Tommy @tommy_UX]

3. Validation: Does the validation happen when the user leaves the field, or only after they click the "Submit" button and fail?

[Tommy @tommy_UX]

2. Labels: Do the labels sound like a human conversation, or a database column name? Or... do they even have labels?

[Tommy @tommy_UX]

1. Optional vs mandatory: Are we marking 10 required fields, or just the 2 optional ones? (Do the latter).

[Tommy @tommy_UX]

Just noticed that every icon and blue piece of text in @X when creating a post fails standard colour contrast guidelines for their actions.

A horrible 3:1.

European Accessibility Act isn't complied to X?

Any UX designers there that can fix this?

[Tommy @tommy_UX]

Just noticed that every icon and blue piece of text in @X when creating a post fails standard colour contrast guidelines for their actions.

A horrible 3:1.

European Accessibility Act isn't complied to X?

Any UX designers there that can fix this?

[Tommy @tommy_UX]

@marcelkargul Love the eye for detail in shadow and borders here!

Some unwanted advice:

Contrast of the button text is bit too low, white on green isn't the most compatible. :)

[Tommy @tommy_UX]

@kail_designs That hero background is 🔥
Adds a lot of calmness to the UI.

Created it yourself or found it somewhere, if so drop the source!

It’s background material!

[Tommy @tommy_UX]

Or go to a web tool like WebAim, the old and trustworthy source! :D

https://t.co/W260xIMe0d

[Tommy @tommy_UX]

Good example and reminder in this design to check your contrast!

Aim for a 4.5:1 for smaller text.

Large text is more flexible with a 3:1.

[Amin @Amin__turki]

Pink or Green?

[Tommy @tommy_UX]

Unsure about your contrast?

If you are using Figma they have a contrast checker built-in natively!

Just go to the color section and tick the circular icon:

[Tommy @tommy_UX]

Link to a W3 article for a further deep-dive: https://t.co/hKytfyfg4w

[Tommy @tommy_UX]

@Amin__turki B all the way.

Contrast failure with the “pink” brand color.
It’s a 2.79:1 ratio.

Green scores better and therefore is more readable. (5.99:1)

[Tommy @tommy_UX]

How planning your to-dos post-holiday feels like in UX world:

[Benjamin De Kraker @BenjaminDEKR]

Justin Bieber now understands UI / UX fundamentals better than Apple

It's been a weird year

[Tommy @tommy_UX]

someone put it on a poster please.

[sg @shre_no]

ux = user gets it.
ui = user likes it.
brand = user remembers it.
copy = user feels it.
design = all of the above.