50 UI Tips
Learning and science
ui design guide
SHOW HN2021
How HN took it
28 positive, 22 neutral or asking, 8 mixed, 7 critical, out of 65 comments about the project. Thread score +0.36.
Design: 7 for, 3 againstDocs: 6 for, 3 againstIdea: 6 for, 1 againstExecution: 2 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful checklist that is a good team baseline
From 2 comments
Although I ~never used Apple products, a good ten-fifteen years ago I ran through a quite expensive "Apple Human Interface Design"[1] book. After that, whenever another "book" /…
kmarc on HNI liked the points you raised, I think they serve as a good checklist for the finer details of designing UI. One critique I had when I was reading through is the use of he/him…
kmgb on HN
Free and easy to read
From 2 comments
Great book! Thanks for making it available for free. Another great book about webdesign is https://www.refactoringui.com/book (by the Tailwindcss creators)
pabe on HNReally interesting, easy to read, thank you. :) > Consider removing borders Don't this rule goes against good contrasts levels ? Yes, hard high contrasted borders are bad (&…
pjerem on HN
Objections
Some tips are contestable, such as autofocus, masks, skeleton loaders and character limits
From 1 comment
Miscellaneous feedback from skimming through: > Replace default file inputs with custom ones Be careful with this. A non-trivial fraction of the custom file inputs that I’ve seen…
chrismorgan on HN
Login tips like social authentication are out of scope for UI design
From 1 comment
Miscellaneous feedback from skimming through: > Replace default file inputs with custom ones Be careful with this. A non-trivial fraction of the custom file inputs that I’ve seen…
chrismorgan on HN
Grammar errors and typos
From 1 comment
Miscellaneous feedback from skimming through: > Replace default file inputs with custom ones Be careful with this. A non-trivial fraction of the custom file inputs that I’ve seen…
chrismorgan on HN
Requests
Fix grammar and typos
From 1 comment
Miscellaneous feedback from skimming through: > Replace default file inputs with custom ones Be careful with this. A non-trivial fraction of the custom file inputs that I’ve seen…
chrismorgan on HN
Consider removing borders tip is too absolute given contrast needs
From 1 comment
Really interesting, easy to read, thank you. :) > Consider removing borders Don't this rule goes against good contrasts levels ? Yes, hard high contrasted borders are bad (&…
pjerem on HN
Questions
Which pronoun to use for a hypothetical user
From 1 comment
I liked the points you raised, I think they serve as a good checklist for the finer details of designing UI. One critique I had when I was reading through is the use of he/him…
kmgb on HN
Alternatives named
Refactoring UI book
From 1 comment
Great book! Thanks for making it available for free. Another great book about webdesign is https://www.refactoringui.com/book (by the Tailwindcss creators)
pabe on HN