p-ISSN : 2460-3562 / e-ISSN : 2620-8989
Perbandingan Metode Hybrid Card Sorting dan Interactive Dialogue Model pada Perancangan UI/UX Website Human
Resource Information System PT Grace Technic dengan Penerapan The Five Planes
Ayu Kinanthi Putri Setyoningtyas 1 , Firma Syahrian 2
1,2 Teknologi Rekayasa Perangkat Lunak, Departemen Teknik Elektro dan Informatika, Universitas Gadjah Mada
Bulaksumur, Caturtunggal, Kec. Depok, Sleman
1 aiyukape@mail.ugm.ac.id
2 fsyahrian@ugm.ac.id

## Abstrak
PT Grace Technic merupakan perusahaan yang berada pada ruang lingkup jasa perbaikan, rekayasa mesin, dan fabrikasi berbagai peralatan penunjang pada pertambangan batu bara serta peralatan alat berat. Perusahaan ini memiliki  kendala  dari  sisi  efisiensi  waktu  karena  masih  menggunakan  paper-based  pada  seluruh  layanan sumber daya  manusia atau  human  resource.  Selain itu layanan sumber daya manusia juga masih  tidak teratur dalam  hal  pengumpulan,  penyimpanan,  dan  pemeliharaan  data.  Proses  perizinan  pegawai  masih  dilakukan menggunakan kertas dan pengajuan izin kepada HR membutuhkan waktu lama karena banyaknya pekerjaan HR lainnya,  sehingga  dianggap  tidak  efisien.  Proyek  akhir  ini  dibuat  guna  memberikan  solusi  kepada  PT  Grace Technic dalam merancang UI/UX Human Resource Information System (HRIS) yang bersifat digital dan mudah diakses berbasis website pada perangkat desktop.
Untuk  memberikan  hasil  rancangan  tampilan  yang  baik  dan  sesuai  dengan  kebutuhan  pengguna,  dilakukan perbandingan  metode  Hybrid  Card  Sorting  dan  Interactive  Dialogue  Model  (IDM)  sebagai  desain  arsitektur informasi. Kemudian, diterapkan pula The Five Planes pada kedua metode tersebut dari tahapan Strategy Planes hingga Surface Planes. Pengujian dilakukan dengan A/B Testing untuk menguji desain arsitektur informasi dari kedua metode dan pengukuran usabilitas menggunakan System Usability Scale. Hasil pengujian kepada pegawai menunjukkan  bahwa  Hybrid  Card  Sorting  unggul  dibandingkan  IDM,  sementara  pengujian  kepada  HR menunjukkan bahwa IDM lebih unggul dibandingkan Hybrid Card Sorting.
Kata kunci: Hybrid Card Sorting, Interactive Dialogue Model,  Five Planes, HRIS

## Comparison of Hybrid Card Sorting and Interactive Dialogue Model for Designing UI/UX of Human Resource Information System Website with The Five Planes Method at PT Grace Technic

## Abstract
PT Grace Technic is a company operating in the field of repair services, machine engineering, and the fabrication of various support equipment for coal mining and heavy machinery. The company faces challenges in terms of time  efficiency  because  it  still  relies  on  paper-based  processes  for  all  human  resource  services.  Additionally, human  resource  services  lack  organization  in  terms  of  data  collection,  storage,  and  maintenance.  Employee licensing  processes  are  still  paper-based  and  requesting  permits  from  HR  takes  a  long  time  due  to  the  high workload  of  HR  personnel,  making  it  inefficient.  This  final  project  is  created  to  provide  a  solution  to  PT  Grace Technic  by  designing  a  digital  and  easily  accessible  User  Interface/User  Experience  (UI/UX)  Human  Resource Information System (HRIS) based on a website that can be accessed via desktop.
To  deliver  a  well-designed  interface  that  meets  user  needs,  a  comparison  between  the  Hybrid  Card  Sorting method and the Interactive Dialogue Model (IDM) is conducted as information architecture design. Additionally, The Five Planes are applied to both methods, from the Strategy Planes stage to the Surface Planes stage. Testing is performed using A/B Testing to evaluate the information architecture design of both methods, and usability is
measured  using  the  System  Usability  Scale.  Testing  results  among  employees  show  that  Hybrid  Card  Sorting outperforms IDM, while testing among HR personnel indicates that IDM is superior to Hybrid Card Sorting.
Keywords:  Hybrid Card Sorting, Interactive Dialogue Model,  Five Planes, HRIS

## I. P ENDAHULUAN
Pada  era  teknologi  yang  saat  ini  kian  maju,  sebagian besar  perusahaan  telah  menggunakan  teknologi  pada layanan  pekerjaan  baik  antar  pegawai  maupun  kepada customer atau  klien.  Terdapat  tiga  efek  kemajuan teknologi,  yaitu  otomatisasi  pada  operasional  organisasi, kemudahan  mengakses,  dan  transformasi  informasi  [1]. Hal  ini  juga  berpengaruh  pada  operasional  data  dalam pengelolaan  Sumber  Daya  Manusia  atau  dikenal  dengan Human Resource (HR) pada suatu organisasi. Oleh sebab itu,  demi  menunjang  pelaksanaan  layanan  HR  kepada pegawai  yang  lebih  dinamis  dan  efektif  maka  suatu perusahaan  dapat  menggabungkan  teknologi  dengan layanan  HR  atau  yang  biasa  disebut  dengan Human Resource  Information  System (HRIS).  HRIS  sendiri merupakan  prosedur  sistematik  untuk  mengumpulkan, menyimpan, mempertahankan, menarik, dan mengesahkan data [2].
PT  Grace  Technic  merupakan  perusahaan  yang bergerak  dibidang  jasa  fabrikasi  alat  berat  pada pertambangan batu bara (mining) serta minyak & gas (gas &  oil) .  Klien  yang  telah  bekerjasama  dengan  PT  Grace Technic antara lain Trakindo, Schlumberger, Weatherford, Petrosea, dan Altrak 1978. Sebagai perusahaan yang telah menjalin  relasi  dengan  klien  terkemuka,  PT  Grace Technic  telah  memberikan output yang  baik.  Tetapi semakin  bertumbuhnya  Grace  Technic,  maka  terdapat tantangan-tantangan baru yang perlu diatasi, salah satunya adalah  perusahaan  ini  yang  belum  memiliki  layanan  HR kepada  pegawai  yang  memadai.  Hal  ini  ditandai  dengan penggunaan paper-based sehingga  memakan  waktu  lebih banyak  dan  tenaga  yang  cukup  besar.  Selain  itu,  proses manual  ini  rentan  terhadap  kesalahan  manusia (human error) sehingga  tidak  efisien  dalam  mengelola  data pegawai  dan  administrasi  HR  [2] . Oleh  karena  itu  PT Grace  Technic  membutuhkan  inovasi  baru  dengan merancang Human Resource Information System (HRIS). Salah satu tantangan dalam mengimplementasikan hal ini adalah  membutuhkan  tampilan  antarmuka  atau user interface  (UI) yang  menarik  serta user  experience  (UX) yang  dapat  meningkatkan  produktivitas  HR  dan  pegawai dalam  menggunakan  dan  mengelola  layanan  HR.  Untuk merancang  UI/UX  yang  baik,  maka  dihadapkan  kepada dua  pilihan  metode  dalam  penyusunan  desain  arsitektur informasi,  yaitu Hybrid  Card  Sorting dan Interactive Dialogue Model (IDM). Hybrid  Card  Sorting merupakan  penyusunan  desain arsitektur informasi dengan menggabungkan metode Open Card Sorting dan Closed Card Sorting di mana partisipan dapat membuat kategori baru maupun memindahkan kartu dalam  suatu  kategori  berdasarkan  susunan  awal  dari peneliti [3]. IDM merupakan penyusunan desain arsitektur informasi  yang  mengutamakan  interaksi  antara  pengguna dan  multichannel  tertentu  [4].  Untuk  membandingkan kedua  metode  tersebut,  diperlukan  penerapan  proses desain  yang  mencakup  perancangan  desain  arsitektur informasi  di  dalamnya.  Oleh  karena  itu,  diterapkan  pula
metode The Five Planes yang memiliki 5 tahapan utama, yaitu strategy  planes,  scope  planes,  structure  planes, skeleton  planes, dan surface  planes. Proses  desain  ini menyajikan  kerangka  konseptual  untuk  mendefinisikan pengguna  yang  mengalami  permasalahan  serta  cara mengatasi  dan  harapannya.  Lima  tahapan  tersebut  dapat menentukan  kebutuhan  pengguna  dan  perspektif  produk yang dapat dianalisis dan dipertimbangkan [6].

