Redesain Website Berbasis Prototype Menggunakan Metode User Centered Design

Arief Feisal Basri(1*),Aulia Hamdi(2),Anugerah Bagus Wijaya(3)
(1) Universitas Amikom Purwokerto
(2) Universitas Amikom Purwokerto
(3) Universitas Amikom Purwokerto
(*) Corresponding Author
DOI : 10.35889/jutisi.v12i1.1034

Abstract

Website display if.fik.amikompurwokerto.ac.id. which currently does not give a good impression, the user experience is difficult, as well as a place for alumni that is not yet available, causing the need to evaluate and design an interface display design again so that it can increase functionality using the User centered design (UCD) method. The design process goes through making wireframes and producing a prototype that can be directly run by the user, and then the results of the design can be evaluated. The results of the UI/UX design succeeded in producing 3 main needs, namely pages for users who access desktops/laptops, users who access mobile, and an admin dashboard for managing all information on the website. In the evaluation of the final website design using the Likert scale measurement tool, it was found that there was an increase in functionality with the results of 87% strongly agreeing with the recommendations of the final website design by researchers and believed to be able to meet user needs.

Keywords: User interface; user experience; Likert scale; Wireframes; Styleguide

 

Abstrak

Tampilan website if.fik.amikompurwokerto.ac.id. yang saat ini kurang memberikan kesan baik, pengalaman pengguna yang menyulitkan, dan juga wadah bagi para alumni yang belum tersedia,  menyebabkan perlunya dilakukan evaluasi dan perancangan sebuah desain tampilan antarmuka kembali agar bisa meningkatkan fungsionalitas dengan menggunakan metode User centered design (UCD). Proses perancangan melalui pembuatan wireframe dan menghasilkan sebuah prototype yang dapat langsung di jalankan oleh pengguna, dan selanjutnya dapat di evaluasi hasil desainnya. Hasil perancangan UI/UX berhasil menghasilkan 3 kebutuhan utama yaitu halaman untuk pengguna yang mengakses desktop/laptop, pengguna yang mengakses mobile, dan dashboard admin untuk tempat pengelola semua informasi pada website. Dalam evaluasi desain akhir website dengan alat ukur skala likert diketahui adanya peningkatan fungsionalitasnya dengan hasil 87% sangat setuju dengan rekomendasi desain akhir website oleh peneliti dan diyakini dapat memenuhi kebutuhan pengguna.

Keywords


User interface; User experience; Skala likert; Wireframe; Styleguide

References


J. A. Putra, L. E. Nugroho, and R. Hartanto, “Redesain serta Evaluasi Website Menggunakan Pendekatan User-Centered Design (Kasus: Universitas Janabadra Yogyakarta),” in evaluation, 2017, vol. 2, no. 86, p. 15.

Y. Trimarsiah and M. Arafat, “Analisis dan Perancangan Website Sebagai Sarana Informasi Pada Lembaga Bahasa Kewirausahaan Dan Komputer AKMI BATURAJA Menggunakan PHP dan MySQL,” Jurnal Ilmiah MATRIK, vol. 19, no. 1, pp. 1–10, 2017.

T. Khairil Ahsyar, A. Jakawendra, and Syaifullah, “ANALISA USABILITY WEBSITE BERITA ONLINE MENGGUNAKAN METODE USER CENTERED DESIGN,” Jurnal Ilmiah Rekayasa dan Manajemen Sistem Informasi, vol. 6, no. 2, pp. 165–172, 2020.

T. Khairil Ahsyar and D. Afani, “EVALUASI USABILITY WEBSITE BERITA ONLINE MENGGUNAKAN METODE HEURISTIC EVALUATION,” Jurnal Ilmiah Rekayasa dan Manajemen Sistem Informasi, vol. 5, pp. 34–41, 2019.

