Axure prototype | interactive draft of points mall based on WeChat official account

Axure prototype | Interactive draft of points mall based on WeChat official account

199it • 6:29 PM, November 4, 2015 • Axure

Now major companies are trying to establish their own credit system to improve user stickiness. This function is rather weak for me, and I have never used it (I used Netease Cloud's points to exchange coupons in the past, but I didn't use it finally, and I don't know the last link User experience How). What is your attitude towards this function?

Used to improve myself Axure The level of WeChat official account Of Points Mall Interactive manuscript. Of course, it is convenient and operate Communicate ideas with Boss, which are summarized as follows.

Catalog of Content

Function description
Interaction details
Interactive manuscript

Function description

Interaction details

WeChat homepage: On the home page of WeChat service account, the position is allocated according to the importance of the points mall in all tabs. Click Column 1, and then click the Points Mall to enter.
Home page of Points Mall: The home page of the mall is not logged in. Navigation bar, 2 switching cards. Click the item image to view the item details, or purchase the item immediately. There is a quick navigation icon of "product": navigate to the home page, personal information, and exchange item information. Ps: The deletion of discount information has no effect. The virtual currency discount information is unattractive, and the original price is OK. If there are goods in the banner, they will be attracted by discounts.
Home page of the mall after login: After logging in to the mall, you can use the purchase behavior. The account name and the number of cool coins are displayed in the upper right corner, and you can exit the function.
Login interface: Login: the account (email or mobile phone number, which needs to be discussed, if it is an email, the user also needs to provide a mobile phone number, which is used to send delivery messages). The login judgment should be detailed, bind WeChat, register for free, and retrieve the password.
Binding WeChat: Enter the account and password and bind them directly according to the openid. After binding, you can directly judge the WeChat openid to log in.
Retrieve password: Password recovery.
Item details: Contact us to set up a certain contact method (the most convenient telephone), and purchase immediately. Ps: The specific product information interface needs to discuss and determine the content.
Buy Now: There are fewer kinds of items, quantity options, whether to add other options.
Delivery method: Store pick up and delivery.
Ship To: Default address, add.
Edit shipping address: Edit the harvest address details.
Enter verification code to confirm payment: Accept the verification code, make a call or send a text message, and see which service is more secure and effective.
Purchase success interface: The message of successful purchase will be prompted, and it will be introduced to other interfaces (view my exchanged items and continue to exchange).
Exchange item interface: The customer needs to be informed in the form of short message when waiting for collection and transaction success.
Customer service interface: User instructions, operation editing.
How to earn cool coins: User instructions, operation editing.

Interactive manuscript

epilogue

For me, when I first used Axure, I was amazed and praised its interaction. But with its continuous iteration, the function is more and more complete, and the whole software is also becoming more and more bloated. Its position in interactive software is the same as that of photoshop in design software, which is large and comprehensive and hard to shake. However, when it comes to the use efficiency and user experience of the subdivided fields, they tend to ignore the end, which also leaves opportunities for other companies to compete with each other. Sketch on Mac has become the first choice for UI design; InVision, a more flexible web application, also has the potential to challenge the dominance of Axure. Each has its own advantages and disadvantages. Designers can choose flexibly according to the actual situation.

When the product function is finalized, you must understand Boss's ideas. The company needs to use the product to achieve what strategic goals, so as to determine what is the main function and what is the secondary function. First, consider the functions of the product from a higher point of view, rather than consider yourself as a user at the beginning, and pile up all the functions you want. Regardless of whether Boss will kill your idea, even if it passes, the function will not be primary or secondary, which will also cause difficulties for early agile development and later iterative development.

In addition, when designing the product design of the operation details, we must discuss with the operation director in advance any details of the product related to the actual operation. Don't take it for granted, wait until the product is developed and then modify it. Constant harassment, constant harassment, constant harassment. Because the operation products essentially provide services for operation. If they cannot be launched due to actual operation problems, it will be futile to do a good job, but you have to carry the pot. Who let you design it. What? How can I know the operation details? So, I must ask.