Mobile Considerations

Remember that users may be using devices with a variety of screen sizes to view interfaces in Appian. When designing an interface, use form factor preview to determine if it also works well on smaller screens.

Flattened Columns

Columns layouts are flattened into a single column on phones.

Make sure that your design doesn’t only make sense when certain fields are placed next to each other.

Flattened Buttons

When using the iOS or Android mobile app, button layouts are flattened into a single column on phones, with primary buttons appearing above secondary buttons.

Make sure that the button order makes sense in this alternate layout.

Wrapping & Scrolling

While concise labels and instructions are always recommended, it's particularly important to reduce clutter, wrapping, and scrolling on mobile screens.

Certain components, by definition, may be configured to require a lot of screen real estate (e.g. milestones with many steps, grids with many columns). Avoid these situations if you're targeting narrow screens.

Sites Tabs

Use concise titles for multi-page sites. Keep in mind that there is even less horizontal space on a mobile device.

DO

DON'T

FEEDBACK