Mobile Web App Checklist

Information 15th October, 2014

Luster made a list of guidelines which has been compiling over the last couple years while building high-performance mobile frontends, as well as building the open source library impulse. Some of these are broadly applicable to any mobile website, some are specifically for people building iPhone and Android apps.

Mobile web apps are considered second class citizens relative to native apps. They’re frequently overridden by browser default touch interactions that you can’t disable. The “swipe from left” gesture that triggers the back button in Safari is the worst offender. On Android, swipe interactions that start too close to the bottom of the screen will cause Google Now to activate. When you’re designing your app, ensure that there is enough margin between the main content container and the sides of the screen that even the fattest of fingers won’t accidentally trigger the host browser or OS’s edge swipe gestures.