Great article.

One additional item to keep in mind when designing for iOS web-apps in Safari, is that the bottom few pixels are reserved for the browser toolbar. Clicking on that area will cause the toolbar to popup.

So ensure that you don’t have any clickable elements in the bottom 44px of the screen, otherwise your user may need to tap twice to take action (first tap will bring up the menu bar, second tap will finally achieve the desired result)

(A few good examples of this behavior here: )



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store