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

Hüseyin Özkal Özsoy

Article Details

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

Authors:

Hüseyin Özkal Özsoy

Publisher:

Ankara Hacı Bayram Veli University

Main Topics:

Görsel Sanatlar (Diğer)

Journal:

Sanat ve Tasarım Dergisi Issue 36, pp.205-233

Document Type:

Article

Publication Date:

6/2025

Document Language:

English

Document ID (Org No.):

2001348732

pISSN:

1308-2264

Keywords:

Abstract:

 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.

 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.

 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.

 Bu makale, akış diyagramları ve durum diyagramlarının endüstriyel tasarım sürecine entegrasyonunu incelemekte; bu araçların süreç planlamasını destekleme, ürün davranışlarını netleştirme ve tasarımcılarla mühendisler arasındaki iletişimi güçlendirme potansiyeline odaklanmaktadır. Çalışma, geleneksel bir araç olan hikâye panolarının storyboard kullanımına dair bir değerlendirmeyle başlamakta, ardından akış diyagramları ve durum diyagramlarının kökenleri, yapısal özellikleri ve disiplinler arası kullanım alanları açıklanmaktadır. Bu araçların tasarım sürecinde nasıl kullanılabileceğine dair önerilen bir yöntem sunulmakta ve akıllı bir aydınlatma ürününün geliştirilmesine yönelik bir vaka çalışmasıyla desteklenmektedir. Hikâye panoları, akış diyagramları ve durum diyagramları süreç planlama ve ürün davranışlarının modellenmesi açısından karşılaştırmalı olarak değerlendirilmiştir. Kullanım süresi ve kullanıcı etkileşimleri temelinde ölçümler yapılmıştır. Akış diyagramlarının belirli görevlerin sıralı ve mantıklı şekilde organize edilmesinde etkili olduğunu; durum diyagramlarının ise özellikle akıllı ürünlerin duruma bağlı davranışlarını ve kullanıcı etkileşimlerini temsil etmede daha başarılı olduğunu göstermektedir. Her iki araç birlikte kullanıldığında, yaratıcı düşünme ile teknik netliği bir araya getiren tamamlayıcı avantajlar sunmaktadır. Bu çalışma, akış ve durum diyagramlarının endüstriyel tasarımda birlikte kullanımını vaka çalışmasıyla detaylı biçimde inceleyerek bu araçların yalnızca planlama değil, aynı zamanda disiplinler arası iletişimde ortak bir tasarım dili oluşturma potansiyeline sahip olduğunu ortaya koymaktadır. Ayrıca, bu araçların farklı biçimlerde kullanılabilirliğine de değinilerek, çeşitli çalışma koşullarına uygunlukları gösterilmiştir.

Article Details

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

Authors:

Hüseyin Özkal Özsoy

Publisher:

Ankara Hacı Bayram Veli University

Main Topics:

Görsel Sanatlar (Diğer)

Journal:

Sanat ve Tasarım Dergisi Issue 36, pp.205-233

Document Type:

Article

Publication Date:

6/2025

Document Language:

English

Document ID (Org No.):

2001348732

pISSN:

1308-2264

Flowcharts

State Diagrams

Industrial Design Process

Smart Product Behavior

Interdisciplinary CollaborationAkış Diyagramları

Durum Diyagramları

Endüstriyel Tasarım Süreci

Akıllı Ürün Davranışı

Disiplinlerarası İş Birliği

Issues

Article Details

Authors: Hüseyin Özkal Özsoy

Publisher: Ankara Hacı Bayram Veli University

Main Topics: Görsel Sanatlar (Diğer)

Journal: Sanat ve Tasarım Dergisi Issue 36, pp.205-233

Document Type: Article

Publication Date: 6/2025

Document Language: English

Document ID (Org No.): 2001348732

pISSN: 1308-2264

Issues

Authors:

Hüseyin Özkal Özsoy

Publisher:

Ankara Hacı Bayram Veli University

Main Topics:

Görsel Sanatlar (Diğer)

Journal:

Sanat ve Tasarım Dergisi Issue 36, pp.205-233

Document Type:

Article

Publication Date:

6/2025

Document Language:

English

Document ID (Org No.):

2001348732

pISSN:

1308-2264