Home Screen

Home Screen

Home Screen is the first app screen through which users can engage with the app. This is the screen which provide the entry points of the app and help them explore the other pages within the apps and its content.

Home screen image is placed in the background of the home screen behind the buttons which help the user to navigate to different pages within the apps.


Just like the Splash Screen, the Home Screen image size also depends on the Mobile device’s resolution. To have a proper looking Home screen, the user needs to consider the aspect ratio of the devices that they intend to view the images on.

For iOS devices, the recommended resolution for image upload is 1242x2208 and for Android devices , the recommended resolution for image upload is 1280x1920. Home screen image has a smaller size as compared to Splash screen because of the App bar and Mobile Status bar height, however the aspect ratio of the image still remains manageable to give proper image view. See more at Technical Specifications.

App Home screen with buttons to navigate to the inner screens along with the uploaded home screen background image.

Best Practices

o   Choose your home button layout and colors carefully so that the background image doesn’t impact the visibility of the display.

o   The home screen should accommodate the logo as well. The logo should not be part of the Home screen background image.

    • Related Articles

    • Inner Screen

      Inner Screens display the content of the app, where the user interacts after navigating from the Home screen. All mobile app screens beyond the home screen are the inner screens, even if they just lead to further navigation and organization. ...
    • Different Screen Templates

      Navigation Home This is the main screen or home screen of your App. You will have this screen by default but can change the text, button colors, etc. Create a Menu This is typically an inner screen that links back to the Home Screen. Use this ...
    • Modify or Update Home screen

      Home Screen The home screen is the first screen that appears after the splash screen. To edit it, select it from the list of screens found at the top. The home screen comes with a default button called “About”. To change the name of the “About” ...
    • Modify Map screen

      Once you have opened up the directions screen that you want to edit, click the map area to open the screen properties editor. Once you enter the location address and hit the "Get Geocode" button, the system automatically locates the venue for you and ...
    • Modify HTML screen

      Once you have opened up the HTML screen that you want to edit into the main edit area, click the content box. This opens a simple editor on the right that can be used to make edits to the text. You can write new text into this editor or copy-paste ...