Mobile Application Guidelines

Version 1.0

Overview This document provides creative guidelines for developing mobile application for both Android and iOS.to ensures that ISB’s mobile applications are consistent in all respect.

When submitting an application, you will be asked for Company Name and Application Name. Following are the ISB Guidelines.

Company Name: The company name should always be “Indian School of Business”.

Application Name: Applications must be named with clear, concise, meaningful names and adhere to the character limits that follow on the next page.

Naming Conventions

iOS & Android

In order to display the full application name in the mobile store, use no more than 25 characters. E.g. ISB 360, ISB PGPMAX, ISB Rocks etc.

Mobile Application Guidelines Version 1.0

App Icons and Image Designs

Every mobile app needs an app icon and a launch file or image. The icons and images must meet specific guidelines so that the mobile operating system can display them correctly. Please refer the guidelines for iOS and Andriod and create all the icons and images which are required and recommended for the mobile application.

App Icon

Launch Image

Mobile Application Guidelines Version 1.0

User Interface (UI) & Functional Guidelines

While designing the mobile app, please follow these guidelines to give all the ISB’s mobile apps a consistent look and feel and user experience:

1. Always use ISB’s brand colour in the mobile app. Here is the ISB’s brand colour palette for reference.

2. ISB logo should always be present in the top 8 to 10% area of the application screen. The alignment could be left, right or center.

3. The size of ISB logo should be at least 80X30 pixels. Please refer this link for details about the dos and don’ts of using ISB logo.

4. The size of the menu icon should be maximum 30 – 35% of the size of ISB logo.

5. Navigating between application elements should be easy and intuitive. The application UI should be consistent and understandable throughout e.g. action sequences, layouts, icons and sounds should be clear.

6. The application should support both landscape and orientation if possible.

7. The application should depict essentially the same features and actions in both orientations, and preserve functional uniformity. Minor changes in content or views, or UI changes to provide greater functionality in a landscape widescreen tablet display, are acceptable.

8. The application must handle rapid transitions between display orientations without rendering problems.

9. The application should display graphics, text and other UI elements without noticeable distortion, blurring or pixilation. There should be sufficient spacing between texts and surrounding elements.

10. Any error messages in the application should be clearly understandable. Error messages should clearly explain to a user the nature of the problem, and indicate what action needs to be taken.