UI Apps are apps which have only a User Interface with no back-end processes, or Apps which use ONEWEB for generating UI's and may use back end systems from another vendors. Users can also consider the following UI Design Patterns while developing UI forms. These patterns can apply to the user interface section of any application type.
Design Pattern 1 - Structured Format, can be used when
Data should adhere to predefined structure.
Limit the format of input data.
Split large input fields into smaller parts.
Give attention to the order of input fields.
Design Pattern 2 - Morphing Controls, can be used when
Some controls on UI form are not required to be displayed always.
Present user with selective controls.
Declutter the screen.
Design Pattern 3 - Inline Editor, can be used when
Edit in the same place as displayed.
Edit without redirecting.
Quick and Easy.
Hover effects are used to invite editing.
Design Pattern 4 - Good Defaults, can be used when
Pre-fill form.
Default with data most likely to match.
E.g. signing up to a newsletter / accepting the terms and agreements.
Note: Do not use this pattern for fields that are critical.
Design Pattern 5 - Module Tabs, can be used when
Content separated into sections.
Accessed via a single content area using a flat navigation structure.
Each tab can be viewed separate from each other.
Design Pattern 6 - Categorization, can be used when
Categorize content into a hierarchical section using Tabs / Modules.
Categorize contents to groups.
Categorize to main category or section (nested)
Note: Categories help to wall section off from each other.
Design Pattern 7 - Progressive Disclosure, can be used when
Present minimum data required.
Move complex and less frequently used options out.
Manage confusion by decluttering.
Maintain Focus & Attention.
Design Pattern 8 - Adaptable view, can be used when
UI to fit the specific needs.
Compatibility on multiple devices/ themes.
Switch/alter between different styles.
Tailor usability and the experience to their specific need.
Design Pattern 9 - Pagination, can be used when
To view subset of sorted data.
Dataset is ordered.
All Data cannot display on a single page.
Note: Do not use when the user cannot pause to navigate to the next page.