Salesforce1 Mobile App Developer Guide

Introduction
About This Book
Setting Up Your Work Environment
Salesforce1 Administration
Developing for Salesforce1
Welcome to Salesforce App Cloud Development
Designing Mobile-First User Interfaces
Design for Mobile
Keep Navigation Simple
Put Important Information at the Top
Minimize the Number of Fields
Use Field Defaults
Minimize User Interface Text
Tap Target Size
Extending Salesforce1 with Visualforce Pages
Adding Functionality with Visualforce Custom Actions
Integrating Your Web Applications in Salesforce1 with Force.com Canvas
Calling Quick Actions from the API
Extending the User Interface with Lightning Pages
Development Guidelines and Best Practices
Learning More
PDF

Designing Mobile-First User Interfaces

In this chapter, we’ll learn about user interface design considerations to keep in mind when developing functionality for Salesforce1 mobile users.
Designing your user interface with mobile in mind is critical to the success of your app. If users find your functionality easy to use and in alignment with the experience they have with other mobile apps, they’ll be much happier with the app. The user interface guidelines in this chapter address key differences in the mobile platform and the way users work in it:
  • Mobile devices have smaller screens.
  • Navigation is done with gestures like tapping and swiping.
  • Users typically perform focused tasks from mobile devices like adding a new record.

Throughout the examples in this book, we demonstrate these best practices. As you develop and create your own customizations and apps using the Salesforce App Cloud, keep these guidelines in mind.