# User interface

{% hint style="info" %}
If you want to use the user view in Finnish, please use the address: \
<https://ninchat.com/app?lang=fi>
{% endhint %}

## Basic view and team channel <a href="#yleisnakyma-ja-tiimikanava" id="yleisnakyma-ja-tiimikanava"></a>

Ninchat basic view consists of three sections, from left to right respectively: Sidebar, conversation section, and member list (chat features during customer chat).

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPAYwyL1KLSsmMQJUwN%2F-LPAZQ53uCSioKsFI_vy%2Fteam%20channel.png?alt=media\&token=375ff784-2860-4785-820b-1dc2b450c359)

| Sidebar                                                             | Conversation section                                   | Member list                                                                                        |
| ------------------------------------------------------------------- | ------------------------------------------------------ | -------------------------------------------------------------------------------------------------- |
| <p>Organizations, channels, </p><p>and conversation list</p><p></p> | <p>Conversations and message entering field</p><p></p> | <p>Search function,<br>channel members, and </p><p>chat features (during </p><p>customer chat)</p> |

### Team channel - member list symbols

| Symbol                                                                                                                                                                                                                                                                            | Meaning                                                                                                                     |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| <img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LNouCllwnHMevjylQMp%2F-LNoQSbJl2rWqBpGfRny%2Foperator.png?alt=media&#x26;token=69d1030f-046d-4a42-a35f-d11c18cd184d" alt="" data-size="line"> Star, filled     | Channel operator (different from organization operator) - can manage channel settings and invite new people to the channel. |
| <img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LNouCllwnHMevjylQMp%2F-LNoQV3e7Rhd6dVRkali%2Fmoderator.png?alt=media&#x26;token=e83f600e-ebc2-497f-a14b-6aa5f745b89e" alt="" data-size="line"> Star, outline   | Channel moderator - can moderate chat and remove people from the channel.                                                   |
| <img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LNouCllwnHMevjylQMp%2F-LNoRCN8xYILKlz5KaIx%2Fonline.png?alt=media&#x26;token=51232744-28d3-402b-96eb-7b9a80e03a52" alt="" data-size="line"> Green circle       | User is logged in and active.                                                                                               |
| <img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LNouCllwnHMevjylQMp%2F-LNoREJ7FOBkjMrItTIF%2Fidle.png?alt=media&#x26;token=7b5d5fdd-63a5-41aa-8a03-84b9e6cc571b" alt="" data-size="line"> Orange circle        | User is logged in but not active.                                                                                           |
| <img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPA9Wwe5GBKOpGvBeB0%2Favatar-male.svg?alt=media&#x26;token=a4d63114-9952-4a48-bfae-5ae92f794f92" alt="" data-size="line"> No circle     | User is offline. The user will see messages addressed to him/her later.                                                     |
| <img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAAOZUHm9mQbm9Izeq%2Finvite-icon.png?alt=media&#x26;token=82238322-47c4-4b67-989c-08da567215f7" alt="" data-size="line"> Invite people | Invite new people to the channel (for channel operators).                                                                   |

## Sidebar (conversation list)

The Sidebar can be used for switching between conversations, you can also easily see notifications of new activities in different conversations.

Please note that you should not leave the team channels e.g. when logging out.

![Sidebar elements](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAFd8FFJNMxO_QkFg1%2FSidebar.png?alt=media\&token=2d96c888-a14a-401b-9031-12827673cbc3)

| Element                   | Function                                                                                             |
| ------------------------- | ---------------------------------------------------------------------------------------------------- |
| 1) Organization           | Organization settings, and switching between different organizations if you belong to more than one. |
| 2) Activity               | All new activities related to you on Ninchat.                                                        |
| 3) Filter                 | Filter/search bar lets you filter conversations by name.                                             |
| 4) Queues                 | Customer care queues where customers are picked.                                                     |
| 5) Channels               | Internal team channels (and public group discussions).                                               |
| 6) Customer conversations | Customer care conversations which are picked from queues.                                            |
| 7) Private conversations  | Internally one-on-one private conversations with team members.                                       |

