Inventory Design

Wireframes

In line with design guidelines set out for this game, along with existing art and interface styles, various wireframes were designed for the interface of the inventory popup - iterations of which can be seen in Inventory - Design User Testing. Based on AB user testing, the following wireframe was selected:

Final Design

The design of the inventory popup interface was informed by the design of the shop, as these two features act alongside each other to make the purchase & use of in-game artefacts seamless. The same background colour scheme, font layout & background icons such as description boxes were used in both interfaces to ensure continuity. As shown in (Inventory - Design User Testing, vigorous user testing was also undertaken on other iterations of this design to ensure that the final design aligned to user's needs and provided optimal experience.