July 9, 2011

Apple doesn't have separate web design for smartphone browser

The following article analyze Apple website and try to know what Apple thinks about web site design for PC and mobile.

考察:Appleはスマホサイトを作らない。

According to the article, the author find out that

  • Apple sets “viewport” width as 1024px, which is rendered as if 1024px width in mobile browser (mobile safari).
  • Basically each page has large image at top of the page. And 3 - 4 images lined up in 4 columns under the large image.
  • When you double tap a small image, mobile safari zooms the contents and it fits the screen size. At this point, you can easily read the text with the image.

It can be considered that apple.com is optimized both PC and mobile web browser with one design. With mobile browser, you can see the page contents at a glance, and then you can access information that you want with double tap. The author says that this design seems mobile web design that Apple upholds.