Visuals in a Work Instruction

Which Visual Elements Exist in Azumuta?

You can add various visual elements to enhance the intuitiveness of your work instructions:

1. Arrows (Visual aid)
2. Rectangle (Visual aid)
3. Circle (Visual aid)
4. Spline (Visual aid)
5. Symbol (Visual aid)
6. Number (Visual aid)
7. Barcode (Visual aid)
8. Image
9. Text Box
10. Fill (Modifier)
11. Outline (Modifier)
12. Canvas (Modifier)

Here’s an example of a work instruction step that uses multiple visual elements, seen from an operator’s screen:

How Do You Get to the Visual Editor?

1. Navigate to the work instruction where you would like to open the visual editor.
2. Select the work instruction step that you would like to add visual elements to, and click on “Open”.
3. Click on the “Visuals” tab.

How to Add a Visual Aid to a Work Instruction

Once you’ve reached the visual editor and have added an image, here’s how you can use the visual elements to enhance your work instruction:

1. Click on the desired visual aid.
2. Insert it into the work instruction.
3. Adjust its size and position as desired.

How to Add a Textbox to a Work Instruction

Here’s how to add text to a work instruction on the visual editor:

1. Click on “Text box”.
2. Click and drag your mouse where you want to place the text box on the work instruction.
3. Double-click on the text box.
4. Type in your text. You can also adjust the text size, format, and alignment.
5. Adjust the text box’s position and size as desired.

How to Translate Text in a Visual

Text boxes on a visual can hold a different version of their content per workspace language, so a single visual stays in sync with multilingual teams. Instead of duplicating the visual for each language, you add the translations to the same text box and Azumuta automatically shows operators the version that matches their interface language.

1. Open the Visuals tab of the work instruction step.
2. Select the text box you want to translate (or add a new one — see How to Add a Textbox to a Work Instruction above).
3. Below the text box, you’ll see a row of language tabs — one tab per language enabled in your workspace (e.g. Dutch, English, French, …).
4. Click the language you want to edit and type the translation for that language. A lock icon next to a language indicates that it still uses the original text — once you type a translation, the lock disappears.
5. Repeat for each language you need. Click outside the text box (or save the step) when done.

Operators viewing the work instruction will automatically see the text box in their own interface language. Other visual aids — arrows, rectangles, circles, splines, symbols, numbers, barcodes, and images — are shared across all languages and do not require translation.

How to Edit an Image, Visual Aid, or a Textbox

Resizing

1. Click on the visual aid, text box, or photo for which you wish to change the format.
2. Click on any of the white circle handles on the corners, and drag in or out.
3. Click outside of the selected element to finish.

Note: The format of numbers cannot be changed. However, you can choose between a large or small format when inserting a number.

Editing the Shape Fill

1. Click on the visual aid or text box for which you wish to change the format.
2. Click on “Fill”.
3. Select the new color.

Editing the Outline Color

1. Click on the visual aid, text box, or photo for which you wish to change the format.
2. Click on “Outline”.
3. Select the new color.

Note: You can also adjust the width of the shape outline on this menu.

Editing the Background Color of an Image

If the added image is not maximized over the entire white grid, the color of the image background can be selected as follows:

1. Click on “Canvas”.
2. Select the new color.