Perancangan Prototype User Interface Sistem Informasi Pusat Data Dokumen Menggunakan Figma
Keywords:
Sistem informasi, pengolahan data, prototipe, FigmaAbstract
Perkembangan teknologi informasi telah mengubah paradigma dalam pengembangan sistem informasi, termasuk dalam menyediakan layanan informasi bagi suatu instansi maupun organisasi. Salah satunya di Universitas Boyolali yang memiliki beberapa sistem informasi. Namun, pada prodi Teknik Informatika dalam pengelolaan draft data seperti MOA, MOU, data alumni, data rencana pembelajaran semester, surat keputusan, surat masuk, surat keluar, berita acara mengajar, dan arsip kumpulan soal, masih tersimpan dalam bentuk berkas fisik karena belum ada sistem informasi khusus yang menampung data tersebut. Oleh karena itu, sering terdapat permasalahan apabila data segera dibutuhkan. Tujuan penelitian adalah merancang antarmuka pengguna sistem informasi pusat data dokumen menggunakan Figma dengan metode prototype. Metode prototype memungkinkan pengguna untuk interaktif mengevaluasi prototype sistem sepanjang siklus pengembangan. Perancangan desain sistem informasi ini dibuat menggunakan Figma, dengan konsep, tools, icon¸ serta warna yang menarik karena user interface yang ramah pengguna berpengaruh kepada pengguna sistem informasi. Penelitian ini bermanfaat untuk memberikan gambaran dalam pembuatan sistem informasi yang akan dibuat serta dapat memudahkan pihak terkait dalam pencarian dan menyajikan data apabila diperlukan secara mendesak. Penelitian ini menghasilkan rancangan user interface sistem informasi yang efektif dan efisien terhadap kebutuhan pengguna.
References
Alves, T., Natálio, J., Henriques-Calado, J., & ... (2020). Incorporating personality in user interface design: A review. Personality and Individual …. https://www.sciencedirect.com/science/article/pii/S019188691930649X
Azizah, N., Sani, A., Rezki, A., & ... (2023). Perancangan prototype interface atau UI pada layanan penjualan berbasis mobile menggunakan aplikasi figma. Jurnal Bidang …. http://ejournal.kreatifcemerlang.id/index.php/jbpmm/article/view/29
Bodker, S. (2021). Through the interface: A human activity approach to user interface design. taylorfrancis.com. https://doi.org/10.1201/9781003063971
Bødker, S., & Grønbæk, K. (2020). Design in action: From prototyping by demonstration to cooperative prototyping. Design at Work. https://doi.org/10.1201/9781003063988-12/design-action-prototyping-demonstration-cooperative-prototyping-susanne-b%C3%B8dker-kaj-gr%C3%B8nb%C3%A6k
Bunian, S., Li, K., Jemmali, C., Harteveld, C., Fu, Y., & ... (2021). Vins: Visual search for mobile user interface design. Proceedings of the …. https://doi.org/10.1145/3411764.3445762
Chen, J., Xie, M., Xing, Z., Chen, C., Xu, X., Zhu, L., & ... (2020). Object detection for graphical user interface: Old fashioned or deep learning or a combination? Proceedings of the 28th …. https://doi.org/10.1145/3368089.3409691
Farhan, W., Razmak, J., Demers, S., & Laflamme, S. (2019). E-learning systems versus instructional communication tools: Developing and testing a new e-learning user interface from the perspectives of teachers and students. Technology in Society. https://www.sciencedirect.com/science/article/pii/S0160791X19300594
Freriks, S. L. (2020). Creating a functional prototype. hbo-kennisbank.nl. https://hbo-kennisbank.nl/details/saxion_scripties:B69D6986-DE24-4561-B60AC91D916CD85A?q=means&c=0&has-link=yes&p=21
Holmes, S., Moorhead, A., Bond, R., Zheng, H., & ... (2019). Usability testing of a healthcare chatbot: Can we use conventional methods to assess conversational user interfaces? Proceedings of the 31st …. https://doi.org/10.1145/3335082.3335094
Huang, F., Canny, J. F., & Nichols, J. (2019). Swire: Sketch-based user interface retrieval. Proceedings of the 2019 CHI Conference …. https://doi.org/10.1145/3290605.3300334
Ilham, H., Wijayanto, B., & Rahayu, S. P. (2021). Analysis and design of user interface/User experience with the design thinking method in the academic information system of jenderal soedirman university. Jurnal Teknik Informatika …. https://jutif.if.unsoed.ac.id/index.php/jurnal/article/view/30
Kolekar, S. V, Pai, R. M., & MM, M. P. (2019). Rule based adaptive user interface for adaptive E-learning system. Education and Information Technologies. https://doi.org/10.1007/s10639-018-9788-1
Leiva, G., Nguyen, C., Kazi, R. H., & Asente, P. (2020). Pronto: Rapid augmented reality video prototyping using sketches and enaction. … of the 2020 CHI Conference on …. https://doi.org/10.1145/3313831.3376160
Miller, D. (2021). The best practice of teach computer science students to use paper prototyping. International Journal of Technology, Innovation and …. https://www.journals.gaftim.com/index.php/ijtim/article/view/17
Munoz, A., Mahiques, X., Solanes, J. E., Marti, A., & ... (2019). Mixed reality-based user interface for quality control inspection of car body surfaces. Journal of Manufacturing …. https://www.sciencedirect.com/science/article/pii/S027861251930072X
Nebeling, M., & Madier, K. (2019). 360proto: Making interactive virtual reality &augmented reality prototypes from paper. Proceedings of the 2019 CHI Conference on …. https://doi.org/10.1145/3290605.3300826
Park, J. S., Popowski, L., Cai, C., Morris, M. R., & ... (2022). Social simulacra: Creating populated prototypes for social computing systems. … on User Interface …. https://doi.org/10.1145/3526113.3545616
Petridis, S., Terry, M., & Cai, C. J. (2024). PromptInfuser: How Tightly Coupling AI and UI Design Impacts Designers’ Workflows. Proceedings of the 2024 ACM Designing …. https://doi.org/10.1145/3643834.3661613
Pfeuffer, K., Abdrabou, Y., Esteves, A., Rivu, R., & ... (2021). ARtention: A design space for gaze-adaptive user interfaces in augmented reality. Computers & …. https://www.sciencedirect.com/science/article/pii/S0097849321000017
Rahmawati, E. F., Ayuningtyas, A., & ... (2022). Penerapan Metode Double Diamond pada Desain User Interface Website: The Implementation of the Double Diamond Method on the Design User Interface …. … Komunikasi, Media Dan …. https://jurnal.kominfo.go.id/index.php/komunika/article/view/4991/1900
Saputra, D., & Kania, R. (2022). Designing User Interface of a Mobile Learning Application by Using a Design Thinking Approach: A Case Study on UNI Course. Journal of Marketing. https://pdfs.semanticscholar.org/4c5c/bde9900cd0b915833f3905b15d951ad08a73.pdf
Sutcliffe, A. (2022). Designing for user engagment: Aesthetic and attractive user interfaces. books.google.com. https://books.google.com/books?hl=en&lr=&id=LYlyEAAAQBAJ&oi=fnd&pg=PP1&dq=prototype+user+interface&ots=RfBF5nO5Ak&sig=srryMPW-niSjTQVQGUvJ0kbCkBA
Suzuki, R., Kazi, R. H., Wei, L. Y., DiVerdi, S., Li, W., & ... (2020). Realitysketch: Embedding responsive graphics and visualizations in AR through dynamic sketching. … on User Interface …. https://doi.org/10.1145/3379337.3415892
Suzuki, R., Zheng, C., Kakehi, Y., Yeh, T., Do, E. Y. L., & ... (2019). Shapebots: Shape-changing swarm robots. … on User Interface …. https://doi.org/10.1145/3332165.3347911
Visser, E., Kim, L. H., Jin, M., & Guo, Y. (2020). User interface for secure access to a device using speaker verification. US Patent 10,540,979. https://patents.google.com/patent/US10540979B2/en
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2024 Nur Fadila, Donna Setiawati, Ari Wahyono, Muhammad Abdul Aziz
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
