Inner Screen

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.


Guidelines

Inner screen images are displayed as the background image across all inner screens. The size of the inner screen image depends on the Mobile device’s resolution. To have a proper inner screen the user needs to consider the aspect ratio of the devices they intend to view the image on.


For iOS devices, the recommended resolution for image upload is 1242x2208 and for Android devices, we have the recommended resolution for image upload to be 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


NOTE: There are no changes in the image size and resolution being uploaded for Splash Screen, Inner Screen and Home screen, as the size and covered area across the mobile is same for the three. You should have the same size images uploaded across all 3 images



Inner screen with background image with ‘Inner Menu’ template applied on it.


Best Practices

o   The inner screen image is displayed as the background for all the inner screen Be sure the image doesn’t disrupt the readability and usability of the apps and its content. Lighter colors are less intrusive.

o   Inner screen should not have the logo on it, but if it needs to be added as part of the inner screen, then the logo should be placed like a watermark, to avoid user disruption.



    • Related Articles

    • 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 ...
    • Modify Inner screen

      Inner Screen To add an Inner Screen, click on the “Add Screen” button, then drag the template from the template list to the grey box, or “pallet.”. The “Inner screen” behaves almost the same as the “home screen” with the exception that for each line ...
    • 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 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 ...