ANALISIS DESAIN UI/UX PADA WEB PT TAKBIR SUKMA TRADA INDONESIA MENGGUNAKAN METODE HUMAN CENTERED DESIGN (HCD)

ANALISIS DESAIN UI/UX PADA WEB PT TAKBIR SUKMA TRADA INDONESIA MENGGUNAKAN METODE HUMAN CENTERED DESIGN (HCD)

• By Eka Yulianti;
• Skripsi
• 27

Penelitian ini bertujuan untuk mengevaluasi desain UI/UX website PT Takbir Sukma Trada Indonesia berdasarkan persepsi pengguna, dengan fokus pada tiga aspek utama: navigasi, tampilan visual, dan responsivitas. Penilaian dilakukan melalui kuesioner yang diisi oleh 30 responden, di mana setiap pertanyaan dievaluasi menggunakan skala Likert 1-5. Data yang diperoleh dianalisis untuk menentukan skor rata-rata pada setiap aspek. Hasil penelitian menunjukkan bahwa navigasi website memperoleh skor rata-rata 4.23, yang menunjukkan bahwa pengguna merasa mudah dalam memahami dan menggunakan navigasi. Tampilan visual website mendapatkan skor rata-rata 3.70, yang dinilai cukup menarik tetapi memerlukan perbaikan dalam skema warna, ukuran font, dan konsistensi ikon. Responsivitas website memiliki skor rata-rata 4.03, yang mengindikasikan bahwa website cukup responsif di berbagai perangkat, meskipun ada elemen yang perlu dioptimalkan untuk layar kecil dan waktu muat halaman. Kesimpulan dari penelitian ini adalah bahwa desain website PT Takbir Sukma Trada Indonesia secara umum sudah memadai, tetapi masih membutuhkan perbaikan untuk meningkatkan pengalaman pengguna secara keseluruhan. Saran yang diberikan meliputi pengoptimalan navigasi, peningkatan visual, penggunaan framework untuk responsivitas, serta pengujian berkala untuk memastikan performa yang optimal.

• Katakunci
• URL http://
• Penerbit ,

REFERENSI

