> For the complete documentation index, see [llms.txt](https://support.ninchat.com/ninchat-support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.ninchat.com/ninchat-support/english-new/user-interface/user-interface-overview.md).

# User Interface Introduction

## **Overview and Channels**

The Ninchat interface follows the language settings of your web browser. You can change the language in the settings (Finnish or English) under *Language and Region*.<br>

The Ninchat user interface consists of a sidebar, a conversation section, and channel information.<br>

<figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-c9ee1f0f78c4a485fbd61fbf395c9bcb77485a88%2FYleisnakyma-ja-tiimikanava.png?alt=media" alt=""><figcaption><p>Ninchat interface view.</p></figcaption></figure>

| Sidebar                                   | Conversation section       | Channel information       |
| ----------------------------------------- | -------------------------- | ------------------------- |
| Organization, channels, and conversations | Conversation and messaging | Channel topic and members |

{% hint style="info" %}
Channel details can be opened and closed using the icon.
{% endhint %}

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-1f7ff0b9e4016af25ccf85aea1538d63e111b69f%2Fimage.png?alt=media" alt=""><figcaption><p>Channel information opened.</p></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-dad9d0beb21d714d4601308d6d8086c2b7541b38%2Fimage.png?alt=media" alt=""><figcaption><p>Channel information closed.</p></figcaption></figure></div>

### **Team channel indicators**

| Members list indicators                                                                                                                                                                                                                                           | Meaning                                                                                                                |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-a83a3d32bf8d58da5cbd781c69586af5ccba10d8%2FOperaattori.png?alt=media" alt="" data-size="line"> Star, solid              | <p>Channel operator user (different from organization operator):<br>can manage channel settings and invite members</p> |
| <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-1e8e05827999e8b50967bd414d5dcd80f4b13292%2FModeraattori.png?alt=media" alt="" data-size="line"> Star, with border       | <p>Channel moderator user:<br>can moderate posts and remove members</p>                                                |
| <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-4d651d984e468e3154ec12ad0af47d475845e365%2FTila-idikaattori_02.png?alt=media" alt="" data-size="line"> Green indicator  | User is logged in and active                                                                                           |
| <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-7da29c5da18227bb3706f4ab61082e485fc5348d%2FTila-idikaattori_03.png?alt=media" alt="" data-size="line"> Orange indicator | User is logged in but not active                                                                                       |
| <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-8f61effb3316a0f073af5b4b196d48146c009aae%2FTila-idikaattori_01.png?alt=media" alt="" data-size="line"> No indicator     | The user is not present; they will see the messages addressed to them later.                                           |
| ![](https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-dcb89180ba5c8b1e2595346a95f4ba9b0f81a142%2Fimage.png?alt=media) Invite people to channel                                      | Invite new people to the channel (Channel operator)                                                                    |

### **Sidebar (discussion list)**

In the sidebar you can see all your customer queues and easily switch between conversations. Notifications about new events and conversations are also displayed here.

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-234db42a38977a6b6364a973fc86848a73b75893%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure></div>

<table data-header-hidden><thead><tr><th width="285.75390625">Section</th><th>Function</th></tr></thead><tbody><tr><td>1) User menu</td><td>Transition to the home screen, settings and profile and logout.</td></tr><tr><td>2) Organization</td><td>Organization dashboard, and switching organizations if you belong to more than one.</td></tr><tr><td>3) Queues</td><td>Customer queues from which customers are picked.</td></tr><tr><td>4) Channels</td><td>Internal team channels, public group chats and video channels.</td></tr><tr><td>5) Customer conversations</td><td>Customer conversations picked from queues.</td></tr><tr><td>6) Private conversations</td><td>Internal, private conversations with team members.</td></tr></tbody></table>

## Menus

### **User menu**

<figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-b0906e0dca95c732125ecb83abfb418ddf802c6c%2FKa%CC%88ytta%CC%88ja%CC%88valikko.png?alt=media" alt=""><figcaption><p>User menu actions.</p></figcaption></figure>

By clicking the arrow next to your name, you can open the user menu, where you can:

* Open the home view (**Home**)
* Open user settings (**Settings and Profile**)
* Log out of the service (**Logout**)

{% hint style="info" %}
You will see the notifications in the user menu.
{% endhint %}

<div align="left" data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-56163c92ab8a38ac02a93cbfab6914c8698c4dfa%2Fimage.png?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

### **Notifications**

Events such as a new customer in a queue, a private message, or mentions in channels appear as notifications. In the redesigned user interface, notifications are now shown at the top.

You can choose your preferred notification settings in your personal settings under Notifications.

### **Organization menu**

<figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-73c23eb9a866900e62ffb6e04a858d56c9fe988a%2FOrganisaatiovalikko.png?alt=media" alt=""><figcaption><p>Organization dropdown menu.</p></figcaption></figure>

* Organization dashboard
* Other organizations you belong to

### **Customer queue menu**

<figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-a397704a9a20d4645cf62ecef0951a66b4c2a692%2FAsiakasjonovalikon%20toiminnot.png?alt=media" alt=""><figcaption><p>Customer queue actions.</p></figcaption></figure>

A customer queue row displays the queues and their status:

* <mark style="color:$success;">Green dot</mark>: the queue is open to customers
* <mark style="color:$danger;">Red dot</mark>: the queue is closed

The row also shows the number of customers in the queue and the queuing time. By clicking the queue name, you can open the Customer Queue view (see below).

From the arrow icon next to the queue name, you can:

* Pick a customer from the queue
* Manually close or open the queue
* Open queue settings (Organization operators)
* Open queue statistics (Organization operators)

### **Message input field** <a href="#kirjoituskentta-ja-keskustelun-sivupalkki" id="kirjoituskentta-ja-keskustelun-sivupalkki"></a>

In addition to typing messages, the input field allows you to:

* Add emojis <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-ad20011e2319fe5cc047a309d398e508995195b4%2Fhymio%CC%88.png?alt=media" alt="" data-size="line">
* Add images and files <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-c5978167165892e7094a7243825998455df5ba09%2Fliita%CC%88.png?alt=media" alt="" data-size="line">
* Start a video conversation (customer conversations) <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-f23aa6ba1d500607622b850eb4da7b7351eb3849%2Fvideo.png?alt=media" alt="" data-size="line">
* Insert canned messages <img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-ab72b6eb0b7794737fb7784fdf2adf7367dda7ad%2Fvalmisvastaukse.png?alt=media" alt="" data-size="line">
* Send a message using the Send button or the Enter key. Line breaks can be created using Shift + Enter.

During a customer conversation, you can also:

* Insert canned responses
* Write notes
* Add tags

## Channel details and members list

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-eddc7bba01cdd6215a4e25f4535b7bb9a9c80155%2Fimage.png?alt=media" alt=""><figcaption><p>Next to the three-dot menu you will find the channel details icon.</p></figcaption></figure></div>

In the top bar of the channel, you can see the channel members. The full member list can be opened from the three‑dot menu or the channel details icon. From the list, you can start private conversations with channel members (Dialogues). Channel operators can invite new members and assign user permissions.

{% content-ref url="/pages/DjsYtlvAGQljuD1JuXPY" %}
[Interface problems](/ninchat-support/english-new/user-interface/general-tips/interface-problems.md)
{% endcontent-ref %}

### **Video meeting**

You can start a video conversation by clicking the Video icon in the upper‑right corner of the top bar. After that, you are able begin the video meeting.

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-5f6f2a6d819e139b3d270627304084782235184f%2Fimage.png?alt=media" alt=""><figcaption><p>When you click the Join video meeting button, you will start the video call.</p></figcaption></figure></div>

{% content-ref url="/pages/N87mNfEhb2X55GaFTAXy" %}
[Video meetings](/ninchat-support/english-new/user-interface/customer-service-queues-and-conversations/video-meetings.md)
{% endcontent-ref %}

### **Queue activity view**

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-b02d03df5f6fa0336e3adcb324715e7e724544f0%2Fimage.png?alt=media" alt=""><figcaption><p>Customer queue activity view and event log.</p></figcaption></figure></div>

You can access the queue activity view by clicking the queue name. From this view, you can pick customers from the queue and see the event log, including who picked customers and when the queue was opened or closed.

### **Conversation history**

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-2be5c8efc036fb18e6c8e233555f87f1cc4b8652%2Fimage.png?alt=media" alt=""><figcaption><p>Viewing conversation content from the Queue activity view (operators).</p></figcaption></figure></div>

As operator, you can view ongoing customer conversation metadata and questionnaire responses from the customer activity view, as well as observe the conversation in real time. The conversation updates by clicking the Refresh button. Operator permissions are required to view conversations.

{% content-ref url="/pages/-LNiti-BZ76KIThBkEyj" %}
[Customer service queues and audiences](/ninchat-support/english-new/user-interface/customer-service-queues-and-conversations.md)
{% endcontent-ref %}

### **Private conversations (Dialogues)**

A private conversation is started by clicking a person’s avatar. After opening the person’s card, select Start private conversation. Private conversations are listed under Dialogues.

<div data-with-frame="true"><figure><img src="https://498815019-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIeqTSbNtGOeWTiig2G5l%2Fuploads%2Fgit-blob-7cce8952413e15c05d4654d87db53a419f186369%2Fimage.png?alt=media" alt=""><figcaption><p>Starting a private conversation.</p></figcaption></figure></div>

{% content-ref url="/pages/-LP0T2UG0ozPhy1MOa2C" %}
[Private conversations](/ninchat-support/english-new/user-interface/team-channels/private-conversations.md)
{% endcontent-ref %}

***

{% content-ref url="/pages/-LNjHfdM4w\_wBuy7vMcu" %}
[User settings and profile](/ninchat-support/english-new/organization-member/user-account/user-settings.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LNjmr0Kk0fT\_SLxbcg1" %}
[Organization](/ninchat-support/english-new/user-interface/organization.md)
{% endcontent-ref %}

{% content-ref url="/pages/DjsYtlvAGQljuD1JuXPY" %}
[Interface problems](/ninchat-support/english-new/user-interface/general-tips/interface-problems.md)
{% endcontent-ref %}