We live in the land of mobile. So, how do you optimize your site for a mobile experience? The leading operating systems are Android and iOS. The catch is that Androids run on different devices, which in turn, have different specs. Let's talk about how to quickly get to the lowest common denominator.
Specs for the Apple iOS are easy enough. The screen size is 320x480. Just remember that iPhone4 has retina display, so the ppi (pixels per inch) is much higher than previous devices, 326 ppi vs. 163 ppi for iPhone 3GS. There is support for scaling here, but remember your user. Do you really want them to zoom into every text block to read? Or would you rather have them easily scan through text and scroll at their leisure?
How about Android? Yes, it's layered on lots of different devices, but the operating system has common support for sizes and densities.
- A set of four generalized sizes: small, normal, large, and xlarge
- A set of four generalized densities: ldpi (low), mdpi (medium), hdpi (high), and xhdpi (extra high)
Refer to the developer site for full info.
How do these specs match up? I'd recommend designing to 320x480, which matches both iOS and the "medium" Android screen size. No more than 160 dpi. I hope this quickstart is helpful for someone else. There's a lot of information that's rapidly changing. I'd encourage you to target a few devices and operating systems that you think your target uses.