## II. M ETODE P ENELITIAN
Metode The Five Planes merupakan proses desain yang memiliki  kerangka  kerja  yang  terdiri  dari  5  tahapan  dan saling  terhubung  satu  sama  lain,  yaitu strategy,  scope, structure,  skeleton, dan surface. Setiap  tahapan  akan bekerja bergantung pada bidang yang berada di bawahnya, sehingga seluruh tahapan dimulai dari strategy planes [5] . Pada penelitian ini, tahapan metode penelitian menggunakan The Five Planes terdapat pada diagram alir sesuai dengan Gambar 2.1.

## Gambar 2. 1 Tahapan Penelitian

## A. Kajian Literatur
Tahapan pertama pada penelitian ini adalah melakukan kajian  literatur  yang  akan  dijadikan  dasar  penelitian. Melakukan  pengkajian  literatur  berguna  agar  penelitian yang dilakukan berbanding lurus dengan ilmu yang sudah ada  maupun  dengan  penelitian  yang  sebelumnya  telah dilaksanakan.

## B. Strategy Planes
Tahapan awal pada Five Planes adalah strategy planes di  mana  sebagai  tahapan  perencanaan  dengan  melakukan penyusunan  pertanyaan  wawancara  yang  bersifat  semi terstruktur guna mendapatkan hasil wawancara yang tepat berdasarkan  pertanyaan-pertanyaan  yang  telah  disusun, menganalisa  kebutuhan  pengguna (user  needs) dan membuat user  persona berdasarkan  hasil  wawancara kepada  segmentasi  pengguna  [8] . Partisipan  wawancara ditentukan  dengan  5  orang  HR  dan  10  orang  pegawai dengan  teknik random  sampling yang  bekerja  dengan
status  pegawai  tetap  dan  sebagai  perwakilan  dari  setiap divisi.

## C. Scope Planes
Scope  planes mendefinisikan  hal-hal  yang  lebih  detail dari  tahapan  sebelumnya.  Pada  umumnya scope  planes menentukan fitur dan konten apa saja yang akan ada pada suatu  produk.  Hasil user  needs dan  wawancara  disajikan dalam  spesifikasi  fungsional  dan  diagram  kebutuhan. Selain  itu  juga  dilakukan  pembuatan  skenario  pengguna yang  berbentuk  cerita  singkat  dengan  persona  atau pengguna  sebagai  karakter  utama  pada  cerita  tersebut. Skenario pengguna digunakan sebagai gambaran interaksi pengguna  dengan  produk  disajikan  dalam  skenario pengguna [7].

## D. Structure Planes
Tahapan structure  planes merupakan  tahapan  yang membuat  arsitektur  informasi  dan  interaksi  desain  [9]. Pada  tahapan  ini  dilakukan  pengujian Hybrid  Card Sorting bersama  partisipan  dan  peneliti  menggunakan tools Optimal  Workshop serta  pembuatan hierarchical task  analysis sebagai  susunan  hierarki  untuk  arsitektur informasi  yang  telah  diuji.  Selain  itu,  pada  tahapan  ini juga dilaksanakan pembuatan arsitektur informasi dengan metode  IDM  oleh  peneliti  dengan  tahapan conceptual interactive  dialogue  model (C-IDM), logical  interactive dialogue  model (L-IDM),  dan page  interactive  dialogue model (P-IDM)  [10].  Setelah  kedua  metode  tersebut selesai  dirancang,  maka  selanjutnya  dapat  membuat userflow .

## E. Skeleton Planes
Skeleton  planes merupakan  tahapan  di  mana  informasi yang  telah  dikumpulkan  sebelumnya  akan  diproses  lebih lanjut meliputi perancangan kerangka desain (wireframes) yang  merupakan  perwujudan  desain  interaksi  meliputi perancangan layout dan penempatan elemen, icon maupun gambaran  rancangan  arsitektur  informasi  [11].  Kedua metode , yaitu wireframes pada Hybrid  Card  Sorting maupun  pada  IDM  dengan  segmentasi  pengguna  berupa pegawai  dan  HR  akan  dirancang  dengan  tampilan  low fidelity  menggunakan  Figma.  Pada  tahapan  ini  juga terdapat  komparasi  desain  arsitektur  informasi  untuk mendefinisikan perbedaan bentuk arsitektur informasi dan pelabelan nama menu pada kedua metode.

## F. Surface Planes
Pada  tahapan  ini  dibuat  prototipe  dari  tampilan high- fidelity sesuai  dengan wireframes desain  dari  metode Hybrid Card Sorting dan IDM menggunakan Figma pada tahapan  sebelumnya,  yaitu skeleton  planes .  Setelah high- fidelity berhasil dirancang, maka selanjutnya dibentuk alur prototipe  yang  terdiri  dari  desain  keseluruhan  halaman web  yang  tersambung  dari  halaman  satu  ke  halaman lainnya sesuai dengan userflow yang telah dirancang pada tahapan structure  planes .  Adapun  prototipe  ini  dirancang bagi  pengguna,  yaitu  pegawai  dan  HR  dalam  metode Hybrid Card Sorting dan metode IDM.
G. A/B Testing
Setelah  seluruh  metode Five  Planes selesai,  tahapan selanjutnya  adalah  melakukan  pengujian  setiap  prototipe desain  pada  setiap  metode.  Tahapan  ini  akan  diuji  oleh pengguna  dan  kedua  metode  desain.  Pegawai  dan  HR akan menguji desain dari metode Hybrid Card Sorting dan IDM.  Para  pengguna  yang  melakukan testing merupakan pengguna  yang  sama  dengan  narasumber  wawancara berjumlah 15 orang (5 orang merupakan HR dan 10 orang merupakan  pegawai  tetap)  di  mana  akan  mendapatkan task untuk  menentukan  tingkat  usabilitas  suatu  desain. Tools yang digunakan dalam melakukan pengujian adalah Maze  Design dengan  matriks  yang  digunakan  adalah direct  success (DS), indirect  success (IDS), bounce  rate (BR), misclicked rate (MR), average duration (AD). Hasil komparasi  dengan  A/B  testing  diakumulasi  secara otomatis  oleh Maze  Design menjadi  skor  rata-rata  tiap task ,  yaitu Mission  Usability  Score (MIUS)  dan menghitung  nilai  rata-rata  secara  keseluruhan  dengan Maze Usability Score (MAUS). Berikut merupakan rumus perhitungan MAUS.
MAUS = avg(MIUS) ( 1 )

## H. System Usability Scale
Tahapan  akhir  adalah  melakukan  kuesioner  sebagai matriks satisfaction atau  kepuasan pada A/B  testing. Kuesioner System Usability Scale (SUS) diberikan kepada pengguna  yang  sama  dengan  memperhitungkan  matriks adjective  rating , percentile  ranks, dan letter  grades [8] . Kuesioner  SUS  memiliki  jumlah  10  pernyataan  di  mana memiliki  skala  likert  dari  1  sampai  dengan  5  lalu dilakukan  perhitungan  dengan  pertanyaan  ganjil  akan dikurangi  1  (skala  nilai  –  1)  dan  jika  pernyataan  genap maka (5 – skala nilai). Setelah mendapatkan nilai tersebut, maka  hasilnya  dikalikan  dengan  2,5.  Adapun  rumus perhitungan SUS dapat dilihat dibawah ini.
: Jumlah nilai skor SUS
: Jumlah narasumber atau pengguna
: Jumlah skor SUS x 2,5
( 2 )

## III. H ASIL DAN P EMBAHASAN

## A. Kajian Literatur
Tahapan  kajian  literatur  merupakan  kunci  dalam memahami  bagaimana  memahami  dan  menganalisis terkait  sumber  literatur  yang  relevan  dengan  penelitian. Pada  penelitian  ini  terdapat  literatur  yang  relevan,  yaitu jurnal  dengan  topik  perancangan  website  untuk  anak autisme  dengan  melakukan  perbandingan  metode  IDM dan Open  Card  Sorting pada  perancangan  desain arsitektur  informasi  [17].  Penelitian  yang  dilakukan  oleh Pushpo melibatkan pengambilan data kebutuhan pengguna  melalui focus  group  discussion dengan  para developer dan designer .  Pada  tahapan  pengujian dilakukan  dengan  matriks task  completion  time, success/fail, number of clicks, dan number of asking help kepada  10  partisipan  berumur  18-23  tahun  dengan  latar
belakang  yang  beragam  seperti  ibu  rumah  tangga, pengusaha,  pengacara  dengan  tingkat  literasi  penggunaan teknologi  yang  baik.  Pada  hasil  pengujian  menunjukkan bahwa metode IDM lebih unggul karena memiliki konten arsitektur  informasi  yang  lengkap  dan  detail.  Sementara itu,  dalam  literatur  lain,  yakni  penelitian  yang  dilakukan oleh  Zaki  [14],  dilakukan  perancangan  website  untuk tujuan  adopsi  dan  donasi  anak  yatim  piatu.  Penelitian  ini juga  melakukan  perbandingan  antara  IDM  dan Card Sorting Hasil  penelitian  ini  menunjukkan  bahwa  metode IDM  lebih  unggul  dibandingkan Card  Sorting karena IDM  memiliki  interaksi  antar  pengguna  dan  produk  yang lebih kompleks sehingga pada setiap tahapan perancangan IDM dilakukan dengan detail.

