Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 227
Redesain Website Menggunakan Metode User Centered Design Untuk Meningkatkan Pengalaman Calon Siswa Merpati Training Center
Azzah Oktavian Putri Kuncahyo 1 , Valentinus Roby Hananto* 2 , Sri Hariani Eko Wulandari 3 1,2,3 Prodi S1 Sistem Informasi, Fakultas Teknologi dan Informatika, Universitas Dinamika, Surabaya
e-mail: 1 19410100116@dinamika.ac.id, * 2 valentinus@dinamika.ac.id, 3 yani@dinamika.ac.id

## Abstrak
Merpati Training Center (MTC) adalah lembaga pendidikan bersertifikat yang berfokus pada industri penerbangan dengan terdapat 5 jurusan kursus didalamnya. MTC memiliki website untuk  memperluas  informasi  mengenai event ,  promo,  biaya  pendidikan,  fasilitas,  dan pendaftaran  secara online .  Namun,  bersumber  dari  wawancara  dan  kuesioner  awal  SUS ditemukan  masalah  yaitu  menu  didalamnya  belum  terorganisir  dengan  baik,  belum  dapat melakukan transaksi secara online , serta hasil awal SUS menunjukkan nilai 50,1 dimana masuk dalam grade  scale F.  Dalam  rangka  meningkatkan  kualitas  pengelolaan website MTC  maka solusinya yaitu dengan melakukan perancangan ulang UI/UX website MTC menggunakan User Centered  Design (UCD) .  Hasil  penelitian  ini  berupa prototype yang  diimplementasikan  pada website yang  kemudian  dilakukan  evaluasi  kembali  menggunakan  SUS  dan  didapatkan  hasil sebesar  81,5  dan  masuk  dalam  kategori  “acceptable”  dan  rating  “Excellent”  yang  artinya tampilan website MTC sudah lebih baik, dapat diterima serta memudahkan pengguna.
Kata kunci — Merpati Training Center, UI/UX, UCD, dan SUS

## Abstract
Merpati  Training  Center  is  a  certified  educational  institution  that  focuses  on  the aviation  industry  with  5  course  departments  in  it.  MTC  has  a  website  to  expand  information about events, promotions, education costs, facilities and online registration. However, based on initial interviews and questionnaires, SUS found problems, namely that the menu was not well organized,  it  was  not  possible  to  carry  out  online  transactions,  and  the  initial  SUS  results showed a value of 50.1 which was included in the grade scale F. In order to improve the quality of  management  of  the  MTC  website,  the  The  solution  is  to  redesign  the  UI/UX  of  the  MTC website  using  User  Centered  Design. The  results  of  this  research  were  in  the  form  of  a prototype which was implemented on the website which was then re-evaluated using SUS and obtained  a  result  of  81.5  and  was  included  in  the  “acceptable”  category  and  the  “excellent” rating,  which  means  the  appearance  of  the  MTC  website  is  better,  acceptable  and  makes  it easier for users.
Keywords — Merpati Training Center, UI/UX, UCD, dan SUS

## 1. PENDAHULUAN
Merpati Training Center (MTC) adalah lembaga pendidikan bersertifikat yang berfokus pada  industri  penerbangan  dengan  terdapat  5  jurusan  kursus  antara  lain  Merpati  Pilot School , Flight  Operation  Officer , Flight  Attendant  Course , Basic  Aircraft  Maintenance  Course ,  dan
228 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
IJCCS Vol. x, No.
Airline  staff  course [1].  Dalam  mengenalkan  MTC  dibangunlah website untuk  memperluas informasi  mengenai event ,  promo,  biaya  pendidikan,  fasilitas,  dan  pendaftaran  secara online . Untuk  mengetahui  tanggapan  pengguna  dalam  berinteraksi  dengan website dilakukan wawancara  dengan  Admin  bertujuan  mengetahui  kondisi website saat  ini, Customer bertujuan untuk  mengetahui  pengalaman  ketika  menggunakan website MTC  saat  ini.  Kemudian, dilakukan penyebaran kuesioner System Usability Scale (SUS) terhadap 30 orang yang terbagi atas 5 Admin, 25 Customer SMA, dan 5 Customer Umum. SUS adalah suatu metode pengujian usability untuk  mengetahui  seberapa  efektif  dan  efisien  sebuah  aplikasi  atau website menurut pengguna sistem atau pengguna aplikasi [2]. Hasil wawancara dan kuesioner SUS sebagaimana terlihat pada Tabel 1.
Tabel 1. Pemaparan Masalah No. Masalah 1. Pada  saat  ini, website MTC  telah  memiliki  form  pendaftaran  namun  belum  sepenuhnya berjalan  dengan  baik  dimana  belum  dapat  melakukan  transaksi  secara  langsung  pada website tersebut.
2. Minimnya menu event , promo, biaya pendidikan, dan fasilitas yang ada pada website saat ini  membuat  pengenalan  informasi  mengenai  Merpati  Training  Center  belum  tergambar dengan jelas.
3. Hasil  penyebaran  kuesioner  awal  menggunakan  SUS  menunjukkan  hasil  sebesar  50,1 dimana masuk dalam grade scale F dan dikategorikan marginal low atau rendah.
Bersumber  data  Tabel  1  diperlukan  adanya  perancangan  ulang  pada website MTC dengan  hal-hal  yang  dilakukan  adalah  (1)  Menyiapkan  fitur  transaksi  pada  menu  pendaftaran agar dapat melakukannya secara online, (2) Memperbaiki kembali halaman menu event, promo, biaya  pendidikan,  dan  fasilitas  agar  informasi  didalamnya  terorganisir  dengan  baik,  dan  (3) Melakukan perbaikan tampilan font , warna, dan gaya pada website MTC. Oleh karena itu, perlu adanya  proses  perancangan  ulang  desain  UI/UX website MTC  dengan  memastikan  langkah pengembangan sesuai dengan standar yang berlaku.
Berdasarkan pemaparan sebelumnya, dalam rangka meningkatkan kualitas pengelolaan website MTC maka solusinya yaitu dengan melakukan perancangan ulang UI/UX website MTC pada menu event , promo, biaya pendidikan, fasilitas, dan traksaksi dengan menggunakan User Centered  Design (UCD).  Metode  UCD  sudah  banyak  digunakan  peneliti  untuk  mendesain maupun meredasain website untuk berbagai tujuan. Berdasarkan hasil penelitian yang dilakukan Yudhakesuma, 2022, nilai usability website media yang diredesain meningkat 37,5%. Penelitian yang  dilakukan  oleh  Purnamasari,  2018,  juga  menunjukkan  bahwa  penggunaan  UCD  mampu menujukkan  kekurangan  sistem  yang  ada  berdasarkan  aspek  fungsionlaitas  sehingga  bisa digunakan  untuk  melakukan  perbaikan  di  masa  mendatang.  Efendie,  2021,  juga  membuktikan bahwa  UCD  mampu  mengidentifikasi  bahwa  website  sekolah  tidak  atraktif  dan  kurang informatif, sehingga untuk meningkatkan pengguna agar bersedia menggunakan website, perlu dilakukan perbaikan. Oleh sebab itu, penelitian ini akan menggunakan UCD untuk menganalisis kebutuhan  dan  melibatkan  pengguna  yang  terlibat  dari  tahap  awal  hingga  hasil  desain  selesai [3].  Lebih  lanjut,  dapat  mengatasi  masalah  ketidakmampuan  pengguna  dalam  menggunakan sistem  agar  mengetahui  fungsi  sistem  dalam  sekali  pakai  [4].  Melalui  perancangan  ulang  ini dapat meningkatkan usability website MTC dan membuat tampilan lebih user-friendly
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 229
, implies research results (First Author)

## 2. METODE PENELITIAN
Metode  penelitian  berisi  penjelasan  dari  metode  yang  mendukung  penelitian  ini  yakni User  Centered  Design dimana  suatu  tahapan-tahapan  desain  antarmuka  yang  berfokus  pada kegunaan, kebutuhan pengguna, lingkungan, tugas, dan alur kerja pada desainnya [5]. Tahapan- tahapan  pada  UCD  sendiri  adalah Understand  Context  of  Use,  Specify  User  Requirements, Design Solutions, dan Evaluate Against Requirements sebagaimana yang terlihat pada Gambar 1 [6].
Gambar 1. Tahapan User Centered Design

## 2.1   Understand Context of Use
Pada  tahapan Understand  Context  of  Use berfungsi  untuk  menentukan  konteks  user yang  bersumber  dari  hasil  wawancara  dengan  admin  dan customer .  Selain  itu,  terdapat  pula penyebaran kuesioner SUS kepada 30 responden dengan skor yang diperoleh yakni 50,1 dimana masuk dalam grade scale F dan dikategorikan marginal low yang berarti website MTC saat ini masih memiliki permasalahan pada usability sehingga membutuhkan perancangan ulang. Output dari tahapan ini adalah analisa kebutuhan pengguna dan user persona yang mencakup ringkasan singkat  pengalaman,  titik  kesulitan,  dan  kondisi  lingkungan  sehingga  dapat  mendeskripsikan perilaku pengguna saat menggunakan produk [7].

## 2.2 Specify User Requirements
Tahapan selanjutnya ialah Specify User Requirements yang mana mengidentifikasi dan menspesifikasikan  apa  saja  kebutuhan  pengguna  terlibat  bersumber  dari  hasil  tahapan Understand Context of Use . Output dari tahapan ini adalah Spesifikasi kebutuhan pengguna.

## 2.3   Design Solutions
Setelah  dilakukan Specify  User  Requirements yang  mencakup  spesifikasi  kebutuhan pengguna,  maka  berikutnya  dilakukan Design  Solutions yang  mana  merancang  desain  sebagai bagian  dari  mewujudkan  solusi  atas  permasalahan  yang  telah  dipaparkan  sebelumnya. Output dari tahapan ini adalah desain low-fidelity yakni wireframe dengan menggunakan tool figma dan desain high-fidelity yakni prototype yang  langsung  diimplementasikan  pada website .  Dalam perancangan prototype mengacu pada Style Guideline yang dapat dilihat pada Gambar 2.
Gambar 2. Style Guideline
230 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
IJCCS Vol. x, No.
Fondasi  pemilihan  warna  yaitu  menyeleraskan  dengan  logo  MTC  dan  warna-warna yang  berhubungan  dengan  penerbangan  seperti  warna  hitam  merepresentasikan  pentingnya black  box dalam  pesawat,  warna  putih  dan  abu-abu  merepresentasikan body pesawat,  warna hijau,  kuning,  merah,  biru muda  dan  biru  tua  merepresentasikan  tombol  yang  digunakan  pada website . Kemudian, fondasi pemilihan jenis dan ukuran huruf agar mudah terbaca dalam segala elemen,  seperti  pada navigation,  button, dan content .  Serta  fondasi  pemilihan icon yaitu merepresentasikan fungsi objek itu sendiri.

## 2.4   Evaluate Against Requirements
Selepas  tahapan Design  Solutions usai,  langkah  berikutnya  adalah Evaluate  Against Requirements berfungsi  untuk  mengevaluasi  desain  dan  mengetahui  tingkat  kesesuaian rancangan  desain website baru  dengan  kebutuhan  pengguna  dimana  menggunakan  kuesioner SUS dengan indikator kesediaan menggunakan website , kerumitan website , kemudahan website , kemandirian website , integrasi website , konsistensi website , kemudahan dipelajari, website tidak menyusahkan,  kepercayaan  diri menggunakan website ,  kebiasaan  menggunakan website [8] . Responden  evaluasi  akhir  sama  saat  evaluasi  awal  yakni  berjumlah  30  orang  terbagi  atas  5 Admin, 25 Customer SMA, dan 5 Customer Umum.

## 3. HASIL DAN PEMBAHASAN
Hasil  dan  pembahasan  berisi  penjelasan  tiap output dari  metode  yang  digunakan  pada penelitian  ini  yakni User  Centered  Design dalam  merancang  kembali website MTC.  Berikut detil pembahasannya.

## 3.1   Understand Context of Use
Dalam  suatu  perancangan  sistem  harus  memahami  latar  belakang  penggunaan  sistem seperti  sasaran  dan  kebutuhan  pengguna.  Oleh  sebab  itu, output yang  dihasilkan  pada tahapan ini adalah analisa kebutuhan pengguna dan user persona dengan penjelasan sebagai berikut.
3.1.1 Analisa Kebutuhan Pengguna Berdasarkan  wawancara  dengan  bagian  marketing  Merpati  Training  Center  selaku admin bermaksud untuk  mengetahui konteks website saat ini berupa menu-menu pada website MTC sebagaimana yang nampak pada Tabel 2.
Tabel 2. Daftar Menu Website MTC No. Menu Penjelasan 1. Event menampilkan  event  atau  kunjungan  yang  akan diadakan MTC 2. Promo menampilkan promo untuk pendaftaran kelas tiap periodenya. 3. Biaya Pendidikan menampilkan  biaya  Pendidikan di masing-masing course 4. Fasilitas menampilkan  fasilitas  apa  saja  di masing-masing course

## 3.1.2  User Persona
Sesudah wawancara dengan admin dan customer dilakukan, berikutnya hasil wawancara tersebut  divisualisasikan  berupa User  Persona [9].  Informasi user  persona pada  penelitian  ini meliputi  biodata,  kebutuhan,  poin  yang  diresahkan,  ekspektasi  terhadap  aplikasi/website,  dan karakteristik  pengguna  [10].  Pada  user  persona  admin  yakni  Bapak  Dio  Herlambang  selaku
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 231
, implies research results (First Author)
Kepala Bagian Marketing Merpati Training Center. User Persona admin nampak pada Gambar 3.
Gambar 3. User Persona Admin
Lebih  lanjut  untuk user  persona  customer yakni  Saudari  Anggi  Dwi  Puspita .  User Persona customer nampak pada Gambar 4.
Gambar 4. User Persona Customer

## 3.2   Specify User Requirements
Setelah memahami latar belakang penggunaan sistem, berikutnya dibutuhkan deskripsi mendalam  mengenai  spesifikasi  dari  kebutuhan  pengguna  dengan  menjabarkan  spesifikasi kebutuhan pengguna terhap website MTC.
Penjelasan spesifikasi terkait kebutuhan pengguna juga didasarkan dari wawancara dan penyebaran  keusioner  evaluasi  awal  yang  telah  dilakukan.  Berikut  detil  informasi  dari spesifikasi kebutuhan pengguna. Specify User Requirements nampak pada Tabel 3.
Tabel 3. Spesifikasi Kebutuhan Pengguna Pengguna Spesifikasi Admin a. Fungsi pengelolaan halaman event, promo, biaya pendidikan, dan fasilitas b. Fungsi pengelolaan transaksi yakni validasi pemesanan online
Customer a. Fungsi pencarian informasi mengenai Merpati Training Center
232 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
Azzah , et., al [ Redesain Website Menggunakan Metode User Centered Design Untuk Meningkatkan Pengalaman Calon Siswa Merpati Training Center]
IJCCS Vol. x, No.
b. Fungsi transaksi secara online dan lihat bukti pembayaran

## 3.3   Design Solutions
Hasil  tahap  ini  dimulai  dari  membuat wireframe yang  kemudian  dilanjutkan  membuat prototype bersumber  dari  hasil  analisis  sebelumnya.  Sehingga  didapatkan  pembagian  halaman untuk  admin  adalah Event ,  Promo,  Biaya  Pendidikan,  Fasilitas,  dan  Validasi  Transaksi, sedangkan untuk customer adalah Home, Pesan Pelatihan, dan Bukti Pembayaran. Berikut detil hasil pada tahapan Design Solution .

## 3.2.1  Wireframe
Wireframe menggambarkan dengan jelas tampilan dari setiap komponen seperti button, teks,  menu,  image,  dan lainnya.  Pembuatan  wireframe  menggunakan  tools figma  dengan  hasil sebagai berikut.
1. Home Ide mengenai menu home dituangkan pada setiap kotak dengan item yakni logo MTC, menu website MTC, informasi dan gambar kegiatan MTC serta course yang disediakan MTC. Wireframe Home nampak pada Gambar 5.

## Gambar 5. Wireframe Home
2. Event
Ide mengenai menu event dituangkan pada setiap kotak dengan item yakni logo MTC, menu website MTC,  deskripsi  dan  gambar  event  MTC,  dan  tombol  tambah,  edit,  dan  hapus untuk admin . Wireframe Event nampak pada Gambar 6.
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 233
, implies research results (First Author)
Gambar 6. Wireframe Event
3. Promo
Ide mengenai menu promo dituangkan pada setiap kotak dengan item yakni logo MTC, menu website MTC, gambar promo yang diadakan, keterangan promo, dan tombol tambah, edit, dan hapus untuk admin. Wireframe Promo nampak pada Gambar 7.
Gambar 7. Wireframe Promo
4. Biaya Pendidikan
Ide  mengenai menu biaya pendidikan dituangkan pada setiap kotak dengan item yakni logo  MTC,  menu  website  MTC,  gambar  dan  keterangan  mengenai  biaya  pendidikan  setiap course, dan tombol tambah, edit, dan hapus untuk admin. Wireframe Biaya Pendidikan nampak pada Gambar 8.
234 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
IJCCS Vol. x, No.
Gambar 8. Wireframe Biaya Pendidikan
5. Fasilitas
Ide  mengenai  menu  fasilitas  dituangkan  pada  setiap  kotak  dengan  item  yakni  logo MTC, menu website MTC, gambar dan deskripsi setiap fasilitas , dan tombol tambah, edit, dan hapus untuk admin. Wireframe Fasilitas nampak pada Gambar 9.
Gambar 9 . Wireframe Fasilitas

## 6. Pesan Pelatihan
Ide  mengenai  menu  pesan  pelatihan  dituangkan  pada  setiap  kotak  dengan  item  yakni logo  MTC,  menu  transaksi  pelatihan,  form  pendaftaran,  serta  tombol  previous  dan  next. Wireframe Pesan Pelatiahan nampak pada Gambar 10.
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 235
Azzah , et., al [ Redesain Website Menggunakan Metode User Centered Design Untuk Meningkatkan Pengalaman Calon Siswa Merpati Training Center]
, implies research results (First Author)
Gambar 10. Wireframe Pesan Pelatihan
7. Validasi Transaksi
Ide mengenai menu validasi transaksi dituangkan pada setiap kotak dengan item yakni logo MTC, menu website MTC, tabel daftar transaksi, tombol Download, tombol Accept, dan Decline. Wireframe Validasi Transaksi nampak pada Gambar 11.
Gambar 11. Wireframe Validasi Transaksi
8. Bukti Pembayaran
Ide mengenai menu bukti pembayaran dituangkan pada setiap kotak dengan item yakni logo  MTC,  menu  transaksi  pelatihan,  informasi  mengenai  transaksi customer serta  tombol Download. Wireframe Bukti Pembayaran nampak pada Gambar 12.
236 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
IJCCS Vol. x, No.
Gambar 12. Wireframe Bukti Pembayaran

## 3.2.2  Prototype
Penyusunan prototype didasarkan dari wireframe sebelumnya yang mana ialah simulasi terkait bagaimana pengguna berinteraksi dengan UI secara nyata. Hasil prototype penelitian ini sebagai berikut.
1. Home
Gambar berikut ialah prototype halaman Home yang berisi informasi MTC seperti jenis course yang dimiliki MTC, kegiatan ataupun event lainnya dari MTC. Prototype Home nampak pada Gambar 13.
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 237
Azzah , et., al [ Redesain Website Menggunakan Metode User Centered Design Untuk Meningkatkan Pengalaman Calon Siswa Merpati Training Center]
, implies research results (First Author)
2. Event
Gambar  berikut  ialah prototype halaman Event yang  berisi  informasi  event  yang diadakan.  Untuk  event  sendiri  dilaksanakan  sesuai  kebutuhan  dari  bagian  marketing  dan mengikuti  timeline  dari  pelaksanaan  event  tersebut  sehingga  admin  dapat  melakukan pengelolaan berupa tambah, edit, dan hapus. Prototype Event nampak pada Gambar 14.
Gambar 14. P rototype Event

## 3. Promo
Gambar  berikut  ialah  prototype  halaman  Promo  yang  berisi  informasi  terkait  promo yang  diberikan.  Untuk  promo  sendiri  dilaksanakan  sesuai  kebutuhan  dari  bagian  marketing sehingga admin dapat melakukan pengelolaan berupa tambah, edit, dan hapus. Prototype Promo nampak pada Gambar 15.
238 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
IJCCS Vol. x, No.
Gambar 15. Prototype Promo
4. Biaya Pendidikan
Gambar berikut ialah prototype halaman Biaya Pendidikan yang berisi informasi terkait biaya  setiap  course  yang  dimiliki  oleh  MTC.  Untuk  memperbarui  biaya  pendidikan,  admin dapat  melakukan  pengelolaan  berupa  tambah,  edit,  dan  hapus. Prototype Biaya  Pendidikan nampak pada Gambar 16.
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 239
, implies research results (First Author)
Gambar 16. Prototype Biaya Pendidikan
5. Fasilitas
Gambar  berikut  ialah  prototype  halaman  fasilitas  yang  berisi informasi terkait  fasilitas yang  disediakan  selama  masa  pelatihan.  Untuk  memperbarui  fasilitas, admin  dapat  melakukan pengelolaan berupa tambah, edit, dan hapus. Prototype Fasilitas nampak pada Gambar 17.
Gambar 17. Prototype Fasilitas
240 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
Azzah , et., al [ Redesain Website Menggunakan Metode User Centered Design Untuk Meningkatkan Pengalaman Calon Siswa Merpati Training Center]
IJCCS Vol. x, No.
6. Pesan Pelatihan
Gambar  berikut  ialah  prototype  halaman  Pesan  Pelatihan  yang  terbagi  atas  4  tahapan yakni isi data diri, pilih pelatihan, pembayaran, dan finish. Customer harus mengisikan seluruh data yang disediakan dengan baik dan benar agar dapat melangkah ke tahap berikutnya hingga tahapan finish. Prototype Pesan Pelatihan nampak pada Gambar 18.
Gambar 18. Prototype Pesan Pelatihan
7. Validasi Transaksi
Gambar  berikut  ialah  prototype  halaman  Validasi  Transaksi  beriisi  seluruh  daftar transaksi  serta  disediakan  tombol  “Download”  untuk  mengunduh  bukti  transaksinya.  Adapun terdapat  tombol  “Accept”  dan  “Decline”  untuk  melakukan  validasi  atas  transaksi  customer. Prototype Home nampak pada Gambar 18.
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 241
Azzah , et., al [ Redesain Website Menggunakan Metode User Centered Design Untuk Meningkatkan Pengalaman Calon Siswa Merpati Training Center]
, implies research results (First Author)
Gambar 19. Prototype Validasi Transaksi

## 8. Bukti Pembayaran
Gambar berikut ialah prototype halaman Bukti Pembayaran dimana menampilkan form bukti  pembayaran  atas  transaksi  yang  telah  dilakukan  oleh  Customer  dan  disediakan  tombol “Download”  untuk  mengunduh  bukti  pembayaran  tersebut. Prototype Bukti  Pembayaran nampak pada Gambar 20.
Gambar 20. Prototype Bukti Pembayaran
242 Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E-ISSN 2503-2933
IJCCS Vol. x, No.

## 3.4   Evaluate Against Requirements
Proses evaluasi untuk halaman Home , Event , Promo, Biaya Pendidikan, Fasilitas, Pesan Pelatihan,  Validasi  Transaksi  dan  Bukti  Pembayaran  ini  kembali  menggunakan  metode  SUS dengan  responden  sama  dengan  jumlah  30  orang.  Setelah  responden  mengisi,  dilakukan perhitungan  sesuai  metode  yang  ditetapkan  sehingga  didapatkan jumlah  total adalah 2445  dan rata-ratanya  yaitu  81,5  dimana  masuk  dalam  kategori  “acceptable”  dan  rating  “Excellent”. Sedangkan  pada  evaluasi  awal  skornya  sebesar  50,1 dimana  masuk  dalam  grade  scale  F.  Dari data tersebut dapat ditarik garis besar bahwa metode UCD dapat mendukung perancangan ulang desain UI/UX website MTC dan berhasil menghasilkan prototype desain UI yang sesuai dengan kebutuhan.

## 4. KESIMPULAN
Dengan  dilakukan  perancangan  kembali  desain  UI/UX  website  MTC  dapat mengorganisir  informasi  pada  tiap  menunya  serta  menjawab  permasalahan  yang  dialami  oleh pengguna  terlibat  hal  ini  dibuktikan  dari  pengukuran  kuesioner  akhir  dengan  skor  81,5  yang masuk  dalam  kategori  “acceptable”  dan  rating  “Excellent”  sehingga  tampilan  website  MTC sudah lebih baik, dapat diterima serta memudahkan pengguna yang terlibat.

## 5. SARAN
Hasil prototype ini  dapat  dilanjutkan  untuk  digunakan  dan  diimplementasikan bersamaan  dengan  pengembangan front  end dan back  end  website Merpati Training  Center . Lebih  lanjut,  dapat  diluaskan  dengan  sistem  yang  lebih  terintegrasi  sehingga  memberikan manfaat yang lebih banyak bagi perusahaan.

## DAFTAR PUSTAKA
[1] Basneldi, "Pengaruh  Harga,  Promosi  Pemasaran  dan  Brand  Sebagai  Variabel Moderating  Terhadap  Kepuasan  Peserta  Didik  di  Merpati  Training  Centre  Jakarta," Repository Universitas Bhayangkara Jakarta Raya, pp. 1-9, 2018.
[2]   P.  Sukmasetya,  A.  Setiawan  and  E.  R.  Arumi, "Penggunaan  Usability  Testing  Sebagai Alat Evaluasi Website KRS Online pada Perguruan Tinggi," Jurnal Sains dan Teknologi, Vol. IX, No. 1, pp. 58-67, 2020.
[3] I.  S.  Y.  Saputri,  M.  Fadhli  and  I.  Surya, "Penerapan  Metode  UCD  (User  Centered Design) pada E-Commerce Putri Intan Shop Berbasis Web," Jurnal Nasional Teknologi dan Sistem Informasi , Vol. III, No. 2, pp. 269-278, 2017.
[4] Nurahman  and  R.  Kurniawan, "Penerapan  Metode  UCD  pada  Perancangan  Interface Website Toko Online Azkajaya Komputer," Jurnal Ilmiah KOMPUTASI, Vol. XXII, No. 1, pp. 49-55, 2023.
Jatisi ISSN 2407-4322 Vol. 10, No. 4, Desember 2023, Hal. 227-243 E- ISSN 2503-2933 243
, implies research results (First Author)
[5] Supardianto  and  A.  B.  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  (JAIC), Vol. IV, No. 1, p. 74~83, 2020.
[6] W.  Hermawansyah  and  E.  Kusmara, "Perancangan  Desain  User  Interface  &  User Experience  pada  Website  Epic  Tour  Dengan  Menggunakan  Metode  User  Centered Design (UCD)," Informatics, Science, and Technologies Journal, Vol. XII, No. 2, pp. 48- 55, 2022
[7] F. N. Sirait, G. Hanifati and F. Ali , "Analisis User Experience Terhadap User Interface Website Dengan Design Thinking (Studi Kasus: Asuransi Online Superyou.co.id)," Jurnal Magenta, Vol. VI, No. 2, pp. 971-991, 2022.
[8] C. N. Kurniawan, B. Zaman and S. Bhahri, "Analisis Usability pada Website Ayo Mulai Menggunakan  Metode  System  Usability  Scale," JTRISTE, Vol.  IX,  No.  2,  p.  90~102, 2022.
[9] R. F. A. Aziza, "Analisis Kebutuhan Pengguna Aplikasi Menggunakan User Persona dan User Journey," Information System Journal (INFOS), Vol. III, No. 2, pp. 6-10, 2020.
[10]  A.  R.  Novianto  and  S.  Rani, "Pengembangan  Desain  UI/UX  Aplikasi  Learning Management System Dengan Pendekatan User Centered Design," Jurnal SNATI, Vol. II, No. 1, pp. 21-32, 2022
[11]  Yudhakesuma, Muliawati, Irmanda, "Analisis User Experience dan Redesign Antarmuka Website Portal Berita Online dengan Metode User Centered Design (UCD) (Studi Kasus: Cakrawala.co)," Informatik, Jurnal ilmu Komputer, Vol. 18 No. 1 (2022): April 2022.
[12]  Yudhakesuma,  Muliawati,  Irmanda, "  User  Centered  Design  Approach  to  Redesign Graduate Student Management Information System," Data Science: Journal of Computing and Applied Informatics, Vol. 2 No. 2 (2018).
[13]  Yoyon  Efendi,  Tashid  Tashid,  Helda  Yenni ,  "  Redesign  Web  Sekolah  Metode  User Centered Design" Building of Informatics, Technology and Science (BITS), 2021.