[1] A. R. Setiadi and H. Setiaji, “Perancangan UI/UX menggunakan pendekatan HCD (Human-Centered design) pada website Thriftdoor,” Automata, vol. 1, no. 2, pp. 228–233, 2020.
[2] D. MacDonald, Practical UI Patterns for Design Systems. 2020.
[3] M. S. Hartawan, “Penerapan User Centered Design (Ucd) Pada Wireframe Desain User Interface Dan User Experience Aplikasi Sinopsis Film,” Jeis J. Elektro Dan Inform. Swadharma, vol. 2, no. 1, pp. 43–47, 2022, doi: 10.56486/jeis.vol2no1.161.
[4] A. Rachman, B. S. Salim, A. Sodik, J. Iswanto, A. R. Vanchapo, and M. A. Manuhutu, “Pemodelan User Interface dan User Experience Menggunakan Design Thinking,” J. Pendidik. Tambusai Fak. Ilmu Pendidik. Univ. Pahlawan, vol. 7, no. 2, pp. 9288–9288, 2023, [Online]. Available: https://www.jptam.org/index.php/jptam/article/view/7807.
[5] E. Nurul Azizah, M. Gito Resmi, and S. Alam, “Penerapan Metode Design Thinking Pada Perancangan User Interface Aplikasi Mobile Pengenalan Bahasa Isyarat Indonesia (Bisindo),” J. Mnemon., vol. 6, no. 1, pp. 71–76, 2023, doi: 10.36040/mnemonic.v6i1.5711.
[6] A. Tidwell, J., Brewer, C., & Valencia, Designing Interfaces: Patterns for Effective Interaction Design (3rd ed). 2020.
[7] W. Muslimin and E. Zuraidah, “Desain UI/UX Prototype SPP Metode Human Centered Design,” Media Online), vol. 4, no. 2, pp. 746–756, 2023, doi: 10.30865/klik.v4i2.1081.
[8] A. Nurudin et al., “Penerapan Metode Design Thinking Pada Perancangan User Interface Aplikasi Rifqitenda Untuk Meningkatkan Kemudahan Dalam Fitur Persewaan Wedding Decoration,” J. Inf. Syst. Res., vol. 5, no. 4, pp. 901–910, 2024, doi: 10.47065/josh.v5i4.5354.
[9] N. R. Wiwesa, “User Interface Dan User Experience Untuk Mengelola Kepuasan Pelanggan,” J. Sos. Hum. Terap., vol. 3, no. 2, pp. 17–31, 2021, [Online]. Available: https://scholarhub.ui.ac.id/jsht/vol3/iss2/2.
[10] D. S. Agastya and L. D. Farida, “Perancangan User Interface Dan User Experience Website Smpn 1 Sambit Ponorogo Menggunakan Metode User Centered Design,” J. Sist. Inf. dan Apl., vol. 1, no. 1, pp. 94–122, 2023, doi: 10.52958/jsia.v1i1.6444.
[11] K. Brownies and B. M. Canvas, “IMPLEMENTASI WEBSITE E-COMMERCE BERBASIS CONTENT MANAGEMENT SYSTEM CMS ) WORDPRESS UNTUK PENINGKATAN IMPLEMENTATION OF E-COMMERCE WEBSITE BASED ON CONTENT MANAGEMENT SYSTEM ( CMS ) WORDPRESS TO,” vol. 3, no. September, pp. 1483–1492, 2024.
[12] L. Morville, P., & Rosenfeld, Information Architecture: For the Web and Beyond (4th ed.). 2020.
xiv
[13] A. P. Anjani, “Implementasi Search Engine Optimization (SEO) Pada Website Hanger Kayu Berlogo Sebagai Media Promosi,” vol. 10, no. 2, pp. 519–533, 2020.
[14] S. R. R I and S. A. Saputra, “Perancangan Ui/Ux Design Pada Aplikasi Jasa Freelancer Berbasis Android Menggunakan Metode User Centered Design,” J. Ilm. Matrik, vol. 25, no. 1, pp. 7–14, 2023, doi: 10.33557/jurnalmatrik.v25i1.2279.
[15] V. Kumar, 101 Design Methods: A Structured Approach for Driving Innovation in Your Organization. 2020.
[16] I. Yamalia and S. Siagian, “Analisa Sistem Informasi Pengolahan Data Nilai Siswa Berbasis Web,” J. V-Tech (Vision Technol., vol. 2, no. 1, pp. 103–109, 2019, doi: 10.35141/jvt.v2i1.527.
[17] T. Brown, Design Thinking in the Digital Age: Figma as a Tool. 2020.
[18] A. Pratama, A. Faroqi, and E. P. Mandyartha, “Analisis Tingkat Usability Pada Aplikasi Frostid Menggunakan System Usability Scale (SUS),” J. Ilm. Edutic Pendidik. dan Inform., vol. 8, no. 1, pp. 31–38, 2021, doi: 10.21107/edutic.v8i1.12195.
[19] N. M. H. N. Haryanto, Eka W Fridayanthie, “DAMPAK PENGGUNAANINTERNET SEBAGAI MEDIA SUMBER BELAJAR TERHADAP HASIL BELAJAR SISWADENGAN METODE SLOVIN,” J. AKRAB JUARA, vol. 75, no. 17, pp. 399–405, 2021, [Online]. Available: http://akrabjuara.com/index.php/akrabjuara/article/view/1534/1353.
[20] S. Sukriandi and N. Cahyono, “Analisis UI/UX dan Front End Aplikasi Desain Rumah Menggunakan Human Centered Design,” J. Ilm. Media Sisfo, vol. 17, no. 1, pp. 135–142, 2023, doi: 10.33998/mediasisfo.2023.17.1.779.
[21] A. P. and A. Bhumgara, “Human Computer Interaction Strategies — Designing the User Interface,” Int. Conf. Smart Syst. Inven. Technol., 2020, [Online]. Available: 10.1109/ICSSIT46314.2019.8987819.
[22] B. Kurniawan, “Implementasi Responsive Web Design (Rwd)Untuk Optimalisasi Tampilan Di Perangkat Mobile PadaWebsite Rsud Ibnu Sutowo Baturaja,” vol. 6, no. 1, pp. 180–192, 2015.
[23] S. Tazkiyah and A. Arifin, “Perancangan UI/UX pada Website Laboratorium Energy menggunakan Aplikasi Figma,” J. Teknol. Terpadu, vol. 8, no. 2, pp. 72–78, 2022, doi: 10.54914/jtt.v8i2.513.