Mobile Development

Recommended guide to cross-check your Android App before submitting it to the Play Store

You are ready with your amazing app and want to publish it to the play store so users can start using it. But, are you sure it is providing the best user experience? This guide acts as a reminder to cross-check your app before submitting it to the Play Store.

If you are thinking about publishing your app to the Google Play Store, It always a good practice to cross-check your app if it’s working seamlessly and providing a good user experience to its users. You can follow these basic steps as reminders to cross-check your app before publishing it to the play store. Even though the guide is best suited if you have created your app using Expo & React Native, most of these steps also apply to apps created using other frameworks or compiler.

Photo by Pixabay on Pexels.com

If you want to learn about User Experience Design and how it helps in providing the best experience to the users, read this article on User Experience Design

#1 Debug / Test your Code/App

There are many steps or methods to test your app or code. Depending on what framework or compiler you are using, you can use various methods to debug your code or test for errors. Debugging or testing your app is important, to avoid unnecessary errors or bugs which could lead to a bad user experience. Make sure you test your code using all possible scenarios. Also, you can use an android simulator or your phone to test run you app.

#2 Smooth & Clean UI

Your app should be user-friendly. It should not contain any distracting UI which users may find irritating or get confused. This may lead to a bad user experience and cause your users to uninstall your app out of frustration. Transitioning or moving to different screens should be smooth and seamless. Users should not find it stressful just to find a link or a button to move to another screen. If you have created your app using React Native Framework, React navigation is recommended to navigate to different screens. In React Navigation, you can use Stack Navigation, Tab Navigation, or Drawer Navigation to add navigation to your app but, make sure you are not overloading the app with too many navigation options, this may confuse your users. Only add links and navigation options that are necessary for your app, leading to a good user experience.

Do not overload your app with too many navigation options, this may confuse your users. Only add links & navigation options that are necessary for your app, leading to a good User Experience. #reactnavigation

#3 Strategically Placed Ads

The biggest turn-off for any user is an app showing too many ads especially pop-up ads, or trying to earn money from different sources in the app. The user may get annoyed and also add a negative review which can damage the reputation of your app. Make sure you are placing your ads strategically without users getting interrupted while navigating through your app. A user should not feel that your app is just trying to extract money from them, instead of providing some value in return, satisfaction, or convenience.

A user should not feel that your app is just trying to extract money from them, instead of providing some value in return, satisfaction, or convenience.

#4 Add a splash screen

A splash screen or a loading screen is the first thing that your user sees when opening an app. A splash screen provides an introduction and is also used for behind the scenes processes like loading your app or assets, before starting your app. You can check out the complete guide on splash screen in expo documentation – https://docs.expo.dev/guides/splash-screens/

#5 Use AppLoading for React Native or Expo

AppLoading is used for downloading or preloading your assets, fonts, images, or cache. The assets are loaded behind the scenes while a splash screen is shown to the user. It ensures that your app interface is ready before the user sees it. Check out more about AppLoading in expo documentation – https://docs.expo.dev/versions/latest/sdk/app-loading/

#6 Optimize your assets using Expo-Optimize

Make sure assets are in required dimensions and file sizes are not too large which can cause slow load times or large file size for your app. You can also manually optimize your assets using expo-optimize. Run

npx expo-optimize

It might ask you to install expo-optimize or you can install expo-optimize using NPM or Yarn. It uses the sharp library to compress your assets. You can add the quality of the compression by adding a flag –quality [number] option to the command. The quality number should be between 1 to 100. So for example you want to compress your assets to 80% quality, you can add a command like this npx expo-optimize –quality 80.

npx expo-optimize --quality 80

So, these are the basic steps you can bookmark as reminders before submitting your app to the Play Store. In the next blog I will discuss the steps required to publish your native standalone app to the Play Store using Google Play Console, if you have created it using Expo & React Native.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: