MENU service case
Website construction website design Beijing website construction high-end website production company Shangpin China
We create by embracing change
360 ° brand value__
simplified Chinese character
Simplified Chinese English

Shangpin China Joins Hands with Beisheng Internet to Create a New Chapter in Website Construction

Type: Shangpin Dynamic Learn more

Summary of Prototyping of Website Construction

Source: Shangpin China | Type: website encyclopedia | Time: 2020-05-07
    First of all, what are prototypes?
        Website construction As the name implies, the prototype is a product framework drawn with lines and graphics, which is commonly known as wireframe.
What is the importance of prototyping?
Prototype design plays the most important role in the whole product process, which serves as a link between the preceding and the following. Before prototype design, the requirements or functional information are relatively abstract. The process of prototype design is the process of transforming abstract information into concrete information. Later, the product requirements document describes and explains the sections, interfaces, elements and the execution logic between them in the prototype design. Therefore, the importance of prototype design is irreplaceable, and product managers should have absolute control and control over it.
Generally, the homepage design should be clearly classified and simple to make it easier for users to find what they want or to see the main part you want to present.
Head: LOGO+navigation bar (menu bar)+login registration (if this part of the function is available)+search bar
Theme: This is the theme part you mainly present, which is generally divided into product cover and introduction ->various information (industry, company and other text information) ->main characteristics (referring to your website's main business, characteristics, etc.)
The tail is mainly hyperlinks: website agreement ->filing information ->contact information ->website introduction ->connection of various platforms (microblog, WeChat, etc.)
 
The structure that a prototype should have: head, content, and tail. (See the figure below)

 

Let's introduce the prototype I designed (as shown below)

 

 

head

 
Look at the header first
I added some circles to make the background banenr look better.
In the figure above, you can see what layouts I put in this picture.
The top is the logo or company name navigation bar and search bar.
I put some introduction information in the middle of the left side (such as some information about the company, some information about the products, etc.)
Then the button below is a jump link.
Put the information in the banner at a glance and make it easy for users to understand.
 
 
 
Content Department

 

 

This section can contain some company news, activities, etc.
Put the date first, followed by the title content and then the picture.
 
 
This section can put some products, etc. If a product display station will definitely recommend products, use large pictures to attract users to understand.
 
 

This section can hold news, relevant information, etc.
 


 

This section is the tail, and the tail is mainly hyperlinks: website agreement ->filing information ->contact information ->website introduction ->connection of various platforms (microblog, WeChat, etc.)
 
Drawing process=design process; The result of drawing=the expression of ideas.
Pay attention to the thinking process of designers, and how to better express the concept and idea of products.
Understand the principles, functions and use scenarios of different design schemes, expand the materials of their own prototype design through comparison and analysis of various design schemes, and have the choice of experienced schemes when designing products in the future;
Proficiency in parameter selection, page layout, functional location, perspective order, element relationship, etc.
  Summary: Learning from mature products is to learn to think about the design principles of other people's products. It is not only simple plagiarism and imitation, but also unknown why. There are two problems in doing so: first, we did not analyze why others did so, and then the design method in different scenarios may not be suitable for all situations. Maybe it is not suitable in your products, but it has the opposite effect, In fact, you will always be one step slower than other products, and you will gradually lose the core ability as a product person - deep thinking.
When facing different design schemes of similar products, learn to compare and analyze, and think comprehensively from layout mode, visual angle sequence, parameter selection, etc.
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
TAG label:

What if your website can increase the number of conversions and improve customer satisfaction?

Make an appointment with a professional consultant to communicate!

* Shangpin professional consultant will contact you as soon as possible

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]

Communicate with professional consultants now!

  • National Service Hotline

    400-700-4979

  • Beijing Service Hotline

    010-60259772

Please be assured to fill in the information protection
Online consultation

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]