10 tips for building a HTML5 mobile app

Source: Internet
Author: User

"10 Tips for building HTML5 mobile apps"

See the original: http://www.fromdev.com/2015/02/building-html5-mobile-apps.html

Building mobile apps with HTML5 allows experienced web developers to quickly move into mobile app development, and many companies are already using HTML5 and JavaScript to develop commercial mobile applications.

Chszs, reprint need to indicate. Blog home:Http://blog.csdn.net/chszs

With the gradual popularity of HTML5-based mobile operating systems, such as the Firefox OS and the Sailfish OS, the concept of creating HTML5 applications has evolved from the rise to the pop. Now developers are also interested in writing HTML5 applications, and with HTML5 they can really develop excellent products, and there are giants behind them, such as Adobe, Google and Amazon.

Creating a basic HTML5 app is easy, but creating a good HTML5 app and publishing it to the App Store requires a plan. Therefore, this article highlights some of the key factors that developers must consider before entering the HTML5 application development area. And in the end I will present the most popular applications based on HTML5 development. You may also want to consider what HTML5 application development tools to choose.



Things to consider when developing HTML5 applications
Here are a few things you should consider carefully before you write an app HTML5:

1. Plan an excellent user experience
Whether it's a website or an app, giving users the most enjoyable experience must be your top priority. Before you start writing code, consider what the user might expect and how the user might interact with the application. Draw your application on paper and plan how you will write the program. Once you have a plan, you can easily start coding.

2. Select the appropriate application type
What kind of app is right for you? Packaged or managed, there are a number of issues you need to consider. Packaged applications are a single zip file that users can download and install directly from the store, while hosted applications need to rent a Web server. Each type of application has its advantages and disadvantages. Therefore, which types of apps are best for your users and meet your requirements, this becomes an important decision.

3. Use templates whenever possible
While building your application, you should consider using pre-built templates and code snippets. Most applications and frameworks provide a startup project to help speed up application development. Using these start-up to buy can reduce the overall development cost and save a lot of valuable time.

4. Ensure multi-operating system support
You should also consider supporting different operating systems when building an application. To ensure that your application works well on Android, BlackBerry, iOS and other systems, you need to create checkpoints to detect the environment used by your application, and use a framework like phonegap or any other equivalent Web API library to support multiple operating systems.

5. Consider the screen size
There are multiple devices in today's market, each of which may have different screen sizes, and the opportunity to launch more types of equipment in the future. Therefore, you should not only develop applications for one or two of devices. Instead, you should adapt as much as possible to any screen size. Keep in mind that the more device types your application supports, the more people you will accept.

6. Make the release package as small as possible
Because your mobile device has very little storage space, you need to keep the size of your release package files as small as possible. This allows the user to gain faster experience. The less likely it is to be affected by the slow speed of the wireless connection. So all you have to do is compress with gzip. Reduce users ' data traffic consumption.

7. Provide offline support
It is a common mistake for application developers to assume that users always have access to the Internet. While packaged applications typically do not require any network connectivity (while hosted applications require), offline support can be a good way to maintain the user experience while reducing the impact of occasional network outages. So, to make your application support offline.

8. Attention to language localization
If you want to encourage users to use the application, you can't design it to target a particular device. Instead, it is designed to support universal devices. Most HTML5-based mobile operating systems, such as the Firefox OS, have large non-English user groups, so application localization becomes extremely important. Both packaged and hosted applications should provide localized services based on the user's region.

9. Test before deployment
No matter how appealing and how good your app is, if you forget to test it before you publish it, your effort may go bad. The real challenge for the application is that the user never considers testing the application, and the user considers the application to be available. So, developers need to test it to see which features are acceptable and what needs to be improved.

10, it is best to provide free download

Finally, let your app support free downloads whenever possible. Paid apps are meant to make money, but it's best not to force potential users to buy directly because they prefer to try the app for free. You can still use ad serving APIs like Revmob and Playhaven to make money. If your app is free, then there's no doubt that you'll get the maximum number of downloads.


10 tips for building a HTML5 mobile app

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.