Welcome to “Algorithms and the Beauty of Programming” ↑ pay attention to us!

This article was first published on the wechat official account “Beauty of Algorithms and Programming”. Please follow us and learn more about this series of articles in time.

 

1 Problem Description

When prototyping an app with Mockplus, the challenge is not how the components are used, but the overall layout and aesthetics. How to highlight key features? How to make the user’s eyes shine? These are the basic criteria for deciding whether a prototype is good or bad.

 

2 Problem Analysis

I think there are several main reasons for these problems. One is not fully understanding what is a prototype? The second is you don’t know what the prototype is for? What’s more, before starting any work, the first thing may be to learn from, to appreciate the excellent works of the gods, to feel the beginning of it.

 

3 Solution

Once you know what the problem is, you have to go about solving it. I mainly solved the problem of how to do the prototype drawing through online ways such as Zhihu and Baidu as well as offline ways of communicating with senior students. Next, I will introduce specific solutions.

 

First, take a look at the prototype diagram

 

1) What is the prototype?

Prototype drawing is an important output in interaction design. It is the interaction form of adding details of functional modules to confirmed modules. Prototype design is the best tool for interaction designers to communicate with product managers and development engineers.

2) What is the prototype for?

Quickly record product functions and logical flow.

3) What are the requirements of the prototype drawing?

Beautiful layout, strong logic.

 

Tips for using prototype diagrams

 

1) Make good use of the project tree, determine the name of each page, determine the relationship between the page and its sub-pages.