The Official Ionic Blog

Build amazing native and progressive web apps with HTML5

platform-continuity-ionicframework

Think about how it feels when you open up a particularly well designed iOS or Android app. The entire experience is predictable and clear; everything functions according to your expectations.

To achieve a user experience this seamless and comfortable, you’ll need to design your app according to the style guidelines of each major mobile platform. Users expect apps to look familiar on their mobile platform of choice: a centered header on iOS, a left-aligned header on Android; tabs on the bottom on iOS, and on the top on Android; rounded icons in iOS, etc. Until now, accomplishing this was time-consuming, expensive, and downright difficult.

From a functionality standpoint, the “write once and run anywhere” mantra still applies, but from a design standpoint, it’s more akin to “write once; check the platform style guidelines; write some more; check again; deploy anywhere.” That’s pretty overwhelming when you’re trying to write an app for two or more platforms.

Ionic helps to solve this problem out of the box. Design is a critically important part of an app; it’s what makes an app attractive and enjoyable to use. Ionic helps developers build beautiful apps more quickly, and by incorporating Platform Continuity into Ionic, we provide developers with the tools to create clearly structured apps whose design elements and functionality meet users’ expectations, no matter which platform they’re using.

Ionic allows you to customize settings, such as headers, tabs, transitions, toggles, action sheets, back-buttons, checkboxes, nav-buttons, and fonts, for each major platform. For example, now Ionic checkboxes automatically look like iOS checkboxes on iOS and Android checkboxes on Android. Our action sheet below looks significantly different on iOS than on Android. All of this happens automatically and is customizable.

Going forward, our criteria for acceptance into the Ionic Showcase will emphasize platform continuity, in addition to beautiful design and unique functionality. We look forward to seeing what you build!

Hear more about platform continuity in Adam’s talk at ng-conf: