Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Little UI Details

twitter.com

Post reply on HN
Print view View original

31–40 of 50 posts

Re: Little UI Details

#31

Post by Volt »

steveschoger wrote: post #18
shazow wrote: post #15

Great list, but Twitter is really not the best platform for this kind of content. Some of the screenshots have such bad compression artifacts that it's difficult to make out the before/after changes. For example: https://pbs.twimg.com/media/DDf7ef1XkAMh3Gp.jpg:large This is a much more readable version (though doesn't include the handy CSS annotations): https://codepen.io/tyrellrummage/full/ZJPXgy/

One of the benefits of using Twitter to publish these tips is having the constraint of 140 characters. This forces me to be creative and simplify the tips down to something that is super digestible. I publish tips regularly and Twitter makes it really easy to share them.

There's also Tumblr.

Re: Little UI Details

#32

Post by goldenchrome »

franciscop wrote: post #7

This is a great guide/collection! It does a great job for those who know the basics to step up the game, thank you so much. However, something notable that IMHO is missing is accessibility. This is clearly a DESIGN guide and should NOT be treated as a UI/UX guide. Some of the color in the page for instance don't pass the WCAG 2 AA guidelines, which is a really flexible one, let alone the WCAG 2 AAA (a more strict one…

UI/UX is part of design. Being inaccessible is just bad design.

Re: Little UI Details

#33

Post by [deleted] »

dkersten wrote: post #20
steveschoger wrote: post #18

Earlier quoted context omitted.

One of the benefits of using Twitter to publish these tips is having the constraint of 140 characters. This forces me to be creative and simplify the tips down to something that is super digestible. I publish tips regularly and Twitter makes it really easy to share them.

So set yourself a 140 character limit when you write a list on your blog? In this case though, I really wish there was more substance to the list, because I'm finding it a little difficult to see what exactly he means. As another commenter here said: "I wish the author included more info explaining their reasoning." which, of course, doesn't work in a 140 character limit. My personal opinion is that for-twitter conte…

[deleted]

Re: Little UI Details

#34

Post by mwkaufma »

Tips mosyly priviledge prettiness over usability. E.g. advice like "mix background hue into grey text" is why we have so much unreadable, non-contrasting text.

Re: Little UI Details

#35

Post by mwkaufma »

mwkaufma wrote: post #34

Tips mosyly priviledge prettiness over usability. E.g. advice like "mix background hue into grey text" is why we have so much unreadable, non-contrasting text.

I guess I have an axe to grind because, as a colorblind person, I often feel like "designers" just wish I didn't exist, like user needs are an inconvenience and not _the whole point_. /Rant

Re: Little UI Details

#36

Post by tyingq »

Lot of gems there, however:

" A subtle link for negative secondary actions often works better than a big bold button"

Careful with that one. "Better" and "negative" are in the eye of the beholder. Take it too far and you're into dark patterns or at least a confusing UI.

Re: Little UI Details

#38

Post by dmitriid »

I love that these facts by Steve Schoger were collected and shared by ... Senior Designer at booking.com

Has senior designer at booking.com seen booking.com?

Re: Little UI Details

#40

Post by vladdanilov »

guipsp wrote: post #26
steveschoger wrote: post #18

Earlier quoted context omitted.

One of the benefits of using Twitter to publish these tips is having the constraint of 140 characters. This forces me to be creative and simplify the tips down to something that is super digestible. I publish tips regularly and Twitter makes it really easy to share them.

Add a pixel with a slight transparency anywhere on the image to prevent twitter from compressing the images

I've been using an Automator service to do just that. For anyone interested https://github.com/vmdanilov/mac-automation.
Post reply on HN