Mobile

Overview

Mobile applications affiliated with the university should look professional, work well, and appropriately represent the University's values. It should be of good quality (without errors or UI glitches), secure (can pass the vulnerability assessment), and up-to-date (supports the latest major operating systems).

Read more at SMU's general guidelines for mobile app development.

Guidelines

Adopt responsive layouts

Make your site work with different screen sizes.

Don't combine and substitute UX patterns from different platforms (e.g. Android to iOS) for mobile applications

Take time to learn the standards from each to ensure that the experience feels natural to its respective users.

native ui

Match the keyboard with the required inputs

App users appreciate apps that provide an appropriate keyboard for text entry. Ensure that this is implemented consistently throughout the app rather than only for certain tasks but not others.

Automatically provide a numeric keyboard for fields that require numeric entry.

mobile-keyboard.png

Use Pull To Refresh for Mobile Pages

Before pull to refresh existed, users had to hit the refresh button in their browser to load more content. By connecting the user’s desire of finding more content with the action of refreshing, the need for an explicit action became obsolete and the experience becomes more seamless.

 pull-to-refresh.png

Mobile applications affiliated with the university should look professional, work well, and appropriately represent the University's values. It should be of good quality (without errors or UI glitches), secure (can pass the vulnerability assessment), and up-to-date (supports the latest major operating systems).

Read more at SMU's general guidelines for mobile app development.