Using Flowcharts and State Diagrams as Tools For Industrial Design of Smart Products

This article investigates the integration of flowcharts and state diagrams into the industrial design process, focusing on their potential to support process planning, clarify product behavior, and enhance communication between designers and engineers. The study begins with an evaluation of storyboards as traditional design tools, followed by an introduction to flowcharts and state diagrams that explains their origins, structural characteristics, and interdisciplinary applications. A proposed method for incorporating these tools into the design process is presented and is supported by a case study involving the development of a smart lighting product. Storyboards, flowcharts, and state diagrams are comparatively evaluated in terms of their effectiveness in process planning and behavior modeling. Time spent and user interactions are measured and analyzed for each tool. The results show that flowcharts are effective in organizing sequential tasks with logical clarity, while state diagrams are more suitable for representing condition-based behaviors and user interaction in smart products. When used together, the tools offer complementary strengths, combining creative exploration with technical precision. This study provides a comprehensive examination of the combined use of flowcharts and state diagrams in industrial design, emphasizing their value not only in planning but also in fostering a shared design language for interdisciplinary collaboration. It also highlights their adaptability in various formats, demonstrating their flexibility across different design environments.