UI/UX Design of Mobile-Based Environmental Reporting Application Using User-Centered Design Method

Authors

  • Faozan Sudrajat Telkom University
  • Indra Lukmana Sardi Telkom University
  • Shinta Yulia Puspitasari Telkom University

DOI:

https://doi.org/10.25299/itjrd.2025.18632

Keywords:

environmental reporting, user interface, user experience, user-centered design, system usability scale

Abstract

The industrial revolution has significantly increased greenhouse gas emissions, leading to global warming and climate change, which burdens producers worldwide. In Indonesia, PT United Tractors Tbk, as a major player in the heavy equipment industry, faces challenges in the environmental reporting process due to the use of separate data collection methods between digital and non-digital (manual paper- based), which results in a lack of proper integration among aspects, making it impossible for environmental reporting to be done in real- time and causing difficulties in tracking the reporting data. This research aims to design an intuitive user interface (UI) and a seamless, satisfying user experience (UX) for a mobile-based environmental reporting application using the User-Centered Design (UCD) method, focusing on integrating all aspects of environmental reporting —including water, hazardous waste, non hazardous waste, and air—into a practical mobile platform for the company's environmental staff. The System Usability Scale (SUS) method was then employed to evaluate user satisfaction and acceptance of the developed application. The SUS results from 12 prospective users among the company's environmental staff showed an average score of 89.4, with the lowest score being 82.5 and the highest score being 100, indicating an excellent score and demonstrating that the UI/UX design is highly satisfactory and well-received by users.

Downloads

Download data is not yet available.

References

J. W. Lee, “Environmental Best Practices, It Begins with Us: Business, Local Governments, and International Community Should Work Together,” International Journal of Environment and Sustainability, vol. 7, no. 2, Dec. 2018, doi: 10.24102/ijes.v7i2.910. DOI: https://doi.org/10.24102/ijes.v7i2.910

Armansyah and U. B. Jaman, “Legal Analysis of The Impact of Industrial Development on The Environment,” The Easta Journal Law and Human Rights, vol. 1, no. 03, pp. 87–92, Jun. 2023, doi: 10.58812/eslhr.v1i03.84. DOI: https://doi.org/10.58812/eslhr.v1i03.84

D. Kusumastuti, W. M. Samadi, and S. Supriyanta, “GREEN INDUSTRY POLICY IN INDONESIA,” International Journal of Business, Economics and Law, vol. 26, no. 2, 2022.

Y. Roos and C. Wrzus, “Is the Smartphone Friend and Foe? Benefits and Costs of Self-reported Smartphone Use for Important Life Domains in a Representative German Sample,” Current Psychology, vol. 42, no. 28, pp. 24717–24731, Oct. 2023, doi: 10.1007/s12144-022-03593-y. DOI: https://doi.org/10.1007/s12144-022-03593-y

Ma. M. Ablaza-Cruz, “Designing a Mobile Application Framework as an Innovative IT Solution for Waste Recycling,” IOP Conf Ser Mater Sci Eng, vol. 803, no. 1, p. 012046, Apr. 2020, doi: 10.1088/1757-899X/803/1/012046. DOI: https://doi.org/10.1088/1757-899X/803/1/012046

E. Prastyo, C. W. Budiyanto, and R. A. Yuana, “Measuring mobile applications user’s satisfaction: A closer look into the appropriate information systems user’s satisfaction,” IOP Conf Ser Mater Sci Eng, vol. 1098, no. 4, p. 042002, Mar. 2021, doi: 10.1088/1757-899X/1098/4/042002. DOI: https://doi.org/10.1088/1757-899X/1098/4/042002

“MOBILE PHONE SENSING USING THE BUILT-IN CAMERA,” International Research Journal

of Modernization in Engineering Technology and Science, Feb. 2023, doi: 10.56726/IRJMETS33319. DOI: https://doi.org/10.56726/IRJMETS33319

L. R. Kalankesh, Z. Nasiry, R. Fein, and S. Damanabi, “Factors Influencing User Satisfaction with Information Systems: A Systematic Review,” Galen Medical Journal, vol. 9, p. e1686, Jun. 2020, doi: 10.31661/gmj.v9i0.1686. DOI: https://doi.org/10.31661/gmj.v9i0.1686

I. Afrianto and R. G. Guntara, “Implementation of User Centered Design Method in Designing Android-based Journal Reminder Application,” IOP Conf Ser Mater Sci Eng, vol. 662, no. 2, p. 022029, Nov. 2019, doi: 10.1088/1757-899X/662/2/022029. DOI: https://doi.org/10.1088/1757-899X/662/2/022029

M. Defriani, M. G. Resmi, and O. A. Permana, “User Centered Design Method for Developing a Mobile-Based Product Distribution Application,” Sinkron, vol. 7, no. 1, pp. 33–38, Jan. 2022, doi: 10.33395/sinkron.v7i1.11218. DOI: https://doi.org/10.33395/sinkron.v7i1.11218

M. B. Kamarulredzuan, D. Setiawan, and D. S. Kusumo, “USER INTERFACE DISPLAY DESIGN TO ASSIST FOOD WASTE MANAGEMENT USING THE USER CENTERED DESIGN METHOD,” Jurnal Teknik Informatika (JUTIF), vol. 5, no. 1, pp. 39–50, 2024, doi: 10.52436/1.jutif.2024.5.1.1115.

Y. N. Golumbic, B. Fishbain, and A. Baram-Tsabari, “User centered design of a citizen science air- quality monitoring project,” International Journal of Science Education, Part B, vol. 9, no. 3, pp. 195–213, Jul. 2019, doi: 10.1080/21548455.2019.1597314. DOI: https://doi.org/10.1080/21548455.2019.1597314

M. Hyzy et al., “System Usability Scale Benchmarking for Digital Health Apps: Meta-analysis,” JMIR Mhealth Uhealth, vol. 10, no. 8, p. e37290, Aug. 2022, doi: 10.2196/37290. DOI: https://doi.org/10.2196/37290

S. Sadi, E. Nursubiyantoro, Y. D. Astanti, I. Ismianti, A. W. A. Wibowo, and H. Mastrisiswadi, “Usability Evaluation of Scientific Journal Websites using the System Usability Scale (Case Study of the OPSI Journal Website),” RSF Conference Series: Engineering and Technology, vol. 1, no. 1, pp. 378–387, Dec. 2021, doi: 10.31098/cset.v1i1.401. DOI: https://doi.org/10.31098/cset.v1i1.401

G. Parera and M. Darwis, “Usability of JKN Mobile Application Using SystemUsability Scale (SUS) Method,” bit-Tech, vol. 5, no. 3, pp. 138–145, Apr. 2023, doi: 10.32877/bt.v5i3.691. DOI: https://doi.org/10.32877/bt.v5i3.691

T. L. Azzara, G. A. A. Wisudiawan, and A. Hadikusuma, “USER INTERFACE ANALYSIS IN MOBILE BANKING APPLICATION USING DESIGN THINKING METHODS WITH USER SEGMENTS FOR ELDERLY OF PEKANABARU (STUDY CASE : BANK XYZ),” JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika), vol. 8, no. 2, pp. 585–596, May 2023, doi: 10.29100/jipi.v8i2.3613. DOI: https://doi.org/10.29100/jipi.v8i2.3613

M. Rohandi, N. Husain, and I. W. Bay, “Usability testing of intensive course mobile application using the usability scale system,” ILKOM Jurnal Ilmiah, vol. 13, no. 3, pp. 252–258, Dec. 2021, doi: 10.33096/ilkom.v13i3.821.252-258. DOI: https://doi.org/10.33096/ilkom.v13i3.821.252-258

G. S. Mahendra and I. K. A. Asmarajaya, “Evaluation Using Black Box Testing and System Usability Scale in the Kidung Sekar Madya Application,” Sinkron, vol. 7, no. 4, pp. 2292–2302, Oct. 2022, doi: 10.33395/sinkron.v7i4.11755. DOI: https://doi.org/10.33395/sinkron.v7i4.11755

I. M. S. Sandhiyasa, C. P. Yanti, and T. Hendrawati, “Implementation and Evaluation of Accounting Information Systems in Manufacturing Company Using System Usability Scale,” Journal of Electrical, Electronics and Informatics, vol. 5, no. 2, p. 66, Sep. 2021, doi: 10.24843/JEEI.2021.v05.i02.p05. DOI: https://doi.org/10.24843/JEEI.2021.v05.i02.p05

J. L. Emil R. Kaburuan, “Evaluation of User Experience on Digital Learning Platform Website Using System Usability Scale (Case Study: Pijar Mahir),” Turkish Journal of Computer and Mathematics Education (TURCOMAT), vol. 12, no. 6, pp. 1595–1606, Apr. 2021, doi: 10.17762/turcomat.v12i6.2735. DOI: https://doi.org/10.17762/turcomat.v12i6.2735

P. Sinansari, S. H. Salsabila, S. Hanoum, A. Lopatka, and W. Wlodarski, “Identify Customer Element Through Empathy Map and User Persona,” Procedia Comput Sci, vol. 225, pp. 4148–4156, 2023, doi: 10.1016/j.procs.2023.10.411. DOI: https://doi.org/10.1016/j.procs.2023.10.411

F. A. Dreger et al., “Hierarchical Task Analysis (HTA) for Application Research on Operator Work Practices and the Design of Training and Support Systems for Forestry Harvester,” Forests, vol. 14, no. 2, p. 424, Feb. 2023, doi: 10.3390/f14020424. DOI: https://doi.org/10.3390/f14020424

X. Yang, J. Hyup Kim, and R. Nazareth, “Hierarchical Task Analysis for Driving under Divided Attention,” Proceedings of the Human Factors and Ergonomics Society Annual Meeting, vol. 63, no. 1, pp. 1744–1748, Nov. 2019, doi: 10.1177/1071181319631022. DOI: https://doi.org/10.1177/1071181319631022

A. A. Almutairi, “Mapping Mental Models into Interfaces of Interactive Systems,” 2018. DOI: https://doi.org/10.20533/ijibs.2046.3626.2018.0028

R. Nacheva, “The importance of users’ mental models for developing usable human-machine

interfaces,” vol. 6, pp. 1–132, 2015, doi: 10.13140/RG.2.1.4329.3844.

T. Doi, “Effects of Asymmetry between Design Models and User Models on Subjective

Comprehension of User Interface,” Symmetry (Basel), vol. 13, no. 5, p. 795, May 2021, doi: DOI: https://doi.org/10.3390/sym13050795

3390/sym13050795.

I. Young, Mental Models: Aligning Design Strategy with Human Behavior. 2008. DOI: https://doi.org/10.1145/1376142.1376141

J. Ruiz, E. Serral, and M. Snoeck, “Unifying Functional User Interface Design Principles,” Int J Hum

Comput Interact, vol. 37, no. 1, pp. 47–67, Jan. 2021, doi: 10.1080/10447318.2020.1805876. DOI: https://doi.org/10.1080/10447318.2020.1805876

D. Gudoniene, E. Staneviciene, V. Buksnaitis, and N. Daley, “The Scenarios of Artificial Intelligence and Wireframes Implementation in Engineering Education,” Sustainability, vol. 15, no. 8, p. 6850,

Apr. 2023, doi: 10.3390/su15086850. DOI: https://doi.org/10.3390/su15086850

R. Hartson and P. Pyla, “Prototyping,” in The UX Book, Elsevier, 2019, pp. 405–432. doi: DOI: https://doi.org/10.1016/B978-0-12-805342-3.00020-5

1016/B978-0-12-805342-3.00020-5.

G. Ad”r, V. Adr”, and N. E. Pascu, “Logo Design and the Corporate Identity,” Procedia Soc Behav

Sci, vol. 51, pp. 650–654, 2012, doi: 10.1016/j.sbspro.2012.08.218. DOI: https://doi.org/10.1016/j.sbspro.2012.08.218

J. Suriadi, Moh. Mardiyana, and B. Reza, “concept of color psychology and logos to strengthen

brand personality of local products,” Linguistics and Culture Review, vol. 6, pp. 839–856, Feb. 2022,

doi: 10.21744/lingcure.v6nS1.2168. DOI: https://doi.org/10.21744/lingcure.v6nS1.2168

S. A. Zahrah, S. H. Aulia, S. H. Wardani, and I. P. Sari, “Introduction of Cut Nyak Dien’s Figure in

D Animation-Based Mobile Applications,” Jurnal Pendidikan Multimedia (Edsence), vol. 5, no. 1,

pp. 73–84, Jun. 2023, doi: 10.17509/edsence.v5i1.47939. DOI: https://doi.org/10.17509/edsence.v5i1.47939

J. T. E. Richardson, The Legibility of Serif and Sans Serif Typefaces. Cham: Springer International

Publishing, 2022. doi: 10.1007/978-3-030-90984-0. DOI: https://doi.org/10.1007/978-3-030-90984-0

J. R. Lewis and J. Sauro, “USABILITY AND USER EXPERIENCE: DESIGN AND

EVALUATION,” in HANDBOOK OF HUMAN FACTORS AND ERGONOMICS, Wiley, 2021, pp. 972–1015. doi: 10.1002/9781119636113.ch38. DOI: https://doi.org/10.1002/9781119636113.ch38

Downloads

Published

2025-03-10

How to Cite

Sudrajat, F., Lukmana Sardi, I., & Yulia Puspitasari, S. (2025). UI/UX Design of Mobile-Based Environmental Reporting Application Using User-Centered Design Method. IT Journal Research and Development, 9(2), 80–94. https://doi.org/10.25299/itjrd.2025.18632

Issue

Vol. 9 No. 2 (2025)

Section

Articles

License

Copyright (c) 2025 Faozan Sudrajat, Indra Lukmana Sardi, Shinta Yulia Puspitasari

Creative Commons License

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

This is an open access journal which means that all content is freely available without charge to the user or his/her institution. The copyright in the text of individual articles (including research articles, opinion articles, and abstracts) is the property of their respective authors, subject to a Creative Commons CC-BY-SA licence granted to all others. ITJRD allows the author(s) to hold the copyright without restrictions and allows the author to retain publishing rights without restrictions.