<aside> 💡 All the cameras are static with zooms to focus in to some parts of the game.

</aside>

Cafe

The interface from the cafe consists of two backgrounds: the brewing station and the bar where the clients sit and drink. When the cursor is on an item the item is outlined so the user knows, for example, which ingredient they are selecting.

Untitled - 16 February 2022 14.10.jpg

Untitled - 16 February 2022 14.10 4.jpg

The phone pops up above the background and covers the left part of the screen. If the player is inside one of the apps there’s also an indicator of how to go to the previous screen and how to put it down.

Untitled - 16 February 2022 14.10.png

The hud shows the following information:

-What point of the working day you are (top right)

-How much money you’ve made this day

-If there is a new client in the cafe a small bell sound plays and a small icon appears at the top centre of the hud. When a client leaves a coin sound plays as they pay.

The dialogue is shown through pop-ups (or dialogue bubbles) at the bottom of the screen. When the pop-ups are showing there’s also an indicator of how to open the log and how to advance the text.

The background dialogue shows at the top of the screen, leaving the bottom half for gameplay and it advances automatically.

Home

At home the phone pops up automatically in front of the background. In this screen you can use the phone, go out to the main street where the shops are located and, finally, change your appearance and clothes.

excuse my stick figures

excuse my stick figures

Phone

The phone has three functions: the chat app where you can talk with your friends and acquaintances; the cafe app where the orders from the clients are saved and can check the recipes on how to make each item; and the bank app, which shows the money you have and your goal for the vacation money.

The hud shows the following information:

-If there is a new conversation in the phone there is a vibration and a small icon appears at the top.

Wireframe (wip):

nysa cafe interfaces@2x (1).png