The Design and Evaluation of CAD Custom Batik User Interface

Nova Suparmanto (1), Anna Maria Sri Asih (2), Andi Sudiarso (3), P Insap Santoso (4)
(1) Department of Mechanical and Industrial Engineering, Faculty of Engineering, Universitas Gadjah Mada, Yogyakarta, 55281, Indonesia
(2) Department of Mechanical and Industrial Engineering, Faculty of Engineering, Universitas Gadjah Mada, Yogyakarta, 55281, Indonesia
(3) Department of Mechanical and Industrial Engineering, Faculty of Engineering, Universitas Gadjah Mada, Yogyakarta, 55281, Indonesia
(4) Department of Electrical Engineering and Information Technology, Faculty of Engineering, Universitas Gadjah Mada, Yogyakarta, 55281, Indonesia
Fulltext View | Download
How to cite (IJASEIT) :
Suparmanto, Nova, et al. “The Design and Evaluation of CAD Custom Batik User Interface ”. International Journal on Advanced Science, Engineering and Information Technology, vol. 14, no. 2, Apr. 2024, pp. 439-50, doi:10.18517/ijaseit.14.2.18807.
The popularity of batik reflects consumer demands for purchasing fulfillment. Digital technology can bring several advantages and new opportunities to the custom batik design process. Computer-Aided Design (CAD) is a popular digital tool used. This paper will provide the new User Interface (UI) design of CAD custom design batik, namely Batik 4.0. It’s software developed to provide services, such as pattern customization in various sizes, batik character input system, pricing, and production time estimation utilized by the batik industry in Indonesia that can be directly forwarded to the manufacturing process. Research in UI design for CAD batik has not been studied, and this paper will fill the significant gap and upgrade the usability. This evaluation will test the usability of the test, employing the performance matrix and RTA towards UI that already exists. Improvement was made with a wireframe using human-computer interaction (HCI) and usability testing data. User-centered design (UCD) focuses on the role of the user in the process of system development as the wireframe design method. This research shows UI wireframe design for several types of users. In making the UI wireframe design, a usability evaluation was performed again. The evaluation result shows that the new user prototypes have fewer errors and exceed the usability value compared to the previous one. The new design is more user-friendly and can be used as a reference for the future development and improvement of CAD custom batik.

R. A. Rahadi, D. Rahmawati, N. A. Windasari, and P. F. Belgiawan, “The Analysis of Consumers ’ Preferences for Batik Products in Indonesia,” Rev. Integr. Bus. Econ. Res., vol. 9, no. 1, pp. 278–287, 2020, doi: 10.58745/riber.

Vidyana Yulianingrum, Sri Ranita, Lintang Sabrang Kinasih Basuki, A. L. Wijaya, and M. G. R. Pandin, “Batik Fashion Trends and National Identity,” Philos. J. Bahasa, Sastra, dan Budaya, vol. 5, no. 2, 2022, doi: 10.35473/po.v5i2.1454.

S. Asmal, Subagyo, M. A. Wibisono, and A. Sudiarso, “CAD System Developing for Character Based Batik Pattern Generating,” Semin. Nas. IENACO – 2015, vol. ISSN 2337-, no. 2000, pp. 218–225, 2015.

S. I. S. Shaharuddin et al., “A Review on the Malaysian and Indonesian Batik Production , Challenges , and Innovations in the 21st Century,” Sage Journals, vol. July-Sept, pp. 1–19, 2021, doi:10.1177/2158244021104012.

E. E. Pujiastuti, H. S. Utomo, Suratna, and S. Haryono, “Breaking Down Consumer Preferences: What Drives the Millennial Generation’s Choices in Batik Clothing?,” in Proceedings of the International Conference on Advance Research in Social and Economic Science (ICARSE 2022), vol. 748, H. Ku, B. Sobirov, D. Sugandini, and M. T. Multazam, Eds., in Advances in Social Science, Education and Humanities Research, vol. 748. , Paris: Atlantis Press SARL, 2023, pp. 39–46. doi: 10.2991/978-2-38476-048-0_5.

