UIStack
UIStack is an approach to interface design that includes non-ideal states. These can happen through user interaction or for technical reasons. It includes layers of state, and has been authored by Scott Hurff: https://www.scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack/#theuistack
Property | Expected Type | Description |
---|---|---|
ContextProperty | Element | A property that holds the context a UI element is in |
DescriptionFlag | Element | Flags to express that a UI element describes something, e.g. isHelp, isContent, isProgress |
HierarchyFlag | https://schema.org/Boolean | Flags that express a hierarchical position on an element |
NavigationProperty | Element | A property that holds the navigation on a UI element, e.g. menu, settings |
OutcomeProperty | A property that holds a result, output or status | |
a11y | Element | Properties related to accessibility |
input | Input is the value/parameter/prop that gets passed to an element in the UX, and can be empty. This applies to visual as well as non-visual elements. | |
isInUseBy | When people collaboratively work, the property isInUseBy can be used to make an element non-editable until it is set free. Showing where other users are can also prevent conflicting edits. | |
isUsableBy | To handle which User, Role or Group can use an Element of the UI, the property isUsableBy can be used to grey out parts of the interface, or hide them entirely. |