With the rapid development of Internet, online teaching is booming and is gradually moving into the daily lives of people. More and more interactive online teaching systems are required. Yet the operational interactive online teaching system design and development methods are fewer. On the foundation of the analytical research on scenario, prototype and the participatory design, this paper presents an integrated scenario-based design method. It combines scenario, prototype and participatory design with the interactive online teaching system design and development process. The main steps of the design method are described in detail. And how to make use of scenario, prototype and participatory design in the design and development process is discussed. This method is very conducive to the interactive online teaching system design and development.