> For the complete documentation index, see [llms.txt](https://metafluence.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://metafluence.gitbook.io/docs/social-fi-elements/user-profile.md).

# User profile

## **User Profile Overview** <a href="#user-profile-overview" id="user-profile-overview"></a>

**User Profile** plays the role of the public ID card of each user and is usually displayed in a **dedicated pop-up window.** A profile consists of sections like "Profile", "Achievements", "Friends, Avatars" etc.

**User profile** gives access/control to many other features ("Badges", "Traits", "Friends" etc.) that will be added consequently in upcoming updates.

<figure><img src="/files/f9TBuGQQFF8IxbYqlfsC" alt=""><figcaption><p>My Profile view</p></figcaption></figure>

<figure><img src="/files/UQnx2gracBbnkeVNtGCz" alt=""><figcaption><p>Another user’s profile view.</p></figcaption></figure>

### **Controls** <a href="#controls" id="controls"></a>

{% hint style="info" %}
A pop-up is activated **by pressing the "P" key** or **by clicking on a special icon** in GUI.
{% endhint %}

<figure><img src="/files/wAzhL9EkugrCboFUixaj" alt=""><figcaption></figcaption></figure>

<details>

<summary>AIM of Feature</summary>

* Allow players to track their progress;
* Allow players to check other users' progress;
* Give players access & ability to manage features "Badges", "Friends", "Avatars", "Achievements", "Traits" etc.
* Social feature.

</details>

<details>

<summary>UI Description &#x26; Flowchart</summary>

* UI Description (Google Sheets): [Metafluence - UI Descriptions](https://docs.google.com/spreadsheets/d/1DgMESXPnlNCNfJFI9zCTjA5kf2WDI6Ue8hNac1aaHjo/edit?usp=sharing)
* UI Flowchart (Miro):

</details>

## **User Profile Contents** <a href="#user-profile-contents" id="user-profile-contents"></a>

{% hint style="info" %}
Menu icon order may change during the development, and screenshots are just for reference.
{% endhint %}

### **Profile (default page)**  <a href="#profile-profile-default-page" id="profile-profile-default-page"></a>

The first page of the Player Profile (UP). Consists of the main information.

* Information is available to anyone. Users can change privacy settings and hide some parts of information (age, country). Details can be edited by pressing the "pen" button under the profile photo.
* The main window of UP shows the player's profile picture, name, username, meta-time, status, age, country, and "about me" paragraph.
* If any [Moderation Signs](https://metafluence.atlassian.net/wiki/spaces/METAFLUENC/pages/1016296) exist, they're displayed on the corner of the profile picture.

<figure><img src="/files/gIpgNsnXseyTs1F3tdpv" alt=""><figcaption><p>Moderation Sign (green) and User Status (yellow).</p></figcaption></figure>

* "About Me" is a short paragraph user can write about himself/herself.
* Users can add their social media connections to the profile.
* Other users can contact the user by pressing the **"Message" button** or send a friendship request by pressing the **"Add friend"** button.
* "Rank", "Metatime", "Engagement Score", and "Achievements" are either buttons (for my profile) or just counters/indicators of progression.

<table data-view="cards"><thead><tr><th></th><th align="center"></th><th></th></tr></thead><tbody><tr><td></td><td align="center"><strong>Traits</strong></td><td></td></tr><tr><td></td><td align="center">Achievements</td><td></td></tr><tr><td></td><td align="center"><strong>Badges</strong></td><td></td></tr><tr><td></td><td align="center"><strong>Friends</strong></td><td></td></tr><tr><td></td><td align="center"><strong>Avatars</strong></td><td></td></tr></tbody></table>