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

Design for Mobile

When designing a user interface for Salesforce1 users, keep the smaller form factor and the way users work in mind from the start.

In the mobile paradigm, users work in quick bursts, spending not more than a minute or two on a task. So be sure to design your app for the way users work.

Avoid taking forms and workflow designed for the desktop environment and simply making them available in Salesforce1. For example, it may be an acceptable user experience in a desktop Web browser to have a form with many fields and related lists on it. However, that same form probably won’t provide a good user experience when used from a mobile device.

Users will have a much better experience with forms that follow these user interface guidelines and are designed specifically for the mobile environment.