UI Implementation

[ChevScore]

Description

Team ten was assigned the User Interface (UI) feature ticket and intends to deliver a multitude of essential overlays, prompts, and menus to enable game functionality and interactivity. UI is fundamental to the game and must be intuitive and pleasant for the end user to ensure smooth interactions with the system. This UI functionality should stand alone and not depend on the game mechanics, but rather be inherited. The UI that will be created has to be intuitive so that users would easily understand the purpose of each UI. The UI components should be generic enough to be implemented by any game, but specific enough to incorporate most (or all) of the aspects/features of the game (e.g genre, colors).

Sub-Feature/component (optional)

• Menu - A start menu to invite the user to start the game.
• Inventory - displaying a simple pop that shows the user what they have collected or artifacts.
• Settings Page - the settings page will be an interactive page that holds music settings, save options, and exits the game.
• Entity Statistics - information holder, that shows the user the statistics of the enemies. A tooltip for the user to evaluate the enemy.
• Hints and Prompts List - Game tutorial and dialogue to make users feel included.
• Achievements List - Awards that will be given to users to create an adventurous spirit in playing the game.
• Game Page - Layout of stats, game screen
• Settings Page - Sound, music, and quit options
• Buttons - Designing the theme of the button but the functionality of the button is the main aim.
• User Testing - Help determine if the interface is easy to navigate and intuitive.
• Design Guidelines - Design principles are essential for the look and feel of the app to be consistent.

Examples (optional)

Below is an example of different widgets/ buttons that our team would like to create and has been described above. https://interfaceingame.com/games/clash-of-clans/

Milestones

• Goal 1 (Aug. 20):
• [x] Create the design guidelines for the studio
• [x] Symbol and icon development
• [x] Button tile design for all pages - general layout/shape/colour
• [x] Write hints, prompts, and achievements list
• Goal 2 (Aug. 23):
• [x] Making the layout of the screens (Menu page, Game Page, Entity Statistics)
• [x] Sorting button layout, with the buttons still static
• [x] Start-up screen design development
• Goal 3 (Aug. 26):
• [x] Linking pages with event handlers
• [x] Talking to other dependent teams to see what else we can link together with our work.
• [x] Work with the other teams to link the buttons of the settings
• [x] Settings page design development
• Goal 4 (Aug. 28):
• [x] Finalise layout, design and Colour Scheme
• [x] Button Testing: When the buttons were created This user testing was used to determine colors, size, and general look.
• [x] Navigational Testing: When the buttons were fully linked and the goals of the sprint were completed. This is the last user testing to ensure that the navigation of the screen and the ensure that it is intuitive to find all pages.
• [x] Final objects connected and finalized integration.

Completion Deadline: Aug. 30

Extras (optional)

Inventory - an inventory pop-up, to interact with the artifacts collected. Hint and prompt pop-ups Typography Atlas Files

Members

Olivia Leighton (@Olivialeighton) Bagus Prabowo Reksoprodjo (@baguspr) Tara-Jade Garnsworthy (@tgarnsworthy) Syed Muhammad Zahir (@ChevScore)

[mackenziekerr1]

Hey Team 10, Just jumping in here to confirm that we will utilize your design guidelines to create the shop interface and will run this by you guys for approval towards the end of Sprint 1. Also double checking that you guys will provide the assets for the shop button and any typography for us to use?

[tgarnsworthy]

@mackenziekerr1 can confirm this. We have created a design guidelines document on google shared drive where you can access the uniform typography, UX goals and more anytime.

[tgarnsworthy]

Discussed with team 8, that we are going with #E0B0FF as the crystal colour.

[tgarnsworthy]

Consulted with all teams for the final wireframes for sprint 1. Main points: Two health status bars (one for main character health and one for crystal health). Secondly, two currency counters need to be implemented (coin counter and stone counter). Remove the attack button as it is not required. Potentially implement day and night indicators.