Tommy (@tommy_UX) header
Tommy (@tommy_UX) profile picture

Tommy

@tommy_UX

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

 Netherlands
uxdesignpatterns.substack.com/
Joined November 2024
  • Tweets72
  • Following99
  • Followers6
14Media
Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)Photo by Tommy (@tommy_UX)
Software design > landing page design 🫣 #UXDesign #buildinpublic
1
25
Great software is usually just boring stuff done well. Some useful links: - nngroup.com/articles/require… - smashingmagazine.com/2023/02… - carbondesignsystem.com/patte… Follow for more! :D
Marking Required Fields in Forms

Marking Required Fields in Forms

Using an asterisk to mark required fields is an easy way to improve the usability of your forms. Only marking optional fields makes it difficult for people to fill out the form.

nngroup.com
1
12
3. Validation: Does the validation happen when the user leaves the field, or only after they click the "Submit" button and fail?
7
2. Labels: Do the labels sound like a human conversation, or a database column name? Or... do they even have labels?
7
1. Optional vs mandatory: Are we marking 10 required fields, or just the 2 optional ones? (Do the latter).
6
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. 🧵
4
1
15
Tommy retweeted
Tommy (@tommy_UX) profile picture
Tommy@tommy_UX8 Dec 2025
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?
Image from Tommy (@tommy_UX)
1
28
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?
Image from Tommy (@tommy_UX)
1
28
Or go to a web tool like WebAim, the old and trustworthy source! :D webaim.org/resources/contras…
11
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:
Image from Tommy (@tommy_UX)
14
Link to a W3 article for a further deep-dive: w3.org/WAI/WCAG21/Understand…
8
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) profile pictureAmin
@Amin__turki7 Dec 2025
Pink or Green?
Image from Amin (@Amin__turki)
3
31
Image from Tech Bro Memes (@techbromemes)
275
3,563
614
54,207
2,779,432
How planning your to-dos post-holiday feels like in UX world:
9
Justin Bieber now understands UI / UX fundamentals better than Apple It's been a weird year
Justin Bieber (@justinbieber) profile pictureJustin Bieber
@justinbieber6 Dec 2025
If I hit this dictation button after sending a text and it beeps and stops my music one more time, I’m gonna find everyone at apple and put them in a rear naked choke hold Even if I turn off dictation I somehow hit the voice note thing The send button should not have multiple functions in the same spot
Image from Justin Bieber (@justinbieber)
119
2,421
55
35,411
3,640,998
someone put it on a poster please.
sg (@shre_no) profile picturesg
@shre_no31 Jul 2025
ux = user gets it. ui = user likes it. brand = user remembers it. copy = user feels it. design = all of the above.
1
27

No more items