Product development process improvement (cooperating with webpage designers and website engineers)

In the latest new project, we have improved the product development process and made some comments on the effects of process improvement.

Let's talk about our original and current product development processes:

• Product Visio drawing, express product intent.
• Technical and product seminars determine whether technical implementation is possible.
• Technology development.

This is the development method I used when I first joined the company. Throughout the product development process, we only have one document, that is, the product's Visio diagram. Developers are responsible for the HTML, CSS, and page effects of all interfaces (PS: the design of databases is checked by developers ). At this time, the product is basically developed by the developer, and the product personnel can view a version. If you are not satisfied, modify the settings as required by the product personnel. After versions, we often find that there are many changes with the original design. Because of one modification, there is no time to guarantee the progress of the product. Of course, I think this should be the case for Internet companies in their development stages.

In this development mode, the project time is not guaranteed. Even if you require a deadline, you will find that due to subsequent demand changes, this time is not guaranteed. In fact, this is one reason we will change the development method later. We require a time-controllable project. So how can we make the project controllable? The first thing we think of is to refine the product and require a detailed product document. The second requirement is to have a key technical document based on the product documentation. At present, this is what we are doing. It is still possible from the implementation effect.

With the growth of the company's staff, we made another attempt on the product development process in the new project. This role is introduced as a web designer. Simply put, the developer is responsible for HTML, CSS, page effects, and so on, all of which are completed by the web designer role. From the company's point of view, this is a result of work segmentation, with the goal of higher development efficiency. However, there are still many improvements to the current cooperation situation. It is also a reference example for the practice of separating developers from web designers in projects.

Current problems and considerations:

• Web page designers do not have good HTML availability.

This problem is particularly prominent. The main manifestation is HTML.CodeThe structure is not uniform. It may be the same on the web, but the versatility of HTML code is not taken into account when designing pages.

Page a code:

<Ul>

<Li> comment data </LI>

<Li> comment data 1 </LI>

<Li> comment data 1 </LI>

<Ul>

Page B code:

<Table>

<Tr> <TD> comment data </TD> </tr>

<Tr> <TD> comment data </TD> </tr>

<Tr> <TD> comment data </TD> </tr>

</Table>

 

The above two sections of HTML are not displayed on the page, butProgramFor the code, we need to implement it twice, which was originally implemented through a unified control.

• Web designers do not understand the original rules.

To mention this, we still hope that web designers should take into account the current website situation and not simply achieve their own display effect.

The code itself is okay, and the display effect is good. However, from the perspective of our existing image rules, our current images are all 48x48, and web designers use 60x60 images, which can cause existing image stretching problems.

• Uniform Code style of web designers

This problem may not occur if a person writes all the code, but because we have many development files, the web designers use two. The code we got later clearly shows the two types of code. In the left-right layout:

First <Div class = "Left"/> <Div class = "center"/> <Div class = "right"/>

Type 2 <Div class = "bigcontent"/> <ul class = "right"/>

If the style is unified, <Div class = "Left"/> <Div class = "right"/> I think it is better. (PS: both use Div as the boundary condition)

• Considerations for real data during Web Design 

 

 

It is an obvious design that does not take into account the Display Effect of real data.

 

Process improvement:

Software developers are involved in the HTML code design process early to ensure that HTML is readable.

Website designers need to learn more about the existing rules and consider whether the new HTML and CSS may conflict with the original rules.

Google Tag: product, management, process improvement, cooperation