UI/UX Redesign of SMK Negeri 4 Samarinda Website Using UCD Approach

UI/UX Redesign of SMK Negeri 4 Samarinda Website Using UCD Approach

Authors

  • Renaldy Politeknik Negeri Samarinda
  • Farindika Metandi Politeknik Negeri Samarinda
  • Tommy Bustomi Politeknik Negeri Samarinda

DOI:

https://doi.org/10.33369/pelastek.v5i1.40935

Keywords:

Perancangan Ulang, Website Sekolah, UI/UX, User Centered Design, System Usability Scale

Abstract

The website of SMK Negeri 4 Samarinda serves an important function in communication and information dissemination, but has several shortcomings, such as unattractive interface design, outdated information, and limited interaction features. This research aims to redesign the user interface (UI) and user experience (UX) using the User Centered Design (UCD) approach. The research method includes four stages: understanding the user context, determining user needs, designing solutions, and evaluating against needs. Data was collected through focus group discussion (FGD) and usability testing using System Usability Scale (SUS) and Maze Design. The results showed that the new design prototype improved the SUS score from 61.87 (“Marginal Low” category) to 77.43 (“Acceptable” category). This improvement was also seen in the aspects of aesthetics, layout, and ease of navigation. The conclusion of this study confirms that the UCD method is effective in improving the quality of website UI/UX, there by increasing user satisfaction.

References

Agastya, D. S., & Farida, L. D. (2023). Perancangan User Interface Dan User Experience. JSIA (Jurnal Sistem Informasi & Aplikasi), 1(1), 3025– 9347.

Agastya, I. M., & Farida, U. (2023). Penerapan User Centered Design dalam Pengembangan Sistem Informasi Sekolah. Jurnal Teknologi Informasi, *12*(1), 45–60.

Brooke, J. (1996). SUS: A quick and dirty usability scale. Dalam P. W. Jordan, B. Thomas, B. A. Weerdmeester, & I. L. McClelland (Eds.), Usability Evaluation in Industry (hlm. 189–194). Taylor & Francis.

Constantine, L. L., & Lockwood, L. A. (1999). Software for use: A practical guide to the models and methods of usage-centered design. Addison-Wesley Professional.

Firmansyah, D., & Dede. (2022). Teknik Pengambilan Sampel Umum dalam Metodologi. Jurnal Ilmiah Pendidikan Holistik (JIPH), 1(2), 85–114.

Garrett, J. J. (2011). The elements of user experience: User-centered design for the web and beyond (2nd ed.). New Riders.

Izzah, N. (2020). Pelatihan Membuat Dan Mengelola Website Sekolah. Jurnal Abdimas Bina Bangsa, 1(2), 247–256. https://doi.org/10.46306/jabb.v1i2.40

Krug, S. (2014). Don't make me think, revisited: A common sense approach to web usability (3rd ed.). New Riders.

Lazar, J., Feng, J. H., & Hochheiser, H. (2017). Research methods in human-computer interaction (2nd ed.). Morgan Kaufmann.

Morville, P. (2004). User experience design. Semantic Studios. https://semanticstudios.com/user_experience_design/

Nielsen, J. (1994). Heuristic evaluation. Dalam J. Nielsen & R. L. Mack (Eds.), Usability inspection methods (hlm. 25–62). John Wiley & Sons.

Nielsen, J. (2006). Prioritizing web usability. New Riders.

Norman, D. A. (2013). The design of everyday things: Revised and expanded edition. Basic Books.

Sauro, J., & Lewis, J. R. (2016). Quantifying the user experience: Practical statistics for user research (2nd ed.). Morgan Kaufmann.

Shneiderman, B., & Plaisant, C. (2016). Designing the user interface: Strategies for effective human-computer interaction (6th ed.). Pearson.

Tullis, T., & Albert, B. (2008). Measuring the user experience: Collecting, analyzing, and presenting usability metrics. Elsevier.

Downloads

Published

2025-06-23

How to Cite

Renaldy, Farindika Metandi, & Tommy Bustomi. (2025). UI/UX Redesign of SMK Negeri 4 Samarinda Website Using UCD Approach: UI/UX Redesign of SMK Negeri 4 Samarinda Website Using UCD Approach. JURNAL PENGELOLAAN LABORATORIUM SAINS DAN TEKNOLOGI, 5(1), 47–58. https://doi.org/10.33369/pelastek.v5i1.40935

Issue

Vol. 5 No. 1 (2025): Juni 2025

Section

Articles

License

Copyright (c) 2025 Renaldy, Farindika Metandi, Tommy Bustomi

Creative Commons License

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

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

  1. Authors retain copyright and grant the journal the 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).
  4. This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.