One of the most difficult aspects of designing for the mobile web is making your site compatible and accessible across different devices. A mobile-optimized site might look great on your iPhone or Android (
) device, but utterly fall apart on Symbian or BlackBerry handsets. Likewise, a simple WAP-enabled site might be fine for feature phones, but fall short of expectations when it comes to newer and more advanced devices.We’ve covered some of the ways to streamline the process of creating your mobile-optimized site in the past. Today, we want to take a look at some specific tips and tricks for testing and adding compatibility for different types of devices.
1. Narrow Your Focus
It’s natural to want to make your site look absolutely perfect on every possible device that could access your mobile site. However, this just isn’t practical for the vast majority of developers and designers.
Instead of trying to support every platform out there, set out some goals for your site and your potential customers. For instance, if you know that most of your users are going to be using an iPhone, focus on making an iPhone-enhanced version of your site first.