A. Blair-Early and M. Zender, “User Interface Design Principles for Interaction Design,” Des. Issues, vol. 24, no. 3, pp. 85–107, 2008.

G. M. Munandar and A. Sudiarso, “Integrasi Website E-Commerce dan Kostum Desain Batik dengan Fitur Penentuan Biaya dan Waktu Produksi (Studi Kasus Di Batik Butimo, Yogyakarta),” in TALENTA Conference Series: Energy and Engineering, 2021, pp. 559–572. doi: 10.32734/ee.v4i1.1293.

I. Widiaty, A. Ana, M. S. M. Alamsyah, and S. R. Mubaroq, “Technological innovations in batik fashion design: A case of industry 4.0 - Based education curriculum,” J. Eng. Sci. Technol., vol. 15, no. 5, pp. 3334–3343, 2020.

S. N. Endah, S. Suhartono, R. Kusumaningrum, and R. A. Ulfattah, “A Web Application for Generating 3D Motifs of Indonesian Batik Using Triangle Mesh,” Libr. Hi Tech News, vol. 37, no. 1, pp. 11–15, 2020, doi: 10.1108/LHTN-09-2019-0065.

T. G. Prahasiwi, S. Kurniawan, W. Satriaji, Suhartono, S. N. Endah, and R. Kusumaningrum, “Usability Testing for Batik 4.0: A Web Application for Generating 3D Batik Semarangan,” in 2018 2nd International Conference on Informatics and Computational Sciences, ICICoS 2018, IEEE, 2018, pp. 93–98. doi: 10.1109/ICICoS45297.2018.

A. M. Ali, A. Khamaj, Z. Kang, M. Moosa, and M. M. Alam, “User-Centered Design (UCD) of Time-Critical Weather Alert Application,” Int. J. Adv. Comput. Sci. Appl., vol. 14, no. 1, pp. 797–808, 2023, doi: 10.14569/issn.2156-5570.

A. Suci, D. Martha, S. Nasron, A. Muqorobin, R. Reska, and S. Widowati, “User Interface Design of Jaipong Dance Applications for Elementary School using the User-Centered Design (UCD) Method,” Int. J. Adv. Sci. Eng. Inf. Technol., vol. 13, no. 2, pp. 777–785, 2023, doi: 10.18517/ijaseit.13.2.16675.

B. C. Stagg et al., “Systematic User-centered Design of a Prototype Clinical Decision Support System for Glaucoma,” Ophthalmol. Sci., vol. 3, no. 3, p. 100279, 2023, doi: 10.1016/j.xops.2023.100279.

A. Ali, M. U. Harun, A. Rasyid, and I. Syarif, “Development User Interface Hospital Management Information System Based on a Heuristic Evaluation Approach in Surabaya Hospital Medical Services,” Int. J. Adv. Sci. Eng. Inf. Technol., vol. 13, no. 4, pp. 1456–1462, 2023, doi: 10.18517/ijaseit.13.4.16529.

N. Izza, N. Ahmad, S. Nizam, and S. Khartini, “Enhancing Mathematics Learners ’ Experience using Mobile Augmented Reality : Conceptual Framework for the Design and Evaluation,” Int. J. Adv. Sci. Eng. Inf. Technol., vol. 13, no. 3, 2023, doi: 10.18517/ijaseit.13.3.17112.

S. L. Shrestha and P. Murano, “The Design and Evaluation of an Online Dictionary User Interface,” Int. J. Comput. Digit. Syst., vol. 11, no. 1, pp. 1107–1117, 2022, doi: 10.12785/ijcds/110189.

T. S. M. T. Wook, S. F. M. Nor, H. Mohamed, N. S. Ashaari, and N. A. M. Zin, “Multi-Dimensional Interface Design of E-Commerce for Virtual Museum System,” Int. J. Adv. Sci. Eng. Inf. Technol., vol. 10, no. 2, pp. 668–675, 2020, doi: 10.18517/ijaseit.10.2.10267.

