This one makes me laugh. Shifting elements around a few pixels on focus isn’t a terrible idea; I’ve designed it, and it looks great in flat comps. It can give an element more dimensionality if it looks like it’s physically pressed in, for example. However, when it comes to implementing it, it just ends up looking broken, like this:

See? The Amazon icon on the unselected tab comes dangerously close to the edge of the tab. The label, also, doesn’t get shifted down. It looks like a mistake, it feels like a mistake. It is a mistake. (One, I’ll point out, I didn’t make.) It’s too subtle, and users won’t get it (I’ve seen them not get it); I can’t believe Apple missed this one. Oh, wait, yeah I can. Once again, lack of user testing produces inferior results.
On the other hand, I will hand it to them for reversing their position on the position and behavior of the tabs. Still, the icon thing? Fail.





