How to Use
Click on any node to read about different types and attributes of UI elements.
Tip: Start with Component Attributes.
Although components can come in many different shapes and forms, the below five questions can be used to break them down to their composing attributes.
Dimensionality takes into consideration the UI components' functional dimension attribute. There are two main types of dimensionality:
Components with more dimensions can fit better into the real world, while 2D components are often used for important information and navigation.
As the name suggests, having two-dimension(2D) attribute means the component is flat. As the users move around, they cannot view different sides of components with this attribute.
Limit the number of components with 2D attributes since they interfere with users’ perception of the space. Even those that are anchored in the real world through floor calibration will look out of place against the user's surrounding environment.
2D attribute is often used for:
The three dimensions attribute allows users to view different sides of components as they move their device or body around.
This attribute can make the component seems to fit into the real world, especially when combined with the anchor to world positioning.
Don't forget to design the back of the component as the users might be able to see it.
3D attribute is often used for:
The origin attribute determines how a component is inserted into the digital layer of the experience. There are three types of origin:
Having the omnipresent attribute means the component is present in the application when the augmented reality feature is enabled.
Often combined with the anchor to device positioning, this attribute can require significant screen real estate.
Use the omnipresent attribute only for important components. Ask yourself they are the types of components that users need to look at or have access to at any time.
Omnipresent attribute can be used to:
If a component can be manually added to the digital layer by the users, it has the manual attribute.
Components with manual attribute should be well positioned within the real world. Users already have a complete control of the camera and they can easily tell if the components that they add aren't where they want them to be.
Manual attribute is often used for:
Component can be added by the system procedurally. This action is often triggered by a marker or geolocation.
Make sure the users know where the component is added. Design solutions to guide the users to look in the direction you want them to.
Procedural attribute can be used to: