Bathroom Planner Overview

This section provides an overview of the user interface and the functionalities of the bathroom planner via the Bryo sample bathroom planner.

 

The Layout of Bathroom Planner

The components of the bathroom planner are as follows:

1. The steps of the Bathroom planning.
2. The Common toolbar.
3. The Design toolbar with categories and search.
4. The scene.
5. The Edit panel.
6. The Navigation toolbar.
7. The Zoom toolbar.
8. The Help Center.
9. The Price area.

---

The Bathroom Planning Steps

This section explains the steps to design the bathroom.

Floorplan

You can draw the floor plan of your bathroom in this step or import it from the HomeByMe application.

For more information, see Floorplan.

Design your Bathroom

You can design the bathroom by adding or editing furniture. For more information, see Design your Bathroom.

Summary

It is the final summary of the bathroom after modifying it according to the user requirements. You can print media, export project, and add notes to the project &/or products in this step. For more information, see Summary.

Navigate Bathroom Planning Steps

You can switch the planning steps by selecting the tabs from the top bar or by clicking on the Next button located near the pricing area.

The products added in the Floorplan step cannot be selected or edited in the Design your Bathroom step and vice versa.

The Common Toolbar

Following commands are available in this section:

Icon	Function	Description
	Add Notes	To add either project notes and/or item notes.
	Item List	To display the list of products used in the project.
	Measurement Tools	To measure the distance between two points/ surfaces.
	Undo	To undo the last operation.
	Redo	To redo the last undone operation.
	Save	To save the project.
	Close	To close the application.

❗️ From 980px to 1200px (screen resolution), the location of the buttons "View images" and "Annotations" is changed to have the needed space to display every feature. In this case, these buttons are moved to the top bar as shown in the image below. For the resolution superior to 1200px, these buttons are placed in the initial position.

Save

• Click the icon to save a project.
  The pop-in to enter the project name and description is displayed, as shown below:

Enter the name and description of the project and click the Save button to save the project.

The maximum number of characters for the project name is 300.

If the project name exceeds 300 characters, the following notification is displayed to the user:

Item List

⚙️ Set up: Application distribution parameter itemList 🔗.
The Item List option is not available in the application when the value of itemList is set to True. The default value of the parameters is set as false.

The Available Shortcuts

Several shortcuts are allowed in the planner to do some actions, the list is described below:

Shortcut (Windows)	Shorcut (Mac)	Description
Ctrl + A	Cmd + A	Select all the products in the project
Ctrl + C	Cmd + C	Copy the current selection
Ctrl + V	Cmd + V	Paste the current selection
Ctrl + S	Cmd + S	Save the current project
Ctrl + Z	Cmd + Z	Undo the last action in the planner
Ctrl + Y	Cmd + Y	Redo the last action in the planner
Delete	Delete	Delete the current selection
↑	↑	Move up the avatar
↓	↓	Move down the avatar
←	←	Rotate the avatar clockwise
→	→	Rotate the avatar counterclockwise
Ctrl + Click Left	Cmd + Click Left	Multi-selection of the elements in the planner
Ctrl + U	Cmd + U	Change unit measure dynamically in the application

• You can also copy/paste the products from one project to another with the copy (Ctrl+C) and paste (Ctrl+V) shortcuts except opening/bay products like door/windows.
• You can select multiple products by simultaneously pressing the Ctrl key, left click of the mouse and drag the cursor over the desired products.

The Project Note

• Project Notes The user can add the project notes to the bathroom project.
  To add a project note:
  Select Item Note from the common toolbar, write a project note.
  Click the Validate button to save the project notes.
  A number is shown beside the Project Notes icon if a note is added to the project.
  Yo can add only 1 project note to your project.

• Item Notes The user can add notes to the items in the bathroom.
  To add item note:
  Select an item in the project, write a note.
  A number is shown beside the Item Notes icon which is the count of notes.
  Click the Validate button to save the item notes.
  A project may have multiple item notes.

• The total number of notes i.e. sum of project notes and item notes is shown in the toolbar.
• Item notes can be added to all items that are numbered in 2D plans, with the exception of linears.
• On replacing an item, the associated item note is deleted.
• It is recommended to add a note after finalizing the item.

The Design Toolbar

This section contains commands and options to design your bathroom.
The list of commands, options varies in every step of the bathroom planner.

The Scene

On the scene, icons are displayed to help you rotate, elevate and drag the product in the room.

Icon	Function	Description
	Pan	To drag and position product.
	Rotate	To rotate product.
	Elevate	To elevate the product.

Edit Panel

After selecting a product in the scene, the Edit panel is displayed to allow you to make changes to it.

The Navigation Icons

The navigation icons allow you to switch from a default 3D view to a 2D or first person view.

Icon	Function	Description
	2D	Activates two dimensional view. The room names are displayed and editable only in the 2D view of Floorplan step.
	3D	Activates three dimensional view. You can visualize a 3D view of the bathroom.
	First Person	Activates the first-person view, to give the real-life experience of the bathroom.

The Reset View Icon

The zoom icons allow you to zoom in or zoom out the scene.

Icon	Function	Description
	Reset View	Appears (a) When the 2D project is out of view, or (B) The avatar is outside the 3D project.

The Zoom Icons

The zoom icons allows you to zoom in or zoom out the scene.

Icon	Function	Description
	Zoom In	To zoom in the design view.
	Zoom Out	To zoom out the design view.

You can also use the mouse wheel to zoom in or out.

The Help Center

Icon	Function	Description
	Help Center	To access the tooltips and planning tabs. A number indicates planning errors available in your design.

Tool Tips

To view tool tips, go to the help center.

• Click Help center icon to open the Help center.
  A List of available tooltips is displayed in this tab, as shown below:

• Click the Show button to display the tooltip in the design area.

⚙️ Set up: Guided tool tips are only available when guidedTour is set to 'true' in application distribution settings.

Planning

Warnings and suggestions are displayed in this tab, to help you design an error free bathroom.
Click the show in 3D button of the warning/ recommendation, to highlight the error in the bathroom.

After click on Show in 3D button, the furniture for which the warning / recommendation is displayed, is highlighted in planner, as shown below:

Additional Assistance

Additional assistance is available in the help center for the floorplan step and the design your bathroom step. The types of assistance available are:

• call for support.
• Launch video co-design.
• Book an appointment.
• Find a store, etc.

Click the Need more help? option to display the available assistances.

Additional assistance is only available when additionalHelp is set to True in application distribution settings.

The Price Area

The price is computed in real time considering all the products and items added to the scene (except the bathroom extras that are not priced). Based on the payment selection in step 3 - summary, the price in step - 2 is shown in different format. It can be all amount at once.

It can be monthly amount as per loan period selection in monthly payment.

The Next button takes you to the next step of the bathroom planning.

Opening the Existing Project

While opening the saved project, it opens the project in step-2 and zooms in to fit the bathroom in the available space of the planner.