D. Ari Anggara, W. Harianto, and A. Aziz, “PROTOTIPE DESAIN USER INTERFACE APLIKASI IBU SIAGA MENGGUNAKAN LEAN UX,” Kurawal - Jurnal Teknologi, Informasi dan Industri, vol. 4, no. 1, Art. no. 1, 2021, doi: 10.33479/kurawal.v4i1.403.

N. Sarah Pradila, H. Muslimah Az-zahra, and R. Indah Rokhmawati, “Evaluasi Dan Perbaikan Alur Dan Navigasi Situs Web Fakultas Kedokteran Gigi (FKG) Universitas Brawijaya Dengan Menggunakan Pendekatan Human Centered Design (HCD),” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 3, no. 10, pp. 9476–9483, Oct. 2019.

Supardianto and A. Binsar Tampubolon, “Penerapan UCD (user Centered design) Pada Perancangan Sistem Informasi Manajemen Aset TI Berbasis Web Di Bid TIK Kepolisian Daerah Kepulauan Riau,” Journal of Applied Informatics and Computing, vol. 4, no. 1, Art. no. 1, 2020, doi: 10.30871/jaic.v4i1.2108.

A. al Ghiffari, E. Darwiyanto, and D. Junaedi, “Perancangan Ulang User Interface Website Politeknik Kesehatan Makassar Menggunakan Metode User-Centered Design,” 2019. [Online]. Available: http://www.poltekkes-mks.ac.id/.

F. N. Khasanah, S. Rofiah, and D. Setiyadi, “Metode User Centered Design dalam Merancang Tampilan Antarmuka Ecommerce Penjualan Pupuk Berbasis Website Menggunakan Aplikasi Balsamiq Mockups,” JAST : Jurnal Aplikasi Sains dan Teknologi, vol. 3, no. 2, pp. 14–23, 2019, [Online]. Available: https://jurnal.unitri.ac.id/index.php/jast/article/view/1443

Cahyani, R. D., and Indriyanti, A. D, “Penerapan metode User Centered Design dalam perancangan ulang desain website Man 1 Pasuruan” Jeisbi, vol.3, no.2, pp 40-48, 2022.

Prawastiyo, C. A., and Hermawan, I. “). Pengembangan front-end website perpustakaan Politeknik Negeri Jakarta dengan menggunakan metode User Centered Design” Information Science And Library , vol. 1, no. 2, pp 50-60, 2020.

Darmawan, I., Anwar, M. S., Rahmatulloh, A., and Sulastri, H. “Design Thinking approach for user interface design and user experience on campus academic information systems” Joiv : International Journal On Informatics Visualization , vol. 6, no. 2, pp 327-334. 2022.

K. Yosua Palilingan, J. Santoso, and S. Rahayu, “Perancangan Aplikasi Pencarian Tempat Wisata Berbasis Lokasi Menggunakan Metode User Centered Design (UCD),” ReTII, pp. 577–583, 2015.

D. Nugra Heny, “Analisis user interface dan user experience pada website sekolah tinggi teknologi adisutjipto yogyakarta,” Conference SENATIK STT Adisutjipto Yogyakarta, vol. 2, p. 183, 2016, doi: 10.28989/senatik.v2i0.77.

W. Hidayat, F. Maafuf, and S. Bahari, “PERANCANGAN MEDIA VIDEO DESAIN INTERIOR SEBAGAI SALAH SATU PENUNJANG PROMOSI DAN INFORMASI DI PT. WANS DESAIN GROUP,” Journal CERITA, vol. 2, no. 1, Art. no. 1, 2016, doi: 10.33050/cerita.v2i1.212.


The PDF file you selected should load here if your Web browser has a PDF reader plug-in installed (for example, a recent version of Adobe Acrobat Reader).

If you would like more information about how to print, save, and work with PDFs, Highwire Press provides a helpful Frequently Asked Questions about PDFs.

Alternatively, you can download the PDF file directly to your computer, from where it can be opened using a PDF reader. To download the PDF, click the Download link above.

Fullscreen Fullscreen Off

Full Text: PDF (Indonesian)

How To Cite This :

Refbacks

  • There are currently no refbacks.