Zoning

About zoning

Zoning consist of attributing specific functions to dedicated UI zones. The objective is to provide users a well defined, predictable UI which keep consistent over the variety of product/services integrating it.

As a technological brick integrated in various product and service, it answers to specific principles :

• Compact UI : To adapt at best to different context of use, the default UI is thought to be as compact as possible to allow products/services bringing their specific elements.
• Consistency : 3DCS zoning is based on Spectrum recommendations and Adobe’s recurrent patterns to ensure a global consistency with Adobe’s guidelines.
• Scalability : The UI is thought to scale, to answer from most simple to richer experiences.
• Adaptability : To address 3D experts and 3D newcomers needs. To answer different use cases.

Global anatomy

4 main zones are defined in the default 3DCS Web viewer :

1. Top bar : Inspired from Spectrum guidelines for Headers it embarks Global Actions. It does not contain product/service actions which are valid product-wise, but contextual to the web viewer. Action are aligned right. From right to left : most stable, universal actions to most specific to your product/service.

2. Edition bar : The edition bar is specific to Edition context and won’t be useful for Visualization context (N.B : a product/service can embark both contexts to answer 2 different workflows.). Based on the “Compact UI” principle, it groups all Edition panels, editions tools and viewport settings in 1 place.

3. Navigation bar : Navigation bar embarks navigation tools. Navigation tools allow users to interact with the viewport through different modalities (orbit, pan, zoom, reframe) without using navigation controls.

4. Viewport : The main and central zone is dedicated to 3D asset visualization and interaction. Changes applied from the Edition Bar impact on what’s visualized in the viewport (e.g., showing/hiding background environment, change light intensity...).