N. A. Ismail, F. I. Jamaluddin, A. H. Hamidan, A. F. Ali, S. E. Mohamed, and C. S. Said, “Usability Evaluation of Encyclopedia Websites,” Int. J. Innov. Comput., vol. 11, no. 1, pp. 21–25, 2021, doi: 10.11113/ijic.v11n1.282.

A. Sears and J. A. Jacko, The Human-Computer Interaction Handbook : Fundamentals, Evolving Technologies, and Emerging Applications. Human Factors and Ergonomics. 2008.

J. Nielsen, “10 Usability Heuristics for User Interface Design.”

B. Shneiderman, “Shneiderman’s 8 Golden Rules of Interface Design,” Interaction Design Foundation, 2020.

T. Mandel, “Chapter 5 : The Golden Rules of User Interface Design,” in Designing the user interface, New Jersey: John Wiley & Sons, 1997, pp. 1–28. doi: 10.1145/1822018.1822019.

C. M. Barnum, “Chapter 1 - Establishing the essentials,” in Usability Testing Essentials, 2nd ed., Massachusetts: Morgan Kaufmann, 2020, pp. 1–8. doi: 10.1016/B978-0-12-816942-1.02001-3.

I. O. for S. (ISO), “Part 11: Usability: Definitions and Concepts,” in ISO 9241-11:2018. Ergonomics of Human-System Interaction, no. November, 2018.

J. Nielsen, Usability Engineering. California: Morgan Kaufmann, 1993. doi: 10.1201/b16768.

J. Cato, Ucer-Centered Web Design. London: Pearson Education Limited, 2001.

J. Rubin and D. Chisnell, Handbook of Usability Testing : How to Plan, Design, and Conduct Effective Tests (Second Edition). Indiana: Wiley Publishing, Inc., 2008.

B. Shneiderman and C. Plaisant, Designing the User Interface, 4th Editio., vol. 1, no. 2. United States: Pearson, 2005. doi: 10.1017/S1481803500003730.

J. Brooke, “SUS - A quick and dirty usability scale,” Usability Eval. Ind., 1996.

T. Tullis and B. Albert, Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics: Second Edition. 2013. doi: 10.1016/C2011-0-00016-9.

C. M. Barnum, “Chapter 6 - Preparing for usability testing,” in Usability Testing Essentials, 2nd ed., Massachusetts: Morgan Kaufmann, 2020.

N. Standard, “Ergonomics of human-system interaction - Part 210 : Human-centred design for interactive systems (ISO 9241-210:2019),” 2019.

C. M. Barnum, “Chapter 2 - Exploring the Usability and UX Toolkit,” in Usability Testing Essentials, 2nd ed., Massachusetts: Morgan Kaufmann, 2020.

J. Pacheco, S. Garbatov, and M. Goulao, “Improving Collaboration Efficiency Between UX/UI Designers and Developers in a Low-Code Platform,” in International Conference on Model-Driven Engineering Languages and Systems, MODELS-C, 2021, pp. 138–147. doi: 10.1109/MODELS-C53483.2021.00025.

J. Wang, Z. Xu, X. Wang, and J. Lu, “A Comparative Research on Usability and User Experience of User Interface Design Software,” Int. J. Adv. Comput. Sci. Appl., vol. 13, no. 8, pp. 21–29, 2022, doi: 10.14569/IJACSA.2022.0130804.

Taylor and Jordan, “2021 Design Tools Survey Results.”

M. A. Kushendriawan, H. B. Santoso, and M. Schrepp, “Evaluating User Experience of a Mobile Health Application Halodoc using User Experience Questionnaire and Usability Testing,” J. Inf. Syst., vol. 17, no. 1, pp. 58–71, 2021, doi: 10.21609/jsi.v17i1.

Z. Sharfina, H. B. Santoso, and A. Usability, “An Indonesian Adaptation of the System Usability Scale (SUS),” in International Conference on Advanced Computer Science and Information Systems (ICACSIS), Faculty of Computer Science, Universitas Indonesia, 2016, pp. 145–148. doi: 10.1109/ICACSIS.2016.7872776.

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.

Authors who publish with this journal agree to the following terms:

    1. Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
    2. Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
    3. Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access).