Live data from Hacker News

Why you should move that button 3px to the left

gv.com

31–40 of 164 posts

Re: Why you should move that button 3px to the left

#31
It's also that for a designer that 3px is HUGE.

It's like if you see this in your code:

  print 1
  print 2
  print 3
  print 4
  print 5
  print 6
  print 7
Any programmer would refactor that in a heartbeat without thinking too much about the impact or if it really matters.. it's just a plain bad smelly code.

For a designer, unaligned things is just as annoying. It's not that much about if other people can see it. Some will "feel" it, some will clearly see it, some won't see it. But it's just smelly wrong.

Yes you could make a point of not tweaking it, but it's faster anyway to fix it rather than discuss it.

Re: Why you should move that button 3px to the left

#32

I think the author is right. Good, consistent design with good ergonomics certainly makes work more pleasant and enjoyable. And Yes. Yes. The difference that the 3px makes is incredible. So do get yourself that extra 26" IPS monitor with extra 1920 x 1200 pixels. I will kindly warn you though, that I do have some reservations about mentioned 'Apple glossy pixels', as although I'm currently wasting time writing this o…

I love working on my Mac, but the use of Cmd-Left and Cmd-Right instead of the & keys really causes me lots of wtf? moments when I'm editing.

Fortunately xcode allows you to customize those keys which has made code editing a lot more pleasant.

Re: Why you should move that button 3px to the left

#33
So why should you move that button? The article doesn't actually answer the question. If a UX designer just says "move the button by 3px because it looks nicer", then there is a good chance that someone higher up the hierarchy will say move the button by 4px because that looks better. And since neither of them are able to actually justify their reasons beyond some vapid and subjective claim of making the product "more delightful", the person with more seniority wins.

Contrast this with the engineering version of this debate where the decision between using foosort and barsort can be decided based on which one results in lower CPU usage. Or a UI element is moved 3px because it allows reducing the depth of the UI widget tree which improves the FPS by X during complex animations. Or that a button's bg shouldn't be #282828 because of the problems with 16-bit color.

The other big problem with quibbling over 3px in Photoshop mocks is that the mocks tend to be designed on high dpi displays using Photoshop or Illustrator which do not need to handle realtime rendering so they use high quality antialiasing and scaling. When the mocks are implemented, the final product is viewed on a multitude of devices with different rendering characteristics. So the 3px change might result in a blurry line because the widget no longer snaps to the pixel grid of the lower resolution device after the system scales the image to handle resolution independence.

So if a designer asks for a 3px change without justification, then the engineer should push back until a good reason is given. There are objective aspects to UI and subjective aspects. Discussing the former is straightforward and the decisions are relatively easy to make. But discussing the latter quickly degenerates into bikeshedding.

Re: Why you should move that button 3px to the left

#34
This article pisses me off something immensely. How about you learn to fucking code your own design?

'Yet we’re at the mercy of our teams. We can design beautiful, intricate, delightful details — but we can’t build, test, and deploy them all.'

No shit, so how about you stop being one of those lazy-ass photoshop goons who play fucking color-the-button on dribble all day long and actually learn to code your own fucking interface, either in Cocoa, JS, CSS or whatever.

This ain't the 80's no more. Software Engineers that work on front-facing stuff can and have learned design. Not just graphical design but even interaction design and designing slick user experiences.

Though I can't speak for all platforms, most Web & iOS developers I've met can do all that photoshop pixel-perfection bullshit _AND_ code the interface.

Which makes me hard to think why even have these photoshop-cowboys.

'We can design beautiful, intricate, delightful details'

The .psd file or your design ideas isn't worth anything. Fuck you if you call yourself a designer and can't work on the final medium.

EDIT: Pardon the tone.

Re: Why you should move that button 3px to the left

#35

This is a fantastic article. To people below who say the designer should make the change him or helself -- as a front-end developer, I say a million times, NO NO NO. Does the designer know how to use git and commit properly? Do they know on what branch? Understand the deployment schedule? Perform browser testing? Are they part of code reviews? Do they understand whether that rule is used by just that component, or ju…

'I'm having a tougher and tougher time appreciating these photoshop cowboys. '

Give me a break. That's the default these days. I've yet to met iOS developers or front-end engineers who can't design.

We don't need these photoshop goons anymore.

Re: Why you should move that button 3px to the left

#36
Every once in a while this article pops up rewritten in another form.

Attention to details is fantastic, but the mark of the best designer is one who ships. It is in fact the mark of the best artist who is pixel perfect. This is not saying that you shouldn't be fixating on the details - but don't let it interfere with the client's goals of actually being out there.

Re: Why you should move that button 3px to the left

#37
post #7
post #4

When I used to work with my designer friend, he would tell me to do things like that: increase this padding by 5px, lighten the color by a little, slightly decrease the border-radius, etc. One by one like that, I find it hard to follow and it doesn't feel like anything really looks different -- until I compare the finished product with what I originally made by myself. Anyway, slightly OT: the screenshot looks like a…

Did you show your designer friend what happened when someone presses ctrl +? Or uses a different browser or loads their own fonts or etc etc etc? Designers have caused real harm to the WWW. They're clearly not the worst thing about WWW but they're pretty bad.

>Designers have caused real harm to the WWW. They're clearly not the worst thing about WWW but they're pretty bad.

What does this mean?

Re: Why you should move that button 3px to the left

#40
post #33

So why should you move that button? The article doesn't actually answer the question. If a UX designer just says "move the button by 3px because it looks nicer", then there is a good chance that someone higher up the hierarchy will say move the button by 4px because that looks better. And since neither of them are able to actually justify their reasons beyond some vapid and subjective claim of making the product "mor…

I guess the 3px was more a rhetoric to drive home the more important point that design (UX and UI) matter. As has already been pointed out by someone in the this discussion, if a designer is asking you to more "3px", it is to align that element with other stuff on that page.

The larger point that it lends credibility to your product is mostly overlooked. I have seen in my consulting experience that taking care of small UX flow and info flow issues has led to veritable gains by companies.

Going by the discussion, it seems there is a good opportunity in the space of "engineering-design collaboration" :)

Post reply on HN