10 Awesome tips for building mobile application: While these pointers center on the Appcelerator Platform, every one of the concepts obtains any designer creating applications for more than one mobile operating system. If you keep these suggestions handy, they’ll assist you to stay focused on structure best-in-class, cross-platform indigenous apps.
1: Beauty is relative to the Platform
The photo below programs the Evernote mobile app working on iOS 8, Android 4.4.4, and Windows Phone 8.1. These screenshots reveal the primary screen of the application, visited as the same user at the very same time, so the information is specifically the same.
However, as you can see, the user interface is totally different across the platforms. They are each beautiful and also well designed, however the concept of a “attractive Android app” is very various from that of a “lovely iOS application.” That’s because beauty is relative to the platform.
Prior to you design your apps, take a step back, learn just how your target platforms function, and also execute your branding around their specific criteria. And keep in mind that even if your app makes differently across platforms, with Appcelerator, you’ll still be able to use a single code base as well as have a really high percentage of code reusability.
2: Code reuse is for your application’s logic– not always for UI
There are many misconceptions regarding code reuse with Appcelerator or any cross-platform device, for that issue. Expecting 100 percent code reuse isn’t really reasonable since it not just suggests you’d have little control over your app’s UI/UX, yet likewise your app would look the exact same throughout all target systems.
Certainly, some people believe this is the best objective of a cross-platform tool, yet that’s misdirected. That’s the goal of a Web browser. High reusability, however, is desirable with your application’s reasoning (which I describe in even more detail in Phase 7 of the book if you’re interested).
3: Constantly think “Web solution”
Due to the fact that we’re developing cross-platform applications, I recommend you develop your code to be entirely extracted, as if it was a Web solution (a local Web service, if you like). Make all of your shows logic entirely independent from the screens or even the platform in which it will run, so all of your shows modules are platform-agnostic and, most important, multiple-use across systems. Then build the indigenous user interfaces, which will take in these “regional Web services.” Utilizing this design, you could see to it all the interface code is completely decoupled from the reasoning, as well as both could stream separately.
It took me a while, as a previous Web programmer, to identify and accept that, when it pertains to building mobile apps, I constantly need to believe “Web solution.” Nevertheless, making that psychological shift deserves the initiative, as well as your apps will be better for it.
Exactly what’s more, with this method it does not make any difference if you’re using a TabbedBar on iphone or a ViewPager on Android. Nevertheless, the interface code is simply a customer of your app logic.
In order to help you on this trip, I produced an application layout you can use each time you create a brand-new app (see below). This template is written making use of Alloy, Appcelerator’s MVC framework. The template offers the MVC style needed to keep platform-specific user interfaces, with material and also reasoning reusability. You can download and install the app template from GitHub.
4: Remember that tabs could be deep or superficial
iphone tabs have an integrated NavigationController, which enables multiple degrees of navigating inside each tab. Android tabs, however, are superficial and also ought to have no in-tab navigating.
To illustrate this, I’ll show you how the Facebook app for Android had actually approached this inaccurately (it has considering that been fixed). The photo below shows the former Alerts tab of the Facebook app for Android.
Each Android design standards, tapping on the Back button generally screen with tabs should eliminate the app. Now, if you click any one of the alerts on the Facebook application, you’ll see what’s shown in the picture listed below.
Below Facebook aims to execute iOS-like capability that offers in-tab navigation. There are 2 problems with this. First, you remain in the Alerts tab, however the ActionBar title says “Comments.” This is confusing as well as counterproductive. Second, and also crucial, the Back switch currently is redefined: Rather than closing the app, it takes you back to the previous screen.
Generally of thumb, do not try to require navigating inside your Android tabs. Doing so will certainly break the operation of the Back button and make your application feel unpleasant.
5: Know your target platform
The tab instance over is one reason it is necessary to recognize your target platforms. As well as the very best way of understanding exactly what’s readily available to your application, as well as what you must as well as shouldn’t do, is by reviewing each platform’s interface standards.
Unless you utilize the operating systems you’re targeting on a daily basis, as well as you seem like you completely understand their behavior and visual resemblances as well as differences, I suggest you require time to review the standards completely.
Check out the iOS standards and also the Android standards. After checking out these papers, you’ll have a wealth of information that will certainly help you recognize each platform, design far better interface, as well as know just what to seek in the Titanium API or, additionally, in a third-party component.
6: Collaborate with your design team
If you’re a graphic musician, make sure you discover each platform, their navigation standards, and their visual language. You will certainly find subtle distinctions that make a wonderful distinction in usability.
If you’re a programmer with a graphic artist in your team, or you’re functioning as a contractor/freelancer for a company that is giving you mockups of the application to be built, learn to collaborate with the designers and also inform them. Help them recognize that each system has an indigenous way of showing information, laying out screens, as well as executing navigation, and also these differences go far past Android having a Back switch and an ActionBar. Mobile systems are different, so by definition, your cross-platform applications will certainly look somewhat different throughout systems.
7: Do not be afraid components
The goal of Appcelerator has actually never been to expose One Hundred Percent of each native SDK supported, yet rather, to provide a comprehensive, top-level, cross-platform API. To cover the attributes not officially subjected, it provides a Native Module Development Framework, which Objective-C as well as Java programmers could use to subject additional attributes and functionality. These components could considerably boost the general quality of the application and therefore the user experience. Discover how to discover modules, utilize them, and also embrace them.
8: Love your target platforms
Don’t allow your individual choice affect the design, performance, and quality of your cross-platform apps. If you like iOS, that’s no reason to reveal even more commitment to your iOS application, leaving your Android individuals. Discover how to enjoy each system with its toughness as well as limitations. Learn to compare the platforms, however not to slam them. They are all good in their very own right and in their very own contexts. Always try to develop the most effective possible application for the platform you’re targeting.
9: Test commonly
Since your cross-platform app will certainly have both cross-platform and also platform-specific code and elements, make certain you check frequently. Do not spend days servicing the Android variation, after that lastly run it on iOS as well as uncover the object settings are off, the typefaces require readjusting, or the app simply collapses on load. My suggestion is to evaluate frequently; if something breaks on one platform, you can promptly identify the issue.
10: Be your User
Your user is the most vital factor to consider when it pertains to developing your application. Be an individual of the target system and also recognize just how the platform works. Be an individual of your application to make sure that you could experience it on your own. Check out, examine other apps, compare as well as examine as honestly as you can.
When you’re evaluating your application, ask on your own: Would I use this application? Does this app really feel right? Make certain it complies with your own standards. If you like your app, more than likely your users will love it also.
We stay in an age when no firm could pay for to overlook the transformative power of mobile or the assumptions and also needs of mobile users. Knowing the best ways to correctly create throughout systems is a vital ability that will certainly aid you (and your business) get ahead in this environment. With these 10 ideas, you need to be well on your means to accomplishing mobile success.
Book Your Free Demo Class
- One on one live sessions
- Get your query solved quickly
- Flexible timings
- 17+ years of experience