Well-designed tools determine the efficiency and success with which users can complete their workflow and achieve their goals. Because everything a user sees in a screen should fully support this effort, selecting the right layout becomes a critical design decision. The better users and their workflows are understood, the easier it becomes to layout a new feature, space, screen, or application.

Floorplan Options for Main Content

Application Toolbar.png

Application Page

Support simple content and interactions

Calendar.png

Calendar

Display schedules, events, or plans in a chronological format.

Canvas.png

Canvas

Present, support, and structure a variety of content of a visual or graphical nature.

Diagram Builder.png

Diagram Builder

Build a model with the use of a diagram.

Flexible Column Layout.png

Flexible Column

Display multiple floorplans at the same time side-by-side

Module Start Page.png

Module Start Page

Create new files, access existing ones, and onboard users to module tools

Object Page.png

Object Page

Focus, display, and categorize all relevant information about an object.

Table.png

Table

Make lists and grids organized into rows and columns.

Wizard.png

Wizard

Guide users through long or unfamiliar tasks or processes.

Layout Options for Support Content

Page Tabs.png

Page Tabs

Create different content areas used in the same context.

Split Screen.png

Split Screen

Partition a page into multiple segments used side-by-side.

Views.png

Views

Provide different ways to represent and interact with the same content or data.

Workspaces.png

Workspaces

Divide a workflow into different portions that are carried out in separate spaces.

Layout Design Framework

The layout design framework was created as means of injecting principles of information architecture and content management into every screen design. Whether you are designing a new space, a new screen, or adding a feature into an existing one, this framework will help you decide on the best placement for your content. Use this framework regularly.

See Layout Design Framework for more information.