## B. Strategy Planes
Pada  tahapan  ini  merupakan  tahap  analisis  untuk melakukan  identifikasi  tentang  kebutuhan  pengguna  dan cara  menyelesaikan  tugasnya  [5].  Oleh  karena  itu, pengambilan  data  dilakukan  dengan  wawancara  semi terstruktur  kepada  15  narasumber  untuk  memperoleh informasi  data  yang  lebih  lengkap  dan  menentukan kebutuhan pengguna dalam perancangan  UI/UX, yaitu 10 orang pegawai tetap dari berbagai divisi yang berbeda dan 5  orang  HR.  Sebagian  besar  narasumber  merupakan lulusan  dari  Balai  Latihan  Kerja  Industri  (BLKI) Balikpapan,  Kalimantan  Timur  sehingga  para  pegawai hanya  berfokus  kepada  kegiatan  industri  yang  dipilih dengan tingkat literasi penggunaan teknologi yang standar. Setelah melakukan wawancara, maka dilakukan penentuan kebutuhan pengguna (user needs) bagi pegawai, yaitu:
1. Tampilan  informatif  dan  dapat  dilihat  dengan jelas,
2. Warna  identik  dengan  PT  Grace  Technic, yaitu warna merah dan biru,
3. Memiliki fitur login dan logout,
4. Memiliki fitur pengisian formulir cuti dan izin meninggalkan pekerjaan,
5. Memiliki fitur riwayat cuti, izin meninggalkan pekerjaan dan slip gaji,
6. Memiliki  fitur  profil  biodata  pegawai  secara personal,
7. Melihat status permohonan yang diajukan,
8. Melihat slip gaji secara personal.
Sementara  itu user  needs bagi  HR  adalah  sebagai berikut:
1. Memiliki fitur rekap absen,
2. Mengatur  data  pegawai  dari  aktif  menjadi non-aktif,
3. Memiliki fitur pembuatan slip gaji,
4. Memproses status pengajuan permohonan dari pegawai.
C. Scope Planes
Scope  planes  merupakan  tahapan  dalam  menentukan skenario  dan  spesifikasi  pengguna  dari  setiap  fitur  yang akan  dikembangkan  pada  perancangan  produk  [12]. Spesifikasi  pengguna  dibuat  berdasarkan  deskripsi  fitur yang terdapat pada kebutuhan pengguna (user needs) .
T ABEL 3. 1 S PESIFIKASI K EBUTUHAN P EGAWAI Fungsi Spesifikasi Login dan Logout Sistem HRIS menampilkan halaman login untuk masuk dan logout untuk keluar Pengajuan permohonan cuti Sistem HRIS menyediakan formulir untuk diisi oleh pegawai, yaitu mengajukan cuti (cuti besar dan cuti tahunan) Pengajuan permohonan izin meninggalkan pekerjaan Sistem HRIS menyediakan formulir izin meninggalkan pekerjaan agar dapat diisi oleh pegawai. Pengajuan permohonan kompensasi cuti Sistem HRIS menyediakan formulir bagi pegawai yang ingin mengajukan kompensasi cuti Slip gaji Pegawai dapat melihat slip gaji bulanan pegawai Riwayat slip gaji Pegawai dapat melihat riwayat slip gaji dalam jangka waktu tertentu Profil pegawai Pegawai dapat melihat dan mengedit identitas diri Status permohonan cuti Pegawai dapat melihat status permohonan cuti mulai dari diajukan sampai keputusan ditolak atau disetujui Status permohonan izin meninggalkan pekerjaan Pegawai dapat melihat status permohonan izin meninggalkan pekerjaan mulai dari diajukan sampai keputusan ditolak atau disetujui Status permohonan kompensasi cuti Pegawai dapat melihat status permohonan kompensasi cuti mulai dari diajukan sampai keputusan ditolak atau disetujui Riwayat permohonan cuti
Pegawai dapat melihat riwayat cuti sesuai dengan waktu yang dipilih pegawai Riwayat permohonan izin meninggalkan pekerjaan Pegawai dapat melihat riwayat cizin meninggalkan pekerjaan sesuai dengan waktu yang dipilih pegawai Riwayat permohonan kompensasi cuti Pegawai dapat melihat riwayat permohonan kompensasi cuti sesuaidengan waktu yang dipilih pegawai
T ABEL 3. 2
S PESIFIKASI F UNGSIONAL HR Fungsi Spesifikasi Rekap absen pegawai HR dapat merekap absen pegawai, melihat, dan mengunduh Manajemen data pegawai HR dapat mengubah data diri pegawai dan mengubah status pegawai dari aktif menjadi non-aktif Membuat slip gaji HR dapat membuat slip gaji baru bagi pegawai yang dihubungkan dengan payroll pada divisi Finance (Keuangan) Memproses permohonan cuti pegawai HR dapat memproses permohonan cuti pegawai serta memberi keputusan dalam pengajuannya Memproses permohonan izin meninggalkan pekerjaan HR dapat memproses permohonan izin meninggalkan pekerjaan dari pegawai serta memberi keputusan dalam pengajuannya
Memproses permohonan kompensasi cuti HR dapat memproses permohonan kompensasi cuti pegawai serta memberi keputusan dalam pengajuannya
Skenario  pengguna  merupakan  cerita  singkat  yang dibuat  dari  karakter  persona  dengan  menggunakan kebutuhan  pengguna (user  needs) sesuai  segmentasinya, Adapun  segmentasi  skenario  pengguna  dibagi  menjadi dua,  yaitu  skenario  pengguna  pegawai  dan  skenari pengguna HR. Berikut merupakan skenario pengguna bagi pegawai:
Andika  Yusuf,  yang  sering  disebut  Andika,  adalah seorang pegawai berusia 27 tahun di PT Grace Technic. Ia menjabat  sebagai  Welder.  Dengan  pengalaman  kerja selama  7  tahun,  Andika  memiliki  hak  cuti  besar.  Andika perlu  mengisi  formulir  permohonan  cuti  besar  dan mengirimkannya  kepada  manajer  dan  HR.  Dalam  sistem manual,  proses  pengajuan  cuti  Andika  melibatkan kunjungan ke ruangan resepsionis di bagian depan kantor. Pengisian formulir masih dilakukan  menggunakan kertas, dan semua formulir disimpan oleh resepsionis. Permohonan  cuti  tersebut  kemudian  diajukan  oleh manajer kepada HR. Proses persetujuan dari manajer dan HR membutuhkan waktu yang bervariasi tergantung pada ketersediaan  dan  lokasi  fisik  mereka.  Andika  juga  sering lupa  untuk  menyimpan  slip  gajinya  karena  setiap  bulan menerima  surat  keterangan  slip  gaji.  Penggunaan  HRIS (Human  Resources  Information  System) dengan  tampilan yang  menarik  dan  sesuai  kebutuhan sangat  membantu Andika dalam mengajukan cuti besar tanpa perlu mengisi formulir  kertas.  Sebelum  mengajukan  cuti  besar,  ia dapat melihat  riwayat  slip  gaji,  riwayat  permohonan,  dan  slip gaji bulan ini melalui HRIS. Setelah memeriksa informasi tersebut,  Andika  dapat  mengajukan  cuti.  Andika  merasa nyaman  menggunakan  HRIS  karena  tampilannya  yang kontras dan sesuai dengan identitas visual Grace Technic. Ini  memudahkan  Andika  untuk  mengakses  berbagai  fitur dalam  sistem  ini.  Ia  dapat  mengakses  HRIS  dengan menggunakan komputer desktop.
Selain  itu  juga  terdapat  skenario  pengguna  pada  HR sebagai berikut:
Indah  Diana  adalah  seorang  pegawai  di  PT  Grace Technic  yang  berusia  31  tahun.  Dia  telah  bekerja  di perusahaan  ini  selama  5  tahun  dan  menjabat  sebagai bagian  HR.  Selama  ini,  Indah  biasanya  mencatat kehadiran  pegawai  dengan  menggunakan  fingerprint, namun dia menganggap metode ini kurang praktis karena harus mencatat kehadiran setiap pegawai secara manual.
Selain itu, Indah juga menghadapi kendala dalam proses persetujuan  permohonan  pegawai  yang  sangat  banyak, sehingga memerlukan waktu yang lama untuk memeriksa data yang relevan dengan permohonan yang diajukan oleh pegawai.  Data-data  pegawai  masih  disimpan  dalam desktop  lokal,  yang  mengakibatkan  masalah  jika  terjadi kerusakan pada perangkat tersebut. Oleh karena itu, data- data harus disimpan sebagai cadangan di komputer kantor.
Indah  sering  mendapat  masukan  dari  pegawai  agar pembuatan slip gaji menjadi lebih praktis. Dengan adanya perancangan  UI/UX  HRIS  di  PT  Grace  Technic,  dia berharap  agar  tampilan  proses  rekap  kehadiran  dapat terintegrasi  secara  langsung,  slip  gaji  dapat  dibuat  secara online  dengan  mengirimkan  data  payroll  kepada  divisi
Keuangan,  serta  pengiriman  surat  keterangan  slip  gaji dapat dilakukan secara online. Hal ini akan mempermudah pengolahan  permohonan  pegawai  dan  pengelolaan  data- data pegawai melalui sistem HRIS ini.
D. Structure Planes
Pada  tahapan structure  planes dilakukan  perancangan arsitektur  informasi  dan  desain  interaksi.  Pembentukan arsitektur  informasi  perlu  memperhatikan  kemudahan yang  akan  didapatkan  oleh  pengguna  dalam  mengakses segala  informasi  yang  ada  pada  prangkat  lunak  [12]. Tahapan  ini  melakukan  dua  metode,  yaitu Hybrid  Card Sorting dan IDM.
1. Hybrid Card Sorting
Pada  metode  ini  dilakukan  pengujian  dengan Opntimal  Workshop kepada  pegawai  dan  HR  selaku pengguna,  terdapat  kartu-kartu  yang  dapat  disusun  oleh pegawai,  yaitu  laporan  penggajian,  riwayat  penggajian, pengajuan  cuti,  pengajuan  kompensasi  cuti,  pengajuan izin  meninggalkan  pekerjaan,  riwayat  izin  meninggalkan pekerjaan,  riwayat  cuti  dan  kompensasi  cuti,  status permohonan  cuti  dan  kompensasi  cuti,  dan  status permohonan  izin  meninggalkan  pekerjaan.  Adapun kategori  yang  telah  disusun  terlabih  dahulu  oleh  peneliti pada pengujian ini adalah ‘Izin Meninggalkan Pekerjaan’, ‘Cuti’,  dan  ‘Profil  Saya’.  Setelah  melakukan  pengujian, maka  didapatkan  hasilnya  dalam  visualisasi  berbentuk dendrogram  dengan persentase  100% pegawai  setuju  jika ‘Profil Pribadi’ menjadi kategori yang berdiri sendiri dan kartu  laporan  penggajian  serta  riwayat  penggajian  masuk dalam kategori  ‘Slip Gaji’. Sementara  itu bagi persentase yang  berada  dibawah  100%  akan  diambil  persentase terbesarnya [13]  dengan  metode best  merge  method yang berfokus kepada partisipan yang kurang dari 30 orang [14].
Gambar 3. 1 Dendrogram Hybrid Card Sorting Pegawai
Untuk  mempermudah  membaca  hasil  pengujian Hybrid Card  Sorting pada  pegawai,  maka  disajikan  dalam hierarchy  task  analysis (HTA)  yang  merupakan  susunan menu-menu konten pada suatu sistem sesuai pada Gambar 3.2.
Gambar 3. 2 Hierarchy Task Analysis Pegawai
Selain menguji pada pegawai, metode ini diuji kepada HR dengan kategori yang disusun oleh peneliti, yaitu ‘Slip
Gaji’ dan ‘Cuti’. Setelah melakukan pengujian kepada HR, maka  didapatkan  hasil  pengujian  yang  ditampilkan  pada dendrogram dalam Gambar 3.3 di mana persentase setuju 100%  antara  lain  pada  kategori  profil  pribadi,  lalu  pada kartu laporan penggajian, riwayat penggajian dan slip gaji pegawai  menjadi  satu  kategori  baru  dengan  nama  ‘Slip Gaji’.  Bagi  nilai  persentase  yang  berada  di  bawah  100% maka  akan  dibuat  pula  kategori  baru  berdasarkan persentase paling besar dibawah 100%.
Gambar 3. 3 Dendrogram Hybrid Card Sorting HR
Pada  hasil pengujian HR juga dibuat HTA yang sesuai dengan hasil dendrogram pengujian untuk mempermudah pembacaan dan  menyusun susunan menu pada rancangan tampilan  HRIS  sesuai  pada  Gambar  3.4  di  mana  menu yang  berwarna  hijau  merupakan  menu  yang  hanya  dapat diakses oleh HR.
Gambar 3. 4 Hierarchy Task Analysis HR
2. Interactive Dialogue Model (IDM)
Pada  metode Interactive  Dialogue  Model (IDM) terdapat tiga tahapan utama dalam merancang metode ini, yaitu Conceptual  Interactive  Dialogue  Model (C-IDM), Logical  Interactive  Dialogue  Model (L-IDM),  dan Page Interactive  Dialogue  Model (P-IDM).  Metode  ini  dapat digunakan pada perancangan pada suatu multichannel atau perangkat tertentu [4].
2.1. Conceptual Interactive Dialogue Model (C-IDM) Tahapan  C-IDM  merupakan  tahapan  yang  digunakan untuk  membuat  konsep  dari  hasil  pengambilan  data sebelumnya.  C-IDM  tidak  bergantung  pada  perangkat tertentu  karena  pada  tahapan  ini  membuat  konseptual susunan  menu  dan  informasi  di  dalamnya  [4].  Terdapat tiga parameter utama dalam C-IDM, yaitu topic, group of topic, dan relevant relation. Topik merupakan menu yang disusun  dalam  C-IDM  di  mana  memiliki  dua  tipe,  yaitu single  topic yang  tidak  memiliki  cabang  informasi dibawahnya  dan multiple  topic yang  memiliki  cabang informasi  dibawahnya.  Adapun  cabang  dalam multiple topic disebut dengan group of topic.
Pada perancangan UI/UX HRIS bagi pegawai terdapat single  topic seperti  ‘Struktur  Organisasi’,  ‘Pengaduan’, Profil  Saya’,  Keuntungan  dan  Fasilitas’,  ‘Anggota  Tim’, ‘Penggajian’, ‘Bantuan’, dan ‘Dokumen Saya’. Sementara itu multiple  topic pada  perancangan  UI/UX  HRIS  ini
adalah ‘Permohonan’,  ‘Proses  Permohonan’,  dan ‘Riwayat’.
Selain  itu  juga  terdapat  hubungan  relevan  ( relevant relation )  merupakan  hubungan  yang  dapat  dikaitkan  dari topic satu ke topic lainnya sehingga menjadi relevan [14]. Pada  topic  ‘Permohonan’  menghubungkan  relasi  dengan ‘Riwayat’ memiliki  kardinalitas  1:N (one-to-many), di mana  satu  permohonan  dapat  menghasilkan  banyak riwayat,  tetapi  setiap  riwayat  hanya  berasal  dari  satu permohonan.    Selanjutnya,  pada  topic  ‘Riwayat’ dan ‘Permohonan’ memiliki    kardinalitas  N:1 (many-to-one) di  mana  banyak  riwayat  dapat  menyimpan  satu permohonan, lalu terdapat pula relasi antara ‘Permohonan’  dan  ‘Proses  permohonan’  dengan kardinalitas  1:N.  tampilan  struktur  konseptual  menu  C- IDM dapat dilihat pada Gambar 3.5.
Gambar 3. 5 C-IDM Pegawai
Pada  HR  juga  terdapat single  topic yang  hanya  dapat diakses  oleh  HR , yaitu  ‘Presensi  Pegawai’  dan ‘Manajemen Data  Pegawai’. Sementara  itu, terdapat pula single  topic yang  digunakan  HR  sebagai  peran  pegawai pula, seperti yang terlihat pada Gambar 3.6. HR memiliki multiple topic berupa ‘Manajemen Permohonan Pegawai’, ‘Manajemen Penggajian Pegawai’, dan ‘Rekap Absen’. Adapun  hubungan  relevan (relevant  relation) pada  C- IDM  dengan  akses  sebagai  HR  adalah  hubungan  antara ‘Manajemen permohonan’, ‘Rekap absen’ dan ‘Manajemen  penggajian  pegawai’.  Pada  ‘Manajemen permohonan  pegawai’  memiliki  kardinalitas  1:N  ( one-to- many )  ke  ‘Manajemen  penggajian  pegawai’  karena  satu permohonan  pegawai  dapat  mempengaruhi  penggajian pegawai.  Hubungan  relevan  lainnya  adalah  ‘Manajemen permohonan  pegawai’  dan  ‘Rekap  absen’.  Manajemen permohonan  pegawai  memiliki  kardinalitas  1:N  ( one-to- many)  karena  satu  permohonan  izin  pegawai  dapat menghasilkan  tambahan  rekap absen yang banyak. Selain itu  juga  terdapat  relasi  antara  ‘Rekap  absen’  dengan ‘Manajemen penggajian pegawai’ dengan kardinalitas 1:N. Tampilan C-IDM pada HR dapat dilihat pada Gambar 3.6 di bawah ini.
2.2. Logical Interactive Dialogue Model (L-IDM) Setelah  melakukan  pembuatan  konsep  susunan  desain arsitektur  informasi  pada  C-IDM,  dilanjutkan  pada tahapan L-IDM di mana menambahkan detail menu-menu pada  susunan  desain  arsitektur  informasi.  Terdapat  tiga aksi sebagai parameter utama pada L-IDM, yaitu dialogue act,  introductory  act, dan transition  act. Dialogue  act merupakan detail konten dari topic [14]. Adapun dialogue act yang  digunakan  seperti  dalam topic L-IDM  pegawai, yaitu ‘Permohonan’  terdapat dialogue act cuti, kompensasi  cuti,  dan  izin  meninggalkan  pekerjaan.  Pada aksi  ini  juga  memiliki  tampilan  default,  yaitu  tampilan yang  pertama  kali  diakses  oleh  pengguna.  Tampilan default  pada dialogue  act ini  memiliki  tanda underline dalam struktur L-IDM untuk membedakan dengan konten lainnya. Contoh tampilan default adalah dialogue act cuti pada topik ‘Permohonan’. Artinya pengguna saat pertama kali  mengakses  menu  ‘Permohonan’  akan  ditampilkan halaman cuti terlebih dahulu. Introductory act merupakan bentuk lain dari group of topic pada C-IDM, sehingga isi dari aksi tersebut memiliki isi konten yang sama. Transition  act merupakan  aksi  transisi  dari  halaman satu  ke  halaman  lainnya  sesuai  dengan relation pada  C- IDM.  Salah  satu  penggunaan transition  act pada  tahapan L-IDM  dengan  akses  sebagai  pegawai  pada  perancangan UI/UX  HRIS  ini  adalah  antara  relasi  ‘Permohonan’ dan ‘Proses  Permohonan’ karena  pegawai  akan  mengajukan permohonan, jika telah selesai mengisi seluruh data maka pegawai akan melihat proses permohonan secara berkala. Transisi  ini  memiliki  kardinalitas  1:N  di  mana  satu permohonan  dapat  memiliki  banyak  permohonan  yang diproses.  Tampilan  L-IDM  pegawai  dapat  dilihat  pada Gambar 3.7.

