A model-based responsive web user interface development method

The wide variety of devices currently available, which is bound to increase in the coming years, posed a number of issues for design cycle the of interactive Web applications. That couldn't develop user interface with high quality such as usability and user experience. So this paper propose that combine responsive design method with Model-based method. Add responsive model in the FMP(F-Function, M-Model, P-Presentation) model so that can make responsive user interface, called it FMr(responsive)P model. And then improve the model translating process based on FMrP and propose some translating guide.