{% hint style="info" %}
In addition to your own organizations, the organization menu contains a so-called "Public" site. All Ninchat users can create channels here. But do not create channels for your organizations in Public!
{% endhint %}

## Menus

### Sidebar menu

Click the<img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAOXNJwmZvULF5pEGG%2Fmenu-ikoni.png?alt=media&#x26;token=538baa53-eca7-4dfa-a3fb-76872345f288" alt="" data-size="line">-hamburger button to minimize or expand the Sidebar menu. In the minimized view, you can still see notifications, and by hovering over the Sidebar, the view automatically expands. The minimized view has a great example when the screen is compact.

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPAYwyL1KLSsmMQJUwN%2F-LPAYzSJOkMWZYbL42Pv%2FSidebar%20toggle.png?alt=media\&token=5a854597-081d-49ed-8de7-3fc4a52902f0)

### Organization menu

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPALUkx0tOZMVcfTQ3L%2FSidebar%20%E2%80%93%20menus%20-%201.png?alt=media\&token=75d7478c-eae8-4a03-9d55-a79ea0989390)

* Organization settings
* Create a new channel
* Other organizations you belong to and Public site

### Activity menu

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAJhjkLsX1fHQreCD3%2FSidebar%20%E2%80%93%20menus%20-%203.png?alt=media\&token=7fdd768c-eb8c-4f6f-921e-fecfd211b6f4)

The activity menu displays a summary of all new activities related to you on Ninchat, such as customers in queue, private messages, channel highlights, including from other active organizations if you belong to more than one.&#x20;

Clicking the activity bar will take you directly to, for example, the channel that has a message mentioning about you.

### Customer care queues menu

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAJjbUDi_k5N_swYfy%2FSidebar%20%E2%80%93%20menus%20-%204.png?alt=media\&token=ab80c94c-497a-402f-b02d-bd3649a643bf)

The customer care queues menu displays all the queues and either they are opened or closed (green circle = the queue is opened to customers, red circle = the queue is closed), and the number of people waiting in the queues. Clicking the queue name will show the queue activity log. Clicking the arrow icon next to the queue name will open a menu where you can:

* Pick a person from the queue;
* Access queue settings (for organization operators);
* Access queue statistics (for organization operators);
* Manually close/open the queue.

### User account menu

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAJlOPuaiFkFDdumwM%2FSidebar%20%E2%80%93%20menus%20-%202.png?alt=media\&token=777ff71f-6acc-4bb8-8f95-0591a2cefd5d)

Click the arrow icon next to your name to open the user account menu that allows you to:

* Access your personal settings;
* Hide/show channel members in the member list;
* Switch between narrow and wide Sidebar views (also works from the top of the Sidebar menu by clicking the<img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAOIydU9Ur6qg0v5ZR%2Fmenu-ikoni.png?alt=media&#x26;token=66de5f93-5621-4aed-9680-271a511dc210" alt="" data-size="line">-hamburger button);
* Hide/show the Sidebar filter;
* Log out.

### Filter/search field <a href="#suodatus-haku-kentta" id="suodatus-haku-kentta"></a>

![Filter/search field](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPATL-kkKNVX4dsFCEM%2FSidebar%20%E2%80%93%20menus%20-%205.png?alt=media\&token=5b0dbf08-b0fb-44ac-82ac-8c646cb67041)

If you have a large number of channels and conversations in the Sidebar, you can filter them by names and find the conversations you want.

In the filter field (where it is written "Enter filter text"), type the name or part of the name of the channel or person you are looking for, and the content in the conversation list shown below will be limited to that filter. Remove all the text from the field to show all conversations again.

## Conversation section and chat features <a href="#kirjoituskentta-ja-keskustelun-sivupalkki" id="kirjoituskentta-ja-keskustelun-sivupalkki"></a>

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAVmcQ9IdRzj4ihd6h%2Ftextarea.png?alt=media\&token=5ff25f53-50df-4c24-aa45-c1ae2a05c883)