## Gambar 3. 7 L-IDM Pegawai
Selain  pegawai,  terdapat  pula  L-IDM  bagi  HR  yang memiiliki dialogue  act seperti  pada topic ‘Manajemen permohona  pegawai’  adalah  pemrosesan  permohonan, persetujuan  permohonan  dan  penolakan  permohonan. Dialogue  act lainnya,  yaitu topic ‘Rekap  absen’  adalah data kehadiran pegawai dan data ketidahkadiran pegawai. Introductory act pada HR juga sama seperti group of topic pada  C-IDM  di  mana  pada  ‘Rekap  absen’  memiliki introductory  act berupa  semua,  hadir  dan  tidak  hadir. Topic ‘Manajemen  permohonan  pegawai’  memiliki introductory  act cuti,  kompensasi  cuti,  dan  perizinan meninggalkan  pekerjaan. Tampilan  L-IDM  HR  dapat dilihat pada Gambar 3.8.

## Gambar 3. 8 L-IDM HR
E. Skeleton Planes
Pada  tahapan skeleton  planes melakukan  perancangan tampilan low-fidelity secara  digital  menggunakan  Figma baik  metode Hybrid  Card  Sorting dan  IDM  pada segmentasi  pengguna  pegawai  dan  HR.  Perancangan wireframes secara  digital  ini  memberikan  struktur tampilan  yang  lebih  jelas  baik  dalam  representasi  visual maupun fungsional  [16]. Sebelum membuat perancangan wireframes, dibuat  komparasi  desain  arsitektur  informasi pada  kedua  metode  guna  mendapatkan  perbedaan tampilan antarmuka antara kedua metode.
T ABEL 3. 3 K OMPARASI D ESAIN A RSITEKTUR I NFORMASI H YBRID C ARD S ORTING DAN IDM
Metode Hybrid Card Sorting IDM Desain arsitektur informasi disusun secara horizontal
Tujuannya  adalah  memberikan efek whitespace atau  ruang  lebih banyak  sehingga  lebih  terlihat minimalis, menghemat ruang, konsistensi dan keseragaman Desain  arsitektur  informasi disusun secara vertikal Tujuannya agar dapat memanfaatkan  ruang  layer desktop  yang  lebih  lebar, menampung  banyak  menu,
kemudahan untuk mengakses menu dan konsistensi
Detail sitemap berdasarkan  jenis permohonan yang diajukan pengguna,  yaitu  Slip  Gaji,  Cuti dan Izin Meninggalkan Pekerjaan
Detail sitemap berdasarkan fungsinya, yaitu Penggajian, Permohonan, Proses Permohonan,
Setelah membuat komparasi desain arsitektur informasi, dibuat wireframes pada  kedua  metode  dan  kedua  segmen pengguna. Tampilan wireframes secara berurutan ditampilkan pada Gambar 3.9 untuk metode Hybrid Card Sorting pegawai, Gambar 3.10 untuk metode Hybrid Card Sorting HR,  Gambar  3.11  untuk  IDM  pegawai,  dan Gambar 3.12 untuk IDM HR.
Gambar 3. 9 Wireframe Hybrid Card Sorting Pegawai
Gambar 3. 10 Wireframe Hybrid Card Sorting Pegawai
Gambar 3. 11 Wireframe IDM Pegawai
Gambar 3. 12 Wireframe IDM Pegawai F. Surface Planes
Surface planes merupakan tahapan untuk mengimplementasikan hasil kerangka desain dari wireframes yang  dibuat  pada  tahapan skeleton  planes ke dalam  bentuk high-fidelity dan  prototipe  [13].  Pada perancangan high-fidelity, warna yang digunakan merupakan  warna  biru  muda  sesuai  dengan  kebutuhan pengguna  di  mana  menginginkan  warna  dominan  yang memiliki  ciri  khas  dengan  PT  Grace  Technic,  yaitu  biru muda dan merah. Berikut merupakan tampilan antarmuka high-fidelity berurutan  pada  Gambar  3.13  merupakan high-fidelity metode Hybrid  Card  Sorting pegawai, Gambar  3.14 high-fidelity metode Hybrid  Card  Sorting HR, Gambar 3.15 high-fidelity metode IDM pegawai dan Gambar 3.16 high-fidelity metode IDM HR.
Gambar 3. 13 High-fidelity Hybrid Card Sorting Pegawai Gambar 3. 14 High-fidelity Hybrid Card Sorting HR
Gambar 3. 16 High-fidelity IDM HR
G. A/B Testing
Pada  tahapan  A/B  testing  dilakukan  perbandingan metode  antara  metode Hybrid  Card  Sorting dan  IDM. Pengujian  dilakukan  dengan tools Maze  yang  memiliki matriks direct  success (DS), indirect  success (IDS), bounce  rate (BR), misclicked  rate (MR),  dan average duration (AD). Pegawai dan HR akan diberikan task yang berbeda  dalam  melakukan  pengujian.  Daftar  penugasan dapat dilihat pada Tabel 3.4 dan Tabel 3.5.
T ABEL 3. 4 T ASK P ENGUJIAN P EGAWAI
No. Task 1.
Login sebagai pegawai 2. Melihat Profil Pribadi 3. Melihat slip gaji bulanan & riwayat slip gaji
4. Mengajukan permohonan cuti 5. Mengajukan Permohonan Izin Meninggalkan Pekerjaan
6. Melihat riwayat cuti dan kompensasi cuti 7. Melihat riwayat izin meninggalkan pekerjaan 8. Mengajukan kompensasi cuti
T ABEL 3. 5 T ASK P ENGUJIAN HR No.
Task
1.
Login sebagai HR 2. Masuk ke dashboard HR 3. Melihat Profil Pribadi 4. Melihat permohonan pegawai 5. Memproses permohonan pegawai 6. Melihat slip gaji pegawai 7. Membuat slip gaji baru 8. Mengubah data pada manajemen data pegawai 9. Memindahkan pegawai aktif menjadi pegawai non-aktif
10. Melihat rekap absen pegawai yang hadir dan yang tidak hadir

