Mobile Apps - Optimize form for Mobile and Tablet

Document created by emily.billing@nintex.com Champion on May 21, 2014Last modified by emily.billing@nintex.com Champion on May 25, 2014
Version 3Show Document
  • View in full screen mode

Nintex Forms allows you to optimize the layout of mobile forms for phones (typically 4” –5” screen size) or tablets (7” – 10” screen size).

Mobile Optimization

This is not a required action for form designers. However, it is recommended that your forms are optimized for a specific form factor.

 

Best practices for Mobile App Form design:

  • Align labels and controls in a column, one beneath the other one when designing for phone view.
  • Portrait mode usually works better with longer forms that require scrolling. In this case, we recommend one direction of scrolling (up and down).
  • Save and Cancel buttons do not need to be placed on your form; the Nintex Mobile apps will do that for you automatically, by respecting the design guidelines of the mobile platform in use. There is no new user experience to learn. If you are familiar with your mobile device, you’ll be familiar with Nintex Mobile too!

best_prac_mobile.png

 

Tablet Optimization

If you are designing a form for mobile, and expect your users to also access the form using a tablet, you will need to optimize the layout of your form for Nintex Mobile tablets. Forms on a tablet can be designed for both portrait and landscape mode. Whichever orientation you choose, you will only need to design the form once, as Nintex Mobile will adapt your form to the best resolution available.

 

By selecting the table layout, you can have better use of the available real estate and, for instance, display your controls in two columns, or allow more visible space for entering text. Again, adding the Save and Cancel buttons on the form is optional, as the Nintex Mobile apps will add these two buttons automatically for you (as well as a few more for Draft, Attachment, Order and Refresh of data).

best_prac_tablet.png


Let's look at > Mobile Apps - Controls used in Mobile Form Design


Attachments

    Outcomes