# Browser & Comment View

Heurio offers users a flexible way to interact with websites by providing two distinct views when activating the [Heurio Extension](https://chromewebstore.google.com/detail/heurio-ux-check-visual-fe/pjdbofhiijhapnmpgilkeammkanglfdj):

1. **Comment View:** Allows users to select any element of the website and add heurios directly to them. The Heurio comment popup appears, facilitating detailed, element-specific feedback.
2. **Browser View:** Allows users to interact with the website and navigate between website pages seamlessly while keeping the Heurio UI visible. In this mode, users can see all previously placed heurios, making it easier to understand feedback contextually.

<figure><img src="https://2020319361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBOaIi9QzptvzmRxIDqZN%2Fuploads%2FgC1RJvin4FDIknWAnn5j%2Fbrowser%20view%20vs%20comment%20view.gif?alt=media&#x26;token=bc9bd66f-aaa6-41ae-8f88-823833149c5e" alt="Switching between Browser view and Comment view with the Heurio Chrome Extension" width="549"><figcaption><p>Switching between Browser view and Comment in the <a href="https://chromewebstore.google.com/detail/heurio-ux-check-visual-fe/pjdbofhiijhapnmpgilkeammkanglfdj">Heurio Extension</a></p></figcaption></figure>

## Get started with Heurio

### 1. Turn on the Heurio Extension

1. Navigate to the website you want to evaluate.
2. Click on the Heurio Extension.

### 2. Interact with the website

* **Comment View:** Select and make comments (heurios) on the website’s UI elements. Allows users to select any element of the website and add heurios directly to them.

<figure><img src="https://2020319361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBOaIi9QzptvzmRxIDqZN%2Fuploads%2FtKr0RZLNjN3Tb32xcLbo%2FFrame%202785%20(1).png?alt=media&#x26;token=24b2e3a9-5a5f-491a-84ae-3d0c7b3aa2b1" alt=""><figcaption><p>Comment View - Heurio Extension</p></figcaption></figure>

* **Browser View:** To navigate between pages. This mode allows users to see all feedback in the context of the live website. Allows users to interact with the website and navigate between website pages seamlessly while keeping the Heurio UI visible. In this mode, users can see all previously placed heurios, making it easier to understand feedback contextually.

<figure><img src="https://2020319361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBOaIi9QzptvzmRxIDqZN%2Fuploads%2F1x2lJqXFJ7rFb8IK3flw%2FFrame%202784%20(1).png?alt=media&#x26;token=9a5fac64-ecf0-435a-90ad-b1c380468ab8" alt=""><figcaption><p>Browser View - Heurio Extension</p></figcaption></figure>