# Player UI/UX

{% hint style="warning" %}
First make sure to setup your [Prerequisites](https://cryptonauts.gitbook.io/cryptonauts-docs/setup) 
{% endhint %}

Before diving into the Blueprint Overview for enabling [Players to Connect their Stacks Wallet](https://cryptonauts.gitbook.io/cryptonauts-docs/auth/wallet) to your UE5 based game and presenting the [Players BNS Name](https://cryptonauts.gitbook.io/cryptonauts-docs/auth/bns).  Lets first understand the Players UI/UX.

## Player UI

* The Players will need something to interact with to instantiate their wallet connection.
* The Players UI (for our docs needs) will be our UE5 `WB_MainMenu` [UMG ](https://dev.epicgames.com/documentation/en-us/unreal-engine/creating-user-interfaces-with-umg-and-slate-in-unreal-engine) & its elements

## Player UX

* The Players will click on a "Connect Wallet" button on the Game Main Menu
* The Players browser will open at your UE5 Bridge URL for Authentication Request
* The Players will then be presented with their Stacks Wallet requesting to Confirm
* The Game Main Menu "Connect Wallet" button now read "Disconnect Wallet
* The Game Main Menu Greeting Subtitle text now also presents the Players BNS Name

{% hint style="info" %}
See the [Video Demo](https://cryptonauts.gitbook.io/cryptonauts-docs/auth/video-demo) for Example of the Player UX for when the [Player Connects their Wallet](https://cryptonauts.gitbook.io/cryptonauts-docs/auth/wallet)
{% endhint %}