User Interface & UX Design Flashcards

Which Appian component is used to create a multi-step form where each step is shown on a separate screen?

Answer: Wizard (a!wizardLayout())

The Wizard layout in Appian breaks a long form into sequential steps, improving usability for complex data entry tasks.

In Appian, which property controls whether an interface component is visible to the end user?

Answer: showWhen

The showWhen property in Appian interface components accepts a boolean expression to conditionally show or hide the component.

What is the recommended Appian pattern for validating user input on a form before submission?

Answer: Use validations parameter on input fields with a!isNullOrEmpty() or custom rules

Appian supports inline field validations using the validations parameter, which shows error messages immediately when conditions are violated.

Which Appian layout component is used to place two interface components side by side in columns?

Answer: a!columnsLayout()

a!columnsLayout() in Appian arranges child components in horizontal columns, enabling side-by-side placement.

What Appian component allows users to select from a predefined list of options in a compact dropdown format?

Answer: a!dropdownField()

a!dropdownField() renders a compact select input that lets users pick one option from a list, saving screen space compared to radio buttons.

In Appian, what is the purpose of the 'a!localVariables()' function in an interface?

Answer: To define variables scoped to the interface that can be read and modified without affecting process data

a!localVariables() creates interface-scoped variables for tracking UI state (like form step, toggles, temp inputs) without involving the process engine.