Say goodbye to the waterfall model the 5 step is to implement a responsive Web design


congratulations, you finally convince the leaders that your next Web design project requires responsive design. Although persuading them is a very difficult thing to believe, you can’t rest on laurels now. The key question for the project now is: how do you lead your team to build a responsive design,


response profile

you may be familiar with the typical waterfall model development process: start with system requirements analysis, then proceed with the design, then start the back end development, and finally evaluate and implement. The linear nature is a major feature of cascade development: when this stage is completed, the next stage begins immediately, and the two are almost seamless. "Waterfall pattern" development process is the design of a series of stages in order to start, only in a single direction, but unfortunately, with the continuous accumulation, forced to slow down, to deal with all kinds of difficult problems.

waterfall model development process demo:


‘s "responsive Web design" refers to the use of the same set of code to make web content visible on PC, tablet PCs, and smartphone browsers in the process of building a web site. Gone are the days when those who created multiple versions of PC, mobile, and the like for publishing the same content. Now you can cope with all the running environments by building a very flexible web site.


response design process is shown in the following diagram:


so, why should the use of responsive design instead of the waterfall model? Waterfall model only in accordance with the standard desktop browser design, in addition, almost did not take any other design and development environment, this is its biggest drawback. The agile responsive design takes into account these cross platform issues from the start, allowing for more detailed pre framing, composition, design, and testing, which are omitted in the waterfall model. Responsive design sites, once completed, will be correctly rendered on PC, mobile devices and tablets.

The effect of

response design on different devices is shown in figure


so, how do you implement responsive Web design in your team? Here, we review the typical waterfall model development steps and illustrate how to turn them into responsive design patterns.


implements responsive Web design: Step 1: plan

waterfall model development

in waterfall mode development >

Leave a Reply

Your email address will not be published. Required fields are marked *