When Apple CEO Tim Cook unveiled the new iPad, some designers and developers scrambled. The reason for the panic was because the third generation tablet had a beautiful retina display—four times the resolution as its predecessors. That meant apps had to be designed @2x for the retina. We didn’t do anything at Xhatch. Why?
We had our retina display assets ready three months before the announcement.
One night while working with my colleagues we talked about the rumor of the new iPad. There was rumor that it would be a widescreen format and the industrial design would change. We could have listened to the rumors on Tech Crunch or Mashable, but we didn’t? Why? We do not care what they think or report. Our team had to make a decision: should we wait until the announcement to know for sure or take a gamble?
We took a gamble, and it paid off.
We looked at the iPhone retina display and took a guess that the 1024×768 iPads would be upgraded to a 2048×1536 resolution. For those who don’t develop iOS apps, the retina display and non-retina display (such as the iPhone 3G and 3Gs) have different assets, differentiated by “file.png” and file-@2x.png”. That’s how iOS knows which assets to use for which device.
I figured if we were wrong, we would just have some huge ass assets and scale down to the original size. We were hoping and praying that for some reason there wouldn’t be a wider resolution that change the proportions.
In the end, we were so glad that it was right because it saved us so much time since all the graphical assets were ready. Our apps were retina display ready three months before we even knew we had to design for it.
Design what is about to come, not just what is already out there.
Design for the future.
























