Social System UX Design Specs

The social systems of any app must enable users of any app the capability to connect, collaborate and complete tasks and achievements. Reference gathering of similar systems is undertaken to find a common baseline of features and functionalities that are desirable. Then further iteration is undertaken to add or improve upon any interaction flows which would make for a better fit within the context of this particular product.

These systems require a high number of spec sheets to account for the quantity of interactions that the users can undertake. From being able to form groups (guilds), chat, invite friends, and send gifts and donations. Leaders of groups can also have access to different options and actions that regular members do not, such as editing the group details, changing the group access, or removing members.

All mockups and spec sheets were put together in Figma. These were then iterated upon through direct comments and feedback through the program, and then shared with the engineering team to be used in building out the framework within the product engine.

Task

Design the wireframes, layouts, components and flows for the Social systems of the project app