## 1. A/B Testing Pegawai
Pada  pengujian  A/B  testing  pada  pegawai  dilakukan kepada  10  orang  pegawai  yang  sama  dengan  narasumber wawancara.
T ABEL 3. 6
A/B T ESTING P EGAWAI M ETODE H YBRID C ARD S ORTING
Task A/B Testing Matrix (Hybrid Card Sorting) MIUS
DS IDS BR MR AD
Login sebagai pegawai 100% 0% 0% 14.3% 12s 97 Melihat Profil Pribadi 100% 0% 0% 0% 17.5s 99
Melihat slip gaji bulanan & riwayat slip gaji 80% 20% 0% 17.2% 38.7s 84 Mengajukan permohonan cuti 88.9% 11.1% 0% 12.9% 38.3s 87 Mengajukan Permohonan Izin Meninggalkan Pekerjaan 80% 20% 20% 23.6% 32.7s 74 Melihat riwayat cuti dan kompensasi cuti 100% 0% 0% 0% 7.1s 100 Melihat riwayat izin meninggalkan pekerjaan 60% 40% 30% 21.6% 29.5s 64 Mengajukan kompensasi cuti 100% 0% 0% 3.6% 13.8s 98 Maze Usability Score (MAUS) 89 T ABEL 3. 7
A/B T ESTING P EGAWAI M ETODE IDM Task A/B Testing Matrix (IDM) MIUS DS IDS BR MR AD
Login sebagai pegawai 100% 0% 0% 14.3% 12s 97 Melihat Profil Pribadi 100% 0% 0% 4.8% 29.6s 95 Melihat slip gaji bulanan & riwayat slip gaji 100% 0% 0% 16.7% 14.1s 90 Mengajukan permohonan cuti 90% 10% 0% 28.1% 59s 88 Mengajukan Permohonan Izin Meninggalkan Pekerjaan 70% 30% 10% 15.1% 33.7s 74 Melihat riwayat cuti dan kompensasi cuti 71% 29% 0% 23.3% 35.7s 71 Melihat riwayat izin meninggalkan pekerjaan 60% 40% 30% 21.6% 29.5s 64 Mengajukan kompensasi cuti 90% 10% 0% 28.4% 28.9s 89 Maze Usability Score (MAUS) 86
Setelah  pengujian  menggunakan  penentuan  nilai  dari MAUS, didapatkan hasil usabilitas masuk ke dalam skala penilaian tinggi dengan nilai 89 pada metode Hybrid Card Sorting dan  nilai  86  pada  IDM.  Setelah  tahapan  A/B testing dilakukan,  perlu  menilai satisfaction  metrics menggunakan  kuesioner  SUS  dengan  skala  likert  dari  1 sampai  5  berjumlah  10  pernyataan.  Hasil  SUS  dapat dilihat pada Gambar 3.17.

