Mobile App Development Best Practices

Brandon LyonFrontend Engineer and UX
CERTIFIED EXPERT
Brandon has over 12 years of professional experience developing software. He's also a designer & photographer with a degree in architecture.
Published:
Updated:
You should read OS supplied guidelines before developing. I can't stress that enough. The guidelines will help you understand the reasons mobile app developers do what they do.  Apple is very particular when they review appstore submissions.

UI Guidelines

At the very least, if you don't read the OS guidelines, then utilize a pre-built framework and don't deviate from its design much. Ionic is one example of a mobile UI framework. There are similar guidelines available for smartwatches, TV, VR, AR, voice interaction, etc.


iOS: https://developer.apple.com/ios/human-interface-guidelines/

Android: https://developer.android.com/design/patterns/pure-android.html

Windows: https://developer.microsoft.com/en-us/windows/design

FireOS (Amazon): https://developer.amazon.com/public/solutions/devices/fire-tablets/specifications/03-ux-specifications

 

UI Tips

Here are some key things to remember:


  • Navigation paradigms are different between the different OSs. This includes menus, histories (back button), swipe gestures, protected touch zones, and more.
  • Everything on a touchscreen NEEDS to be finger friendly. Generally speaking, this means minimum button dimensions of 44dp with 3 dp of margin on all sides, per Apple's guidelines.
  • Always leave room for the on-screen keyboard. You might need to make your views scrollable in order to facilitate that.
  • Use native-style controls whenever possible. Apple doesn't like it when you re-invent existing widgets like date pickers.
  • Try not to deviate from expected mobile app behavior. If your app behaves differently than 99% of the apps out there, chances are people will find it confusing. This is especially important due to limited visual space in an app.
  • Use system iconography whenever possible for the same reasons mentioned above.
  • Mobile data connections aren't always reliable or speedy. Use loading animations and have fallback conditions for when the connection drops or isn't available.

 

Before submitting to an appstore

Every app store is different, but they all have pre-flight checklists. Make sure you are following the rules, have tested your app, and have everything necessary before submitting your app. Up to 2 weeks are required for an app review and your app may not pass on first submission. Plan your release cycles and marketing accordingly.


iOS: https://developer.apple.com/app-store/review/guidelines/

Android: https://developer.android.com/distribute/tools/launch-checklist.html

Windows: https://msdn.microsoft.com/windows/uwp/publish/app-submissions

FireOS: https://developer.amazon.com/docs/app-submission/submitting-apps-to-amazon-appstore.html

7
2,038 Views
Brandon LyonFrontend Engineer and UX
CERTIFIED EXPERT
Brandon has over 12 years of professional experience developing software. He's also a designer & photographer with a degree in architecture.

Comments (0)

Have a question about something in this article? You can receive help directly from the article author. Sign up for a free trial to get started.

Get access with a 7-day free trial.
You Belong in the World's Smartest IT Community