In the text field (where it is written "Enter your message"), in addtion to typing text messages, you can add<img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPAWtUoYbat-sOjhFFy%2F-LPAXgQdfVyln5g06eda%2Ftextarea-1.png?alt=media&#x26;token=629dcf71-35aa-4e8b-9a70-f07f31c2ea57" alt="" data-size="line">emojis,<img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPAWtUoYbat-sOjhFFy%2F-LPAXi4MvB4IW23_CrIW%2Ftextarea-2.png?alt=media&#x26;token=741767a0-7ed0-47f6-bcde-7cea149ec882" alt="" data-size="line">pictures and files,<img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPAWtUoYbat-sOjhFFy%2F-LPAXjvTiweuQ7x6HBFw%2Ftextarea-3.png?alt=media&#x26;token=c5f43e64-15e0-415e-a2ef-48342bfc1b35" alt="" data-size="line">start a video chat (customer discussion),<img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPAWtUoYbat-sOjhFFy%2F-LPAXmdkB9HI-27Djg1J%2Ftextarea-4.png?alt=media&#x26;token=4700d893-243a-46b9-91c8-363f99126763" alt="" data-size="line"> hide/show the customer chat features on the right. Send a message by clicking the<img src="https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPAWtUoYbat-sOjhFFy%2F-LPAXpQphEghCnf888oz%2Ftextarea-5.png?alt=media&#x26;token=d1a8b373-f9b9-4e46-8108-f500090c2d52" alt="" data-size="line">send button, or using the \[Enter] key on your keyboard. You can also use the \[Shift] + \[Enter] keys to make a line break.

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAVqajCXV6tdHtmQGi%2Fchannel%20members%20menu.png?alt=media\&token=32763c06-35f7-4cd9-905e-4c69f23e42fc)

In the channel member list, you will find all the channel members. You can start a private conversation with a person from the list. Channel operators can invite new members, and give moderator and operator rights to channel members through the list.

![](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LPA6QNzygO6tJFYBfYl%2F-LPAWazFscQZX-LZ8pmU%2Fcustomer%20menu.png?alt=media\&token=6c8596d1-d39f-4df6-b01e-f9ea8f81691d)

The elements of the customer chat features depend on the queue and the user's personal settings. The section can display metadata, notes fields, canned messages, and tags.

## Customer care queues view

![Customer care queues view](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-Lmd8GN05XfGPZdUMMaQ%2F-Lmd988kHDqpy7n0GbiZ%2Fqueue-answer1.png?alt=media\&token=61e78e60-454a-4056-9206-6a783b44dd37)

Click the queue name in the Sidebar to access the customer care queues view. The view allows you to pick customers and see the queue activity log: who picked customers, and when the queue was opened and closed.

{% content-ref url="../customer-service-queues-and-conversations" %}
[customer-service-queues-and-conversations](https://support.ninchat.com/ninchat-support/english/customer-service-queues-and-conversations)
{% endcontent-ref %}

## Private conversations

![Start private conversation](https://2863873760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNV26ZBWc4tpGlvMlCe%2F-LNouCllwnHMevjylQMp%2F-LNoSyTIbibonJzne4JU%2FTeam%20-%20start%20private.png?alt=media\&token=9ec7ec6d-b454-4d26-a969-a380ec91c670)

{% content-ref url="../team-channels/private-conversations" %}
[private-conversations](https://support.ninchat.com/ninchat-support/english/team-channels/private-conversations)
{% endcontent-ref %}

## Personal settings

{% content-ref url="../user-account/user-settings-and-profile" %}
[user-settings-and-profile](https://support.ninchat.com/ninchat-support/english/user-account/user-settings-and-profile)
{% endcontent-ref %}

## Organization settings

{% content-ref url="../organization" %}
[organization](https://support.ninchat.com/ninchat-support/english/organization)
{% endcontent-ref %}

## Troubleshooting

{% content-ref url="interface-problems" %}
[interface-problems](https://support.ninchat.com/ninchat-support/english/general-tips/interface-problems)
{% endcontent-ref %}