## Gambar 3. 17 Skor SUS A/B Testing Pegawai
Hasil  kalkulasi  nilai  SUS  antar  metode,  didapatkan skor  SUS  pegawai  pada  metode Hybrid  Card  Sorting memiliki  skor  SUS  84.25  masuk  pada adjective  ratings ‘Good’ dengan  kategori  B.  dan  pada  IDM  memiliki  skor SUS  72.5  masuk  pada adjective  ratings  ‘Good’ dan kategori C.
2. A/B Testing HR
Pada  pengujian  A/B  testing  pada  pegawai  dilakukan kepada  5  orang  HR  yang  sama  dengan  narasumber wawancara.  Pengujian  dilakukan  dengan  menguji task yang  sesuai  pada  Tabel  3.7.  Pengujian  ini  dilakukan  dua kali,  yaitu  untuk  metode Hybrid  Card  Sorting dan  IDM. Hasil pengujian dapat diliat pada Tabel 3.8 dan Tabel 3.9.
T ABEL 3. 8
A/B T ESTING HR M ETODE H YBRID C ARD S ORTING Task A/B Testing Matrix MIUS DS IDS BR MR AD Login sebagai HR 100% 0% 0% 56.5% 141.8s 92 Masuk ke dashboard HR 100% 0% 0% 13% 15.6s 94 Melihat Profil Pribadi 80% 20% 0% 41.2% 29.2s 69 Melihat permohonan pegawai 0% 100% 60% 84.7% 51.1s 13 Memproses permohonan pegawai 20% 80% 20% 62.2% 48.8s 48 Melihat slip gaji pegawai 0% 100% 20% 93.6% 125s 11 Membuat slip gaji baru 0% 100% 0% 39.5% 94.1s 49 Mengubah data pada manajemen data pegawai 40% 60% 40% 74.4% 45s 25 Maze Usability Score (MAUS) 59
T ABEL 3. 9 A/B T ESTING HR M ETODE H YBRID C ARD S ORTING Task A/B Testing Matrix
MIUS DS IDS BR MR AD
Login sebagai HR 100% 0% 0% 0% 10.5s 100 Masuk ke dashboard HR 100% 0% 0% 0% 4.4s 100 Melihat Profil Pribadi 80% 20% 20% 74.1% 5.1s 70 Melihat permohonan pegawai 60% 40% 20% 21.4% 20.5s 56
Memproses permohonan pegawai 100% 0% 0% 0% 16.9s 100 Melihat slip gaji pegawai 80% 20% 20% 31.8% 10.8s 74 Membuat slip gaji baru 60% 40% 20% 47.1% 51.8s 69 Mengubah data pada manajemen data pegawai 100% 0% 0% 28.6% 18.5s 90
Maze Usability Score (MAUS) 77
Setelah  dilakukan  A/B testing, didapatkan  hasil usabilitas  metode Hybrid  Card  Sorting dengan  nilai  59 dan  metode  IDM  dengan  nilai  77.  Setelah  tahapan  A/B testing dilakukan, selanjutnya adalah melakukan kuesioner  SUS  kepada  HR  dengan  hasil  pada  Gambar 3.18.

