March 16, 2012

The New iPad's Screen Under the Microscope

Like any self-respecting UI designer, I have a microscope1 sitting on my desk.2 Here are some pictures comparing a bunch of different screens. They’re all taken at approximately the same magnification.3 At the scale that the pictures were taken, the width of this bar equals about 1mm:

spacer

Note that not all screens are oriented the same way; sometimes, I had to turn the devices to take the picture.

Here’s the iPad 2’s screen:

spacer

And here’s what the third generation’s screen looks like:

spacer

It’s easy to conceptually understand the idea of quadrupling the pixel count, but once you actually see what this means, it’s frankly pretty astonishing. The iPad 2’s pixels look gargantuan next to the diminutive pixels from the third-gen iPad.

By the way, Apple’s PR makes it sound like there’s almost no space between individual pixels. While there’s much less space than on the old iPad, rows of pixels are still placed quite a bit apart from each other.

Similarly, here’s an iPod touch (2007):

spacer

Here’s an iPhone 4S:

spacer

Comparing the iPad 3 to the iPhone 4S shows the iPhone’s slightly higher resolution:

spacer

Let’s see some other recent devices. Here’s a BlackBerry PlayBook:

spacer

And its similar competitor from Amazon, the Kindle Fire:

spacer

There were some rumors that the two used similar hardware. Clearly, this doesn’t apply to the screen at all.

Moving on to some cell phones. First, the HP Veer:

spacer

Next, the Google Nexus One.4 It sports one of these horrible PenTile RGBG OLEDs:5

Let’s look at some recent gaming devices. This is a Nintendo 3DS:

spacer

Note how this screen doesn’t have square pixels; two pixels fill up one square. This is so the screen can send a different pixel to each eye, creating the 3D effect.

Here’s the PlayStation Vita:

spacer

For comparison, its predecessor, the PSP:

spacer

And Sony’s «other» portable console, the Xperia Play:

spacer

And finally, here’s the OpenPandora:

spacer

This screen looks a bit blurry under the microscope because it has an anti-glare coating. In real life, the screen looks great, especially in situations where the other screens show distracting reflections.

Update

Somebody asked for an e-paper Kindle. Here’s the Kindle Keyboard (third generation), at the same magnification:

spacer

Update 2

Somebody asked for a more recent Android device. Here’s a Sony Tablet S:

spacer

Update 3

Here’s the HP TouchPad:

spacer

Update 4

This is a picture of the Galaxy Nexus’s screen that should be roughly at the same scale:

spacer

It was taken by Keyan Mobli (via imahotdoglol). It’s another PenTile RGBG OLED, so it only has two subpixels per pixel.

Update 5

Dr. Drang has some more pictures, taken using a better microscope. Also, on a completely unrelated note, I agree with him that iPhoto on iOS isn’t necessarily a beginner’s program, but I don’t think pro users are happy about having to read a manual or watch an Apple Keynote, merely to figure out how to do the most basic things in the application. Mystery meat gestures may have the worst effect on casual users, but they’re bad for everybody.

Update 6

Via mefi, a Commodore 1702 Color Monitor, an NEC 33090WQXi, and an IBM T221. Also, StickyCarpet notes that «This is starting to sound like an evaluation of MP3 bit rates made through $3 ear buds.» Well, yes. If I haven’t been clear enough, let me repeat that this isn’t a scientific evaluation of these screens. It’s really just a bunch of interesting pictures. And finally, my microscope is really cheap, but I am in fact able to turn off its LED lights :-)

Update 7

This article has been translated to Ukrainian by softdroid.net.


  1. It’s a very cheap USB microscope from Bresser. I wouldn’t recommend it; as you can see, the images aren’t particularly good. You can probably get much better pictures by investing just a bit more money. spacer

  2. In all seriousness, as displays with super-high resolutions start to be more widely used, this might become a more common sight. spacer

  3. At «80x», although what exactly that means depends on how you’re viewing this post. spacer

  4. I would have like to include some more recent Android or WP7 phones, but I just don’t have access to any, sorry! This isn’t so much meant as a comparison, as it is an interesting look under the hood of these devices. spacer

  5. The Samsung Omnia 7 has a very similar screen. I’d include a picture, but I can’t. I sent my Omnia 7 to Samsung’s support for repair back in June 2011 (they shipped some Omnia 7s with a broken firmware). Samsung’s support acknowledged receiving it, and that’s the last I heard about that. spacer

If you require a short url to link to this article, please use ignco.de/437

spacer spacer

If you liked this, you'll love my book. It's called Designed for Use: Create Usable Interfaces for Applications and the Web. In it, I cover the whole design process, from user research and sketching to usability tests and A/B testing. But I don't just explain techniques, I also talk about concepts like discoverability, when and how to use animations, what we can learn from video games, and much more.

You can find out more about it (and order it directly, printed or as a DRM-free ebook) on the Pragmatic Programmers website. It's been translated to Chinese and Japanese.

gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.