Content

1. Demand Analysis(NABCD model)

1.1 Need

  During the Mid-autumn Festival, southern Fujian wanderers from all over the world eagerly want to play the Bobing game in their hometown. However, due to the environment, there are no relatives and friends to play games together and the props needed to play Bobing. The WeChat mini-program Bobing was born under such conditions.

1.2 Approach

  We consider designing an online WeChat applet to restore the scene of the Mid-Autumn Festival cake, and use the WeChat developer tool to write the applet code.

1.3 Benefit

  Bobing games are mainly divided into online and offline functions. If there is just a lack of props, you can use the offline mode to simulate the bowls and dice used in Bobing and get the results. You can also log in to online mode and create a room to play with your friends, or you can randomly match and play with like-minded people.Maximize the fun of Bobing.

1.4 Competitors

  At present, due to technical problems, we may not be able to realize the online game function, and the front-end screen rendering and other effects cannot reach the expected state, which will force us to delete some functions.

1.5 Delivery

  We can promote our games through the WeChat platform, or we can post a QR code downstairs in the dormitory to invite students to try it out.

2. 📋PSP form

3. Prototype design

3.1 Tool

  Adobe XD

3.2 Design ideas

 When we first saw the experiment, we used code to implement the underlying basic logic.

 For user convenience, we design the basic framework to consider what functions we need to implement.

3.3 Prototype

 This is starting interface, you can click “游戏规则” to see the rules, if you wanna offline game, click"离线模式", if you wanna online game, click" 登陆游戏".
                
if you click"允许", you will login in your default user id, if you wanna log in by using other account, click"使用其他昵称和账号", if this page, you can choose register a new account, or log in automatically or remember password.

 This is your account interface, you can choose match randomly by clicking “随机匹配” or create your own room to play with your friends by clicking “创建房间”. You can also find some other interesting functions like “商城” to shop and something else.

 This is a battle interface for players, once it’s your turn, you should click anywhere you want to shake dices

 If you don’t have good luck, maybe you will get results above.

 You can also find player’s battle record by clicking “查看战绩” in battle page, input play’s ID you want to see

 Then you can get his historical record.

3.3.1 Demo

4. Working environment

 My partner and I, we use our own computers for different modules, I am responsible for the front end, he is responsible for the back end.But at the moment neither of us have mature technology, so when we encounter problems, we basically both get together to discuss solutions.

5. Summary

 Through this assignment, I learned how to use adobe xd to make prototype design. The first part of the assignment is not just to prototype the UI,but also to think about the function of the software and how to complete it. There are still some shortcomings in this web prototype, we will improve it in the future.