User Interface Design Techniques with Wireframing for Online Library Website Layout Design Using Figma

Authors

  • Anisa Lutfiyani Universitas Ma’arif Nahdlatul Ulama Kebumen, Kebumen, Indonesia
  • Riyan Jaya Sumantri Universitas Ma’arif Nahdlatul Ulama Kebumen, Kebumen, Indonesia
  • Tri Anggoro Universitas Ma’arif Nahdlatul Ulama Kebumen, Kebumen, Indonesia

DOI:

https://doi.org/10.53863/kst.v6i01.1092

Keywords:

Desain, Interface, User Interface, User Experience, Wareframe, Prototype, Figma

Abstract

Technological developments nowadays are increasingly developing day by day, it is important for agencies to understand user experience (UX) and user interface (UI) to support increased customer satisfaction. In this research, the researcher designed a user interface (UI) design wareframe, a web-based online library system design prototype using Figma, which aims to produce a flow concept in an attractive design wareframe design and implement the design results into a prototype. The focus of the research is designing the website user interface by looking at user needs. The method used in designing the User Interface (UI) uses the User Centered Design method so that the desired system interface can be achieved. The results of the research are the design of online library website user interface wareframing using Figma with a User Centered Design approach that can help find solutions according to the needs of target users. Based on the test results, it shows that the User Centered Website Design approach has succeeded in helping to make the Online Library website interface informative, interactive and communicative according to the needs of target users.

References

A.P.J.I.I. (2017). Jumlah Pengguna Internet di Indonesia. Http://www.apjii.go.id. Diakses, 06(53).

Ariawan, M. D., Triayudi, A., & Sholihati, I. D. (2020). Perancangan User Interface Design dan User Experience Mobile Responsive Pada Website Perusahaan. Jurnal Media Informatika Budidarma, 4(1), 161.

Budhiluhoer, M. (2018). Konsep Wireframe Pada Website.

Chandra, Angela, & Wenas, M. B. (2019). Perancangan Desain Website Sekolah Kristen Pelita Nusantara Kasih Surakarta Dengan Pendekatan User Centered Design. Universitas Kristen Satya Wacana.

Frendiana, V., & Widhiantoro, D. (2020). Desain UI dan UX pada Aplikasi Android Coronavirus Disease 2019 (COVID-19. J. Comput. Sci. Vis. Commun. Des, 5(2), 85-93.

Norman, N. (2021, August 2). Nielsen Norman Group Design Thinking 101. https://www.nngroup.com/articles/design-thinking

Robinson, J. A., R, N., T, K., & etc. (2021). User-Centred Design of a Final Results Report for Participants in Multi-Sensor Personal Air Pollution Exposure Monitoring Campaigns. International Journal of Environmental Research and Public Health. https://doi.org/10.3390/ijerph182312544

Yastin, D. N., Suseno, H. B., & Arifin, V. (2022). Evaluasi dan Perbaikan Desain User Interface Untuk Meningkatkan User Experience Pada Aplikasi Mobile Siaran Tangsel Menggunakan Metode Goal Direct Design. Jurnal Teknik Informatika, 13(12), 157.

Downloads

Published

2024-02-12

How to Cite

Lutfiyani, A., Sumantri, R. J., & Anggoro, T. (2024). User Interface Design Techniques with Wireframing for Online Library Website Layout Design Using Figma. JURNAL KRIDATAMA SAINS DAN TEKNOLOGI, 6(01), 146–159. https://doi.org/10.53863/kst.v6i01.1092