## Gambar 3. 18 Skor SUS A/B Testing HR
Hasil  skor  SUS  yang  didapatkan  pada  HR  dengan metode Hybrid  Card  Sorting memiliki  skor  86.5  yang masuk  pada  kategori  B  dengan adjective  ratings ‘Excellent’ dan pada IDM memiliki skor 85.5 yang masuk pada kategori B dengan adjective ratings ‘Excellent’.

## IV. K ESIMPULAN
Berdasarkan  hasil  pengujian  diketahui  bahwa  telah berhasil  dirancang  tampilan  antarmuka  HRIS  pada website  PT  Grace  Technic  yang  dapat  diterima  dengan baik oleh pengguna.
Hasil  pengujian A/B  testing tampilan  pegawai menujukkan  bahwa  metode Hybrid  Card  Sorting lebih unggul (nilai A/B  testing 89  dan  skor  SUS  84.25) dibandingkan  metode IDM  (nilai A/B  testing 86 dan  skor SUS 72.5) Hal ini disebabkan pada dasarnya Hybrid Card Sorting berguna untuk menggali struktur mental pengguna khususnya  yang  belum  memahami  teknologi  secara mendalam. Selain itu Hybrid Card Sorting memungkinkan pengguna untuk menyusun label dan kartu sesuai  dengan  preferensi  mereka  sendiri  dan  juga berdasarkan  label  yang  telah  ditentukan  oleh  peneliti sebelumnya.
Hasil  pengujian A/B testing tampilan  HR  menunjukkan bahwa  metode  IDM  (nilai A/B  testing 77)  lebih  unggul dibandingkan  metode Hybrid  Card  Sorting (nilai A/B testing 59).  Hal  ini  disebabkan  karena  metode  IDM melakukan  rancangan  desain  arsitektur  informasi  dengan tahapan C-IDM, L-IDM, dan P-IDM sehingga menghasilkan susunan yang kompleks dan  detail di mana perancangan  tersebut  dikembangkan  oleh  peneliti. Sementara  itu  pada  sisi  kepuasan (satisfaction) kuesioner
SUS  HR,  metode Hybrid  Card  Sorting lebih  unggul dengan skor 86.5 dibandingkan metode IDM dengan skor 85.5.

## D AFTAR P USTAKA
[1]   N. J. Navimipour and Z. Soltani, "The impact of cost, technology acceptance and employees' satisfaction on the effectiveness of the electronic customer relationship management systems," Computer in Human Behavior , pp. 1052-1066, 2016.
[2]   Rivai, Manajemen Sumber Daya Manusia untuk Perusahaan: dari Teori ke Praktik, Raja Grafindo Persada: Jakarta, 2010.
[3]   L.  Y.  Conrad  and  V.  M.  Tucker,  "Making  it  tangible:  hybrid  card sorting  within  qualitative  interviews," Journal  Of  Documentation Emerald Insight, vol. 75, pp. 397-416, 2018.
[4]   D. Bolchini and P. Paolini, "Interactive Dialogue Model: A Design Technique for Multichannel Applications," IEEE, vol. 18, pp. 529- 541, 2006.
[5]   J.  J.  Garrett,  The  Elements  of  User  Experience:  User  Centered Design For The Web, 2010.
[6]   S.  Pan  and  Z.  Wang,  "The  Exploration  of  Smart  Object  Design Method—Applying  User  Experience  Five  Elements  for  Smart Object  Design  from Theory Research  to  Design  Practice," Journal of Physics: Conference Series, vol. 1027, 2019.
[7]   Z. Asdarianto, "PERANCANGAN USER EXPERIENCE PEBISNIS PADA SISTEM PEMASARAN WARALABA PRODUK  UMKM  SISTEM  PEMASARAN  WARALABA PRODUK UMKM," Institut Pertanian Bogor, 2017.
[8]   D.  R.  Gemina,  "Perancangan  User  Interface  Situs  Web  E-Letter UIN Jakarta Menggunakan Metode Five Planes," Skripsi UIN Syarif Hidayatullah Jakarta, 2020.
[9]   R. P. Agusdin, . A. Salsabila and D. . A. K. Putri, "Designing User Experience  Design  of  the  Healthy  Diet  Mobile  Application  Using the  Fives  Planes  Framework," Jurnal  Buana  Informatika, vol.  12, pp. 11-20, 2021.
[10]  D. Bolchini and P. Paolini, "Interactive Dialogue Model: A Design Technique  for  Multichannel  Applications," IEEE, vol.  8,  pp.  529- 541, 2006.
[11]  P.  R.  Utami,  F.  Ardiansyah  and  M.  Zubair,  "Perancangan  User Experience  Menggunakan  Metode  Five  Planes  Pada  Aplikasi Mobile  Kode  Funding  Di  PT  Kodetag  Global  Teknotama," Jurnal Sains terapan IX, vol. 9, pp. 55-69, 2019.
[12]  M.  W.  P.  Dananjaya,  G.  Indrawan  and  Sariyasa,  "Perancangan Tampilan  Aplikasi  Pembelajaran  Pinandita  dengan  Metode  Five Planes,  Heuristic  Evaluation,  Concurrent  Think  Aloud,  Serta Cognitive  Walkthrough," JURIKOM (Jurnal  Riset Komputer), vol. 9 , pp. 92-101, 2022.
[13]  R.  P.  Dewi,  M.  Kania  and  V.  Effendy,  "Design  Recommendation Information  Architecture  of  Hospital  Website  Using  Bottom-Up Approach  on  Card  Sorting  Method," Intl.  Journal  on  ICT, vol.  5, no. 2, pp. 20-31, 2019.
[14]  T. Zaki, Z. Sultana, S. M. A. Rahman and M. Islam, "Exploring and Comparing  the  Performance  of  Design  Methods  Used  for Information  Intensive  Websites," MIST  International  Journal  of Science and Technology, 2020.
[15]  S.  Paea,  C.  Katsanos  and  G.  Bulivou,  "Information  Architecture: Using Best Merge Method, Category Validity, and Multidimensional  Scaling  for  Open  Card  Sort  Data  Analysis," International Journal of Human–Computer Interaction, 2022.
[16]  A. V. Junilla, "Perancangan UI/UX Microservice Sistem Informasi Akademik Kampus  dengan  Metode  The  Five  Planes  (Studi  Kasus: AIS  Mahasiswa  UIN  Jakarta0," UIN  Syarif  Hidayatullah  Jakarta, 2021.
[17]  M. A. Pushpo, Z. Tasneem, S. Tasfa, A. Aziz and M. N. Islam, "A Comparative  Study on the  Effectiveness of  IDM  and  Card  Sorting Method  for  Autism  Specialized  School  Website," International Conference  on  Computer  and  Information  Technology  (ICCIT) IEEE, pp. 224-229, 2022.