EVALUASI HEURISTIK ERGONOMI ANTARMUKA KIOSK LAYAR SENTUH RAKSASA BERBASIS LOCAL-FIRST UNTUK PELATIHAN INDUSTRI
DOI:
https://doi.org/10.51878/vocational.v6i4.15760Keywords:
Kios Interaktif, Ergonomi Antarmuka, Evaluasi Heuristik, Layar Sentuh Raksasa, Pelatihan IndustriAbstract
The need for industrial training media in workshop environments requires presentation tools capable of centrally displaying Mechanical, Electrical, and Plumbing (MEP) and Heating, Ventilation, and Air Conditioning (HVAC) system simulations, eliminating the reliance on presentation files scattered across multiple instructor devices. This condition underlies the need for an interactive kiosk based on a 65-86 inch Interactive Flat Panel (IFP) as a centralized digital library in the training room. Standard presentation and web interfaces commonly used are designed for small screens, thus lacking consideration for the ergonomics of user reach on giant displays. This study aims to design and evaluate a local-first interactive kiosk interface that considers users' physical reach and multimedia rendering format trade-offs. The method used is Research and Development (R&D) with a prototyping approach, followed by a descriptive qualitative evaluation through heuristic inspection based on touchscreen design standards and touch emulation testing, given the limited availability of the final panel device for direct end-user testing. The test results prove that positioning the navigation menu (Dock Menu) at the bottom of the screen significantly assists users. Combined with a minimum button size of 48x48 pixels and a scalable virtual keyboard (0.7 to 1.15 scale), this design effectively minimizes the risks of fat-finger errors and fatigue caused by excessive arm reach. Additionally, this research identified technical constraints when rendering presentation files (.pptx) on an open-source offline system. There is a trade-off: using a PDF engine maintains clean visual layouts but sacrifices animation effects. Conversely, the OOXML engine runs animations but is prone to layout degradation. The study concludes that the large-screen ergonomic design was successfully implemented; however, its operational success still requires user literacy regarding the chosen presentation format trade-offs.
ABSTRAK
Kebutuhan media pelatihan industri di lingkungan bengkel kerja menuntut sarana presentasi yang mampu menampilkan simulasi sistem Mekanikal, Elektrikal, dan Plumbing (MEP) serta Heating, Ventilation, and Air Conditioning (HVAC) secara terpusat dan tidak lagi bergantung pada berkas presentasi yang tersebar di berbagai perangkat instruktur. Kondisi tersebut melatarbelakangi kebutuhan kios interaktif (interactive kiosk) berbasis Interactive Flat Panel (IFP) berukuran 65-86 inci sebagai pustaka digital terpusat di ruang pelatihan. Antarmuka presentasi maupun aplikasi web standar yang lazim digunakan selama ini dirancang untuk layar berukuran kecil sehingga kurang mempertimbangkan aspek ergonomi jangkauan tangan pengguna pada layar raksasa. Penelitian ini bertujuan merancang dan mengevaluasi antarmuka kios interaktif berbasis arsitektur local-first yang mempertimbangkan jangkauan fisik pengguna serta kompromi format rendering multimedia. Metode yang digunakan adalah Research and Development (R&D) dengan pendekatan prototyping, dilanjutkan evaluasi kualitatif deskriptif melalui evaluasi heuristik berdasarkan standar desain layar sentuh serta pengujian emulasi sentuh (touch emulation testing), mengingat keterbatasan ketersediaan perangkat panel akhir untuk pengujian langsung kepada pengguna. Dari hasil pengujian, terbukti bahwa memosisikan menu navigasi (Dock Menu) di bagian bawah layar sangat membantu pengguna. Dipadukan dengan ukuran tombol minimal 48x48 piksel dan keyboard virtual yang ukurannya bisa diubah-ubah (skala 0,7 hingga 1,15), desain ini secara signifikan mampu menekan risiko salah pencet maupun kelelahan akibat jangkauan tangan yang terlalu jauh. Selain itu, riset ini juga menemukan adanya kendala teknis saat merender file presentasi (.pptx) pada sistem offline berbasis open-source. Terdapat sebuah trade-off: penggunaan engine PDF memang menjaga tata letak visual tetap rapi, tetapi mengorbankan efek animasi. Sebaliknya, engine OOXML mampu menjalankan animasi, tetapi rawan membuat susunan tata letak menjadi berantakan. Simpulan penelitian menegaskan bahwa desain ergonomi layar besar berhasil diimplementasikan, tetapi keberhasilan operasionalnya tetap membutuhkan literasi pengguna terhadap kompromi format presentasi yang dipilih.
Downloads
References
Attia, S., El-Degwy, A., & Attia, M. (2024). Usability and fitness testing for building performance simulation tools. Journal of Building Performance Simulation, 17(4), 460–479. https://doi.org/10.1080/19401493.2024.2341089
Bhatt, D., Amanat, U., Charles-Olivier, D.-C., Delamare, W., & Hasan, K. (2025). Exploring pointer enhancement techniques for target selection on large curved display. arXiv. https://doi.org/10.48550/arxiv.2511.01826
Fallah, S., & MacKenzie, I. S. (2025). LeapBoard: Integrating a Leap Motion Controller with a physical keyboard for gesture-enhanced interactions. Journal on Multimodal User Interfaces, 19(4), 331–343. https://doi.org/10.1007/s12193-025-00461-4
Fatah, D. A. (2020). Evaluasi usability dan perbaikan desain aplikasi mobile menggunakan usability testing dengan pendekatan Human-Centered Design (HCD). Rekayasa, 13(2), 130–143. https://doi.org/10.21107/rekayasa.v13i2.6584
Hansberger, J. T., Peng, C., Mathis, S. L., Areyur Shanthakumar, V., Meacham, S. C., Cao, L., & Blakely, V. R. (2017). Dispelling the gorilla arm syndrome: The viability of prolonged gesture interactions. In S. Lackey & J. Chen (Eds.), Virtual, Augmented and Mixed Reality (pp. 505–520). Springer International Publishing. https://doi.org/10.1007/978-3-319-57987-0_41
Harley, A. (2019). Touch targets on touchscreens. Nielsen Norman Group. https://www.nngroup.com/articles/touch-target-size/
International Organization for Standardization. (2024). Ergonomics of human-system interaction—Part 5: Workstation layout and postural requirements (ISO Standard No. 9241-5:2024). https://www.iso.org/obp/ui/#iso:std:iso:9241:-5:ed-2:v1:en
Khoirunnisa, N., Hidayat, J., Saefullah, M. Z., & Wardoyo, S. (2025). Pengaruh transformasi digital terhadap pengajaran berbasis praktik di pendidikan vokasi. Jurnal Informatika dan Teknik Elektro Terapan, 13(1), Article 5669. https://doi.org/10.23960/jitet.v13i1.5669
Kim, Y., Kim, K., & Lee, J. (2023). Usability evaluation of kiosks for visually impaired college students. Proceedings of the Association for Information Science and Technology, 60(1), 1016–1018. https://doi.org/10.1002/pra2.930
Kleppmann, M., Wiggins, A., van Hardenberg, P., & McGranaghan, M. (2019). Local-first software: You own your data, in spite of the cloud. Proceedings of the 2019 ACM SIGPLAN International Symposium on New Ideas, New Paradigms, and Reflections on Programming and Software, Onward! 2019, 154–178. https://doi.org/10.1145/3359591.3359737
Kurniawan, I. A., Hardiyanti, D. Y., Putra, P., Oktadini, N. R., Meiriza, A., & Sevtiyuni, P. E. (2025). Pemanfaatan Floating Actions Button (FAB) dalam perancangan user interface pada sistem informasi akademik Universitas Sriwijaya. JATI (Jurnal Mahasiswa Teknik Informatika), 9(6), 9692–9701. https://doi.org/10.36040/jati.v9i6.15628
Kusumawati, R. E., Muslim, E., & Nugroho, D. (2020). Usability testing on touchscreen based electronic kiosk machine in convenience store. AIP Conference Proceedings, 2227(1), Article 040027. https://doi.org/10.1063/5.0000982
Lei, Y., He, S., Khamis, M., & Ye, J. (2023). An end-to-end review of gaze estimation and its interactive applications on handheld mobile devices. ACM Computing Surveys, 56(2), Article 34. https://doi.org/10.1145/3606947
Li, L., Fang, Z., Jia, W., & Zhang, F. (2022). Hierarchical pointing on distant displays with smart devices. International Journal of Human-Computer Interaction, 39(19), 3859–3874. https://doi.org/10.1080/10447318.2022.2108559
List, C., & Kipp, M. (2019). Is bigger better? A Fitts’ law study on the impact of display size on touch performance. In D. Lamas, F. Loizides, P. Ndayizigamiye, C. Stephanidis, & M. Kurosu (Eds.), Human-Computer Interaction – INTERACT 2019 (Lecture Notes in Computer Science, Vol. 11747, pp. 669–678). Springer. https://doi.org/10.1007/978-3-030-29387-1_39
Mishra, S., Guleria, A., & Parikh, M. (2025). Reducing cognitive load in UI design. International Journal for Research in Applied Science and Engineering Technology, 13(3), 2744–2746. https://doi.org/10.22214/ijraset.2025.67917
Nasution, Z. L., Gimnastiar, A., Ramadhan, M. W., & Abdillah, R. (2025). Memahami faktor psikologis dan fisiologis dalam mendesain UI yang ramah pengguna. Neptunus: Jurnal Ilmu Kelautan dan Perikanan, 3(2), 43–50. https://doi.org/10.61132/neptunus.v3i2.784
Pooripanyakun, M., Wodehouse, A., & Mehnen, J. (2023). The role of interface configuration on performance accuracy in eyes-free touchscreen interaction. Universal Access in the Information Society, 24(1), 393–408. https://doi.org/10.1007/s10209-023-01057-z
Quita, R. M., & Widodo, R. B. (2018). A mathematical proof concerning the geometrical aspect of very low index of difficulty in multidirectional tapping task of the ISO 9241 - Part 411. MATEC Web of Conferences, 164, Article 01036. https://doi.org/10.1051/matecconf/201816401036
Rafif, M. I., Sahputra, R. Z., & Lubis, A. A. F. (2026). Development of the SIELIN application (integrated e-learning system) as means of educational media for drugs prevention for teenagers. EDUCATIONAL: Jurnal Inovasi Pendidikan & Pengajaran, 6(3), 1806–1815. https://doi.org/10.51878/educational.v6i3.11742
Vernando, R., Andrizal, Basri, I. Y., & Hidayat, N. (2024). Pengembangan video pembelajaran mata kuliah teknologi pengkondisian udara di laboratorium Departemen Teknik Otomotif Fakultas Teknik Universitas Negeri Padang. JTPVI: Jurnal Teknologi dan Pendidikan Vokasi Indonesia, 2(3), 307–318. https://doi.org/10.24036/jtpvi.v2i3.183
Vizcarra, A., Quiroz, G., & Cornejo, J. M. (2026). The impact of user interface and experience (UI/UX) design on visual ergonomics: A technical approach for reducing human error in industrial settings. Designs, 10(1), Article 8. https://doi.org/10.3390/designs10010008
Yamanaka, S., & MacKenzie, I. S. (2026). Normalizing speed-accuracy biases in 2D pointing tasks with better calculation of effective target widths. arXiv. https://doi.org/10.48550/arxiv.2602.04432
Zhang, X. (2025). Characterizing amplitude-dominated performance: A refinement of Fitts’ law for target acquisition on large-format touchscreens. Proceedings of the ACM on Human-Computer Interaction, 9(ISS), 210–232. https://doi.org/10.1145/3773067
Zieher, T., & Probst, K. (2024). Usability optimization for mobile menu design: An empirical study of hand grips and user preferences. Proceedings of the ACM on Human-Computer Interaction, 8(MHCI), Article 203, 1–19. https://doi.org/10.1145/3676508
