Page Comparison

Click “Create Guide”

Fill out a “Title” (typically very short)

Fill out a “Description”

(Optional) Give your guide a custom colour

Click Save

Click “+” next to the guide (You will directly be taken into target selection mode.)

Select a

1. Note the xpath selection on top.

2. Expand the xpath target to view detail.

3. Modify the xpath (useful for advanced configuration). Add “/../.." to the end of the xpath. What happens?

Press “SELECT TARGET“ to reselect a

1. Toggle target highlighting (ctrl+alt).

2. Select the top menu add item '+' (see screenshot).

3. Expand “Topbar menu: add“ and note that there is no xpath modification options (selection details is fully controlled / predefined in the best possible way).

Enter a title e.g. “Click +” and see how the callout preview updates

Enter a description e.g. “Expands the menu“

You can move the panel by pulling the ‘AUTHOR’ tab down and make the callout fully visible. (an alternative is also to switch sides of the panel to the left from the flip option in menu)

Click “SAVE”

Go to “LIGHT MY WAY” tab to test the instruction just as a user would

1. Activate by toggle slider

2. Expand to see description

3. Use the search to match a key word in description

Click the edit icon on the callout or go to “AUTHOR“ tab, find your instruction (“Click +“) and press the edit icon to the right

Find “Target” state control

1. Open select to view the options.

2. Collapsed is default. Why is that?

3. The slider allows you to disable this target state.

Find “App states” below the description field

1. From the “App States” select “My Desk (Home)” to make the instruction available from the home screen only.

Click “SAVE”

Hover the eye in the “AUTHOR“ instruction list to find out the current evaluation state detail of all instructions (this is dynamic as the UI update)

Expand the + menu and see how the eye change

Edit the instruction, change states and test how the eye (or the actual callout behaviour in “LIGHT MY WAY” tab) is affected as you expand the menu or navigate to object pages.

Create instruction for “Hover Engineering”

Create instruction for “Hover Part”

Create instruction to “Click Create Part”

Create instruction to “Check AutoName”

1. Apply appropriate target and app state

Create instruction to “Select production phase”

1. Apply appropriate target and app state

Create instruction to click “OK“

Test drive process using eye in “AUTHOR” tab

Test drive as user in “LIGHT MY WAY” tab

Note that the click “OK” button instruction is visible before phase is selected and that phase is visible before auto name is checked. Why?

Edit “Phase” selection instruction

“SELECT CONDITIONAL ELEMENT” and point at “AutoName”

Use “AutoName” target state to control visibility of phase to display first once “AutoName” is checked

Click “SAVE“

Test using eye and as end user

Edit “Click OK” instruction

Use conditional elements target states to make “Click OK” show first as both “AutoName” and “Phase” are properly filled out

Test using eye and as end user

1. Uncheck “AutoName” back and see the guides automatically adapt

Edit “Select production phase”

Delete the condition elements

Use sequencing to make “Select production phase” display after “AutoName”

Use sequencing to make “Click OK” display after “Select production phase”

Use “Click create part” to reset sequence

Test using eye and as end user

Make sure “Check AutoName“ is checked and “Select production phase” is selected then in the user panel toggle the guide off and on again. Why doesn’t “Click OK” show?

Reflect on the difference. Why is conditionals better? When is direct dependencies the only option?

Create an instruction on the “My Desk” → “New Docs” tab

1. Select the left anchor point while selecting (target the small grey circles at the edge of selection hitbox)

2. Disable the target state in case your tab is active

3. Add a “Title”

4. Click “SAVE“

See the callout position

Collapse the left category menu and see what happens

Toggle left category a few times and see what happens

Edit and use the select to try out different positions

From the “AUTHOR” panel tab create a new guide

Assign a new tag by typing

Go to “LIGHT MY WAY” user panel

Click the tag label icon (should be a number next to it)

Try how different combination will affect the guides listed under “ALL GUIDES”

End with all tags deselected

Guide colours

1. Edit the “Create Part” guide

2. Select a colour

3. Go to “LIGHT MY WAY” panel “ALL GUIDES“ to see the colours in the full guide list

4. Note the colour of all the guide callouts

Specific instruction colours

1. Find and edit the “Click OK” instruction in “Create Part” guide

2. Expand options and select “Colour: Green”a different colour

3. Click “SAVE”

4. Execute the “Create Part” guide as an end user in “LIGHT MY WAY” panel and see the effects

5. In “AUTHOR” panel expand “Create Part” and find the colour of “Click OK“

As a user in “LIGHT MY WAY” panel execute the full “Create Part” guide so that you are in context of a newly created part

Create guide “Change Process“, leave the description empty

Create one instruction

1. Give it some relevant text (see screenshot for example)

2. Include default app states type and state

3. “SAVE“

Go to My Desk (home), the guide should be unavailable

In “LIGHT MY WAY” panel “ALL GUIDES” search for a key word from the instruction description and find your guide

1. Note that it is very hard to understand why that key word was matched and also from where it is available

Edit the guide and add some long and rich description including the keyword. End with describing that the guide is available in context of Parts.

Go back to the “LIGHT MY WAY” tab and see to results. What do Take a moment an reflect on what you think would be a good level to make users find relevant guides and know where to start?

Go to My Desk (home)

Activate “Projects” tab

Create a new guide

Create a callout targeting the top bar search field with anchor position top

1. Activate “App states” → “Tab: Projects“

2. Expand “Options” and select “Instruction Type: Global Info” & “Colour: Red“

3. “SAVE”

Go to “LIGHT MY WAY” panel and activate the guide

Toggle “Project” tab

Think Take a moment and think about one use case when global info could be useful

X

(Optional) Recreate the full Create Part guide (all previous exercises) by heart. Can you do it without looking at the steps?

(Optional) Create your own guide from scratch. Maybe base it on a previous customer experience?