Application Packaging Standard

Last updated 18-Mar-2019

Wireframes

Wireframes are blueprints of the UX design. They can be created in various ways, for example, sketched on a paper or edited by a specialized graphics tool.

Wireframe Design

When designing a screen, think of interaction of the persona with the screen. The result must contain:

  • Screen outline
  • Presentation of data
  • Interaction controls
  • Navigation controls

Note

Keep in mind - user is the start of the story, rather than your application.

Design Principles

APS UI runtime environment supports the following design principles.

Principle Description Support in Platform CP
  1. Wayfinding
* Where the things are users are looking for
* How they can get to those things they seek
Solved by:
- Breadcrumbs
- View title
- Navigation panel
  1. Set Expectations and Provide Feedback
Let folks know it hasn’t happened until it’s happened Validation methods
  1. Be Consistent
Keep layout and look&feel design throughout the UI
Branded look and feel skins
Predefined widget library
Widget gallery with patterns
  1. Provide Error Support
* Prevent errors - use clear, brief, conventional language in your instructions and dialogs, for example, explain clearly login and password restrictions.
* Protect user data - save user-entered data.
* Inform users about errors in the data they typed.
* Description and tool-tip elements
* Widget properties are saved in the single-page technology
* Validation methods
  1. Rely on Recognition rather than on Recall
Help users to fill in some forms since they are not able to recall long names Combobox with configured query expression
  1. Provide Contextual Help and Documentation
Offer the right help at the right moment in the most unobtrusive way possible Tool-tip elements