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.
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. #reactnavigationTweet
#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.Tweet
#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
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.