Peremajaan Antarmuka SIMDIKLAT dengan Metode User-Centered Design (UCD) 
Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Peremajaan Antarmuka SIMDIKLAT dengan Metode User-Centered Design ( UCD ) Chory Ayu Zulfaida ( 221810224 , 4SI1 ) Dosen Pembimbing : Lutfi Rahmatuti Maghfiroh , S.S.T. , M.T. Ringkasan— Pusat Pendidikan dan Pelatihan ( Pusdiklat ) Badan Pusat Statistik yang berkedudukan sebagai pelaksana dan penyelenggara diklat membangun SIMDIKLAT sebagai sarana pengelolaan kegiatan diklat. Berdasarkan wawancara dengan staf Bagian Umum Pusdiklat BPS , Pusdiklat BPS mengusulkan untuk melakukan peremajaan antarmuka SIMDIKLAT. Untuk menganalisis permasalahan secara lebih jauh , penelitian diawali dengan evaluasi heuristik antarmuka SIMDIKLAT dan mendapatkan hasil bahwa antarmuka SIMDIKLAT melanggar aturan usability Nielsen sehingga tujuan dari penelitian ini adalah melakukan peremajaan antarmuka SIMDIKLAT guna meningkatkan usability antarmuka pengguna SIMDIKLAT. Peremajaan dilakukan pada antarmuka peran Peserta Diklat. Penelitian dilakukan dengan menggunakan metode User- Centered Design melalui 3 kali iterasi. Hasil dari iterasi ke-1 berupa wireframe , iterasi ke-2 berupa mockup , dan iterasi ke-3 berupa prototype. Setelah dilakukan 3 kali iterasi , evaluasi heuristik kembali dilakukan pada hasil desain antarmuka dan mendapatkan hasil yang jauh lebih baik daripada antarmuka SIMDIKLAT yang mana sebelumnya terdapat 8 major usability problem turun menjadi 2 minor usability problem. Kata Kunci— Pusdiklat , Peserta Diklat , Evaluasi Heuristik , Peremajaan I. LATAR BELAKANG Pusat Pendidikan dan Pelatihan ( Pusdiklat ) BPS , dalam Perka BPS nomor 7 tahun 2008 , berkedudukan sebagai pelaksana penyelenggaraan pendidikan dan pelatihan ( diklat ) prajabatan dan kepemimpinan serta teknis dan fungsional [ 1 ] . Untuk mencapai pengelolaan dan pengembangan layanan diklat yang modern dan akuntabel [ 2 ] , Pusdiklat membangun sistem manajemen kegiatan diklat yang bernama Sistem Informasi dan Manajemen Pusdiklat ( SIMDIKLAT ) sebagai sarana pengumpulan , pengolahan , dan penyebaran informasi yang berkaitan dengan kegiatan diklat [ 3 ] . Pada wawancara yang dilakukan dengan salah satu Staf Bagian Umum yang bertanggung jawab pada Pusdiklat BPS , menyatakan bahwa SIMDIKLAT beroperasi sejak tahun 2015 dan terus dilakukan pengembangan menu-menu baru guna mendukung manajemen kegiatan diklat , sedangkan tampilan interface ( antarmuka ) SIMDIKLAT belum pernah dilakukan peremajaan atau pembenahan antarmuka sama sekali. Menurut narasumber , pembangunan antarmuka SIMDIKLAT belum disusun dengan baik sesuai kebutuhan pengguna sehingga narasumber mengusulkan perlunya peremajaan antarmuka pada SIMDIKLAT dan berharap bahwa peremajaan tersebut dapat mempermudah pengguna untuk mengakses menu-menu yang ada pada SIMDIKLAT. Oleh karena itu untuk memahami kekurangan antarmuka SIMDKLAT lebih lanjut , penelitian ini diawali dengan proses evaluasi antarmuka dan selanjutnya dilakukan proses desain dan efisien ( efficiency ) , berdasarkan hasil tersebut untuk memenuhi usability pengguna dalam memenuhi tujuan tertentu secara efektif ( effectiveness ) , memuaskan ( satisfaction ) [ 4 ] . Metode yang digunakan adalah evaluasi heuristik dimana terdapat pihak evaluator yang memberikan penilaian antarmuka sistem tersebut [ 5 ] . Metode evaluasi heuristik dapat menghasilkan hasil terbaik dalam menemukan lebih banyak masalah pada antarmuka dengan biaya yang rendah dibandingkan metode evaluasi lainnya [ 6 ] serta sebaiknya diimplementasikan pada tahap awal pengembangan [ 7 ] . Evaluasi heuristik didasarkan pada 10 aturan heuristik Nielsen sebagai indikator usability untuk menggambarkan masalah yang ada pada desain antarmuka [ 8 ] . Penetapan hasil evaluasi heuristik didasarkan pada severity ratings Nielsen yang terbagi menjadi empat kategori [ 9 ] dan hasil evaluasi heuristik pada antarmuka SIMDIKLAT menunjukan bahwa 8 dari 10 aturan heuristik Nielsen merupakan major usability problem ( prioritas penting untuk diperbaiki ) dan 2 sisanya merupakan minor usability problem rendah untuk diperbaiki ) . Sehingga , dapat ( prioritas disimpulkan bahwa antarmuka SIMDIKLAT memerlukan pembenahan dengan mendesain kembali antarmuka yang telah ada. Proses mendesain antarmuka harus melalui suatu iterasi berdasarkan hasil evaluasi pada setiap iterasinya [ 10 ] . bahwa produk untuk memastikan Penelitian ini menggunakan metode iteratif User-Centered Design ( UCD ) , yaitu metode yang dapat digunakan oleh desainer yang dikembangkan dapat memenuhi kebutuhan pengguna [ 11 ] . Proses UCD menitikberatkan partisipasi pengguna untuk memperjelas konteks penggunaan produk [ 12 ] dan dapat menghasilkan produk yang relevan kepada pengguna diantaranya sistem menjadi mudah dipelajari , efisien , dan memberi kepuasan kepada pengguna [ 15 ] . Pada setiap iterasi UCD dihasilkan desain dengan fidelity ( ketepatan ) yang berbeda [ 13 ] yaitu wireframe , mockup [ 14 ] , serta prototype dengan terminologi yang dapat digunakan [ 13 ] . Oleh karena itu , pada penelitian ini dilakukan peremajaan antarmuka SIMDIKLAT menggunakan metode User Centered Design ( UCD ) berdasarkan 10 aturan heuristik Nielsen dengan produk berupa desain antarmuka SIMDIKLAT dengan ketepatan yang berbeda yaitu wireframe , mockup , dan prototype. II. TUJUAN PENELITIAN Tujuan penelitian ini adalah melakukan peremajaan antarmuka pengguna Sistem Informasi dan Manajemen Pusdiklat ( SIMDIKLAT ) untuk meningkatkan usability pengguna berdasarkan 10 aturan heuristik Nielsen dengan metode User Centered Design ( UCD ) . 1 / 8 III. PENELITIAN TERKAIT Penelitian tentang peremajaan antarmuka SIMDIKLAT ini memiliki keterkaitan pada beberapa penelitian yang telah ada. Yang pertama adalah penelitian yang dilakukan oleh L. Manzari dan Trinidad-Christensen mengenai penerapan metode User-Centered Design ( UCD ) untuk mendesain ulang website perpustakaan Universitas Long Island [ 15 ] . Selain menerapkan metode UCD , evaluasi heuristik digunakan sebagai metode evaluasi antarmuka pada tahap awal proses desain lalu hasil dari evaluasi heuristik digunakan sebagai dasar rancangan desain pada iterasi pertama metode UCD dan hal itulah yang diterapkan pada proses peremajaan antarmuka SIMDIKLAT ini. Perbedaannya adalah hasil setiap iterasi penelitian ini hanya dengan high-fidelity prototype. Penelitian tentang „Using Usability Heuristics To Evaluate Patient Safety Of Medical Devices’ oleh Zhang , Johnson , Patel , Paige , & Kubose [ 16 ] digunakan sebagai acuan pelaksanaan evaluasi heuristik. Hal ini berkaitan dengan rentang ratings ) beserta perhitungannya. Yang membedakan adalah aturan heuristik yang digunakan pada penelitian J. Zhang dkk menggunakan aturan gabungan Nielsen dan Shneiderman sedangkan pada peremajaan antarmuka SIMDIKLAT menggunakan 10 aturan heuristik Nielsen. tingkat keparahan ( severity IV. METODE PENELITIAN Proses peremajaan antarmuka SIMDIKLAT ini mengalami beberapa tahapan yang diawali dengan studi literasi , diikuti oleh evaluasi antarmuka SIMDIKLAT , identifikasi masalah , peremajaan desain antarmuka SIMDIKLAT dengan metode UCD , dan pada tahap terakhir akan dilakukan perbandingan antara antarmuka awal dengan antarmuka yang telah dilakukan perbaikan dengan evaluasi heuristik. Secara garis besar , penelitian ini akan melewati tahapan seperti Gambar 1. Pada proses studi literasi , dilakukan pencarian literasi terkait dengan SIMDIKLAT , literasi terkait metode terbaik untuk mengevaluasi antarmuka serta metode pengembangan yang akan dilakukan pada proses peremajaan antarmuka SIMDIKLAT. Selanjutnya dilakukan evaluasi antarmuka menggunakan metode evaluasi heuristik. Penentuan evaluator pada penelitian ini didasarkan pada penelitian Tan , Liu , dan Bishu yang menyatakan bahwa jika terdapat dua evaluator ahli maka dibutuhkan satu evaluator lainnya yang merupakan pengguna sistem sebenarnya dan juga menyarankan untuk menggunakan evaluator expert di bidang usability , Human Computer Interaction , maupun seseorang yang memiliki pengalaman dalam pengembangan antarmuka [ 6 ] . Hal tersebut dikarenakan bahwa penggunaan dua orang expert sebagai evaluator dapat menemukan 60 % dari permasalahan usability pada antarmuka dimana hal tersebut 2,7 kali lebih baik daripada menggunakan pengguna sistem saja dan 1,5 kali lebih baik daripada menggunakan satu orang expert saja [ 6 ] . Pelaksanaan evaluasi heuristik diawali dengan evaluator melihat antarmuka sistem dilanjutkan dengan penjelasan aturan usability sebagai indikator evaluasi [ 16 ] . Aturan usability pada penelitian ini adalah 10 aturan heuristik Nielsen dan disusun menjadi beberapa pertanyaan untuk memudahkan evaluator memahami konteks aturan heuristik yang disusun Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik berdasarkan penelitian Mangiaracina dan Marchetti [ 18 ] . Nielsen menetapkan tingkat keparahan usability menjadi empat kategori yatu usability catastrophe ( perlu dilakukan perbaikan sebelum produk rilis ) , major usability problem ( prioritas penting untuk diperbaiki ) , minor usability problem ( prioritas rendah untuk diperbaiki ) , dan cosmetic problem only ( diperbaiki jika terdapat sisa waktu ) [ 9 ] . Hasil dari evaluasi heuristik adalah identifikasi masalah pada antarmuka sistem berdasarkan indikator 10 aturan Nielsen yang telah diterapkan pada evaluasi heuristik. Tahap selanjutnya setelah identifikasi masalah adalah tahap peremajaan desain antarmuka SIMDIKLAT yang dilakukan dengan metode User-Centered Design ( UCD ) . Pada Gambar 1 , terlihat bahwa tahapan metode UCD pada penelitian ini mengalami iterasi atau perulangan. Metode UCD yang digunakan pada penelitian ini menggunakan panduan yang dijabarkan oleh ISO 13407 pada tahun 1999 [ 17 ] dalam empat tahapan , diantaranya adalah : a ) Understand and specify the context of use Pada proses ini dilakukan analisis karakteristik pengguna , konteks penggunaan sistem oleh pengguna , serta bagaimana lingkungan pengguna ketika menggunakan sistem. Proses ini dilakukan dengan mewawancarai yang pertanyaannya disusun secara terstruktur berdasarkan penelitian Jokela , Iivari , Matero , dan Karukka [ 12 ] . SIMDIKLAT pengguna b ) Specify the user and organizational requirements bertujuan ini dan Proses untuk menganalisis sehingga fungsional kebutuhan didapatkan batasan yang jelas antara kebutuhan pengguna dan organisasi dalam penggunaan sistem. Proses ini dilakukan dengan melakukan wawancara bersama narasumber sebagai subject matter yang berkaitan langsung dengan SIMDIKLAT. sistem c ) Produce design solutions Dilakukan proses desain antarmuka berdasarkan hasil evaluasi heuristik di awal proses yang dielaborasikan dengan dua tahap UCD sebelumnya. Pada setiap iterasi UCD menghasilkan produk desain dengan tingkat fidelity ( ketepatan ) yang berbeda , dimana desain akan semakin baik pada iterasi berikutnya [ 13 ] . Pada penelitian ini , produk desain iterasi pertama berupa wireframe [ 14 ] , pada iterasi kedua berupa mockup , yaitu wireframe dengan desain yang lebih nyata dan detail [ 14 ] , dan pada iterasi ketiga berupa prototype , dengan kondisi navigasi dan terminologi antarmuka lainnya dapat digunakan oleh pengguna [ 13 ] . d ) Evaluate designs against requirements. Pada penelitian ini , produk desain yang telah dihasilkan akan dilakukan evaluasi kembali oleh pengguna. Menurut A. Joyce [ 19 ] evaluasi desain dapat dilakukan dengan menggunakan metode Formative Evaluation yang memfokuskan apakah rancangan desain telah sesuai dengan kebutuhan pengguna atau tidak beserta alasannya. Metode ini cocok untuk digunakan pada tahap prototype ( low- 2 / 8 fidelity maupun high-fidelity ) yang membutuhkan beberapa kali perubahan desain. Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik evaluasi heuristik sebelumnya. Kondisi ideal yang harus dicapai adalah 10 aturan heuristik Nielsen tidak terlanggar dengan kategori cosmetic problem only dan not a problem at all. Oleh karena itu , peremajaan antarmuka SIMDIKLAT dapat dikatakan meningkatkan usability pengguna. Gambar 2. Flowchart Kerangka pikir penelitian VI. HASIL DAN PEMBAHASAN A. Analisis Sistem Gambar 1. Flowchart Metode Penelitian Iterasi metode UCD pada penelitian dilakukan sebanyak tiga kali , sesuai rekomendasi Nielsen [ 10 ] . Setelah desain solusi pada iterasi ke-3 telah dihasilkan akan dilakukan evaluasi kembali menggunakan metode evaluasi heuristik. Hal ini dilakukan guna membandingkan proses peremajaan antarmuka SIMDIKLAT yang telah diperbarui dengan antarmuka sistem sebelumnya. V. KERANGKA PIKIR Kerangka pikir penelitian ini ditampilkan pada Gambar 2 yang diawali dengan evaluasi heuristik untuk mengidentifikasi masalah. Berdasarkan hasil wawancara dengan subject matter terkait dibutuhkannya pembenahan antarmuka SIMDIKLAT , dilakukan evaluasi pada antarmuka guna mengidentifikasi permasalahan yang sebenarnya. Oleh karena itu , peremajaan antarmuka SIMDIKLAT diawali dengan evaluasi heuristik. Hasil evaluasi heuristik menunjukkan bahwa antarmuka SIMDIKLAT melanggar 10 aturan heuristik Nielsen dimana 8 diantaranya masuk ke dalam kategori major usability problems dan 2 sisanya merupakan minor usability problems sehingga perlu dilakukan peremajaan pada antarmuka SIMDIKLAT untuk meningkatkan usability pengguna. Proses peremajaan menggunakan metode UCD ( User Centered Design ) yaitu metode yang melibatkan pengguna dalam prosesnya dengan tujuan hasil dari pembenahan antarmuka relevan dengan kebutuhan pengguna. Hasil peremajaan antarmuka SIMDIKLAT akan dilakukan evaluasi heuristik kembali untuk membandingkan hasil peran pembagian 3. Dalam Dilakukan wawancara bersama staf Bagian Umum Pusdiklat BPS sebagai subject matter untuk mendapatkan kejelasan mengenai fungsionalitas dan peran SIMDIKLAT dalam kegiatan Pusdiklat BPS. Berdasarkan wawancara tersebut , dapat dijabarkan fungsionalitas SIMDIKLAT secara garis besar yang digambarkan pada use case Gambar pengguna SIMDIKLAT terlihat bahwa Peserta Diklat juga dapat bertindak sebagai Widyaiswara BPS , Pengelola Bidang , Bagian Umum , dan / atau hanya menjadi Peserta Diklat saja sehingga dapat dikatakan bahwa selama seseorang merupakan pegawai PNS aktif dalam lingkungan BPS dan Pusdiklat BPS , seseorang tersebut merupakan Peserta Diklat. Perbedaan peran dari pengguna SIMDIKLAT ini berdampak banyaknya fitur yang dapat diakses oleh pengguna dan tidak terlalu memengaruhi tampilan antar- peran pengguna. Selain itu , narasumber menyarankan cakupan peremajaan antarmuka SIMDIKLAT dibatasi pada antarmuka Peserta Diklat terlebih dahulu dikarenakan mayoritas Peserta Diklat. Fungsionalitas SIMDIKLAT pada peran Peserta Diklat mencakup fungsionalitas yang dijabarkan pada usecase Gambar 4 yang selengkapnya dijelaskan pada Tabel I. pengguna merupakan Selain dilakukannya sesi wawancara dengan subject matter , dilakukan wawancara pula bersama Peserta Diklat sebanyak 3 orang yang merupakan peserta diklat Pusdiklat BPS yang sedang mengikuti Pelatihan Dasar CPNS Golongan III Tahun 2021. Dari hasil wawancara didapatkan hasil bahwa dua dari narasumber bekerja sebagai staf seksi neraca wilayah dan satu lainnya merupakan staf penugasan statistisi lanjutan. 3 / 8 Gambar 3. Use case diagram aktor pada sistem SIMDIKLAT Gambar 4. Use case diagram Peserta Diklat pada sistem SIMDIKLAT Use Case Login Cek Informasi Diklat Penunjang Diklat Mengakses Panduan Penggunaan Sistem Usulan Calon Peserta K / L TABEL I DESKRIPSI USE CASE PADA GAMBAR 4 Penjelasan Setiap pengguna SIMDIKLAT diwajibkan melakukan Login terlebih dahulu menggunakan username dan password Peserta diklat dapat melihat informasi mengenai diklat yang diikutinya. Selain itu , peserta dapat melakukan use case lainnya melalui Cek Informasi Diklat yaitu : - - - Update Biodata dan Dokumen Evaluasi Pengajar Evaluasi Pelaksanaan Diklat Merupakan fitur yang dapat diakses oleh peserta diklat untuk menunjang peserta diklat diantaranya adalah : - Mengakses kalender kegiatan Pusdiklat BPS Cek seluruh daftar pengajar Cek bahan pengajar - - Setiap pengguna dapat mengakses panduan penggunaan sistem SIMDIKLAT yang ditampilkan dalam file pdf. Setiap peserta diklat dapat mengusulkan pegawai Kementerian / Lembaga selain BPS untuk melaksanakan diklat di Pusdiklat BPS Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Use Case Penjelasan Mengakses 4 Menu Diklat Merupakan laman daftar diklat dimana Pusdiklat membagi kegiatan diklat menjadi 4 kategri diantaranya : - - - - Diklat Kepemimpinan Pelatihan Dasar Diklat Fungsional Diklat Teknis Setiap peserta diklat dapat mengakses menu tersebut dan melihat daftar diklat yang telah dilaksanakan oleh Pusdiklat BPS. Berdasarkan wawancara tersebut , Peserta Diklat biasanya menggunakan SIMDIKLAT untuk melakukan kegiatan diantaranya : 1. Administrasi data diri dan pengumpulan dokumen diklat , 2. Melihat daftar peserta dalam satu angkatan diklat , 3. Melihat daftar pengajar yang mengampu setiap materi , 4. Melihat jadwal pelaksanaan , dan 5. Mencari panduan administrasi diklat. Peserta Diklat biasanya mengakses SIMDIKLAT di pagi hari melalui laptop maupun PC ( Personal Computer ) yang terhubung dengan jaringan internet. Dari wawancara dengan subject matter dan Peserta Diklat , dirumuskan cakupan use cases yang akan dilakukan peremajaan antarmuka , yaitu : 1. Cek Informasi Diklat a. Update Biodata dan Dokumen b. Evaluasi Pengajar c. Evaluasi Pelaksanaan Diklat 2. Penunjang Diklat a. Mengakses Kalender Kegiatan Diklat 3. Mengakses Panduan Penggunaan Sistem 4. 4 Menu Diklat B. Task Analysis Task Analysis atau Analisis Tugas merupakan metode untuk menganalisis dan mempelajari bagaimana pengguna dapat meraih menyelesaikan suatu tugas ( task ) secara terstruktur [ 13 ] . Proses Task Analysis atau Analisis tugas pada penelitian ini dilakukan dengan mengobservasi alur penggunaan SIMDIKLAT secara langsung. Task Analysis akan dipresentasikan dengan diagram HTA ( Hierarchical Task Analysis ) . Terdapat 6 tugas ( task ) berdasarkan hasil Analisis Sistem. Salah satu task analysis dilakukan pada Tugas 1 yaitu Cek Informasi Dilklat yang dapat dilihat pada Gambar 5. Peserta Diklat ingin melakukan pengecekan informasi diklat yang sedang diikuti. Untuk mencapai tugas tersebut , peserta harus melakukan login , lalu menuju navigation bar dan klik menu “Diklat” hingga memilih “Daftar Peserta” dan memperoleh tujuannya. Berdasarkan 6 tugas yang telah dijabarkan , sebagian besar tugas diakses melalui menu yang ada pada navigation bar dan melalui menu “Diklat” yang mana dari hasil observasi alur penggunaannya fleksibel dan redundant. tidak 4 / 8 Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Gambar 6. Grafik hasil evaluasi heuristik Aturan Heuristik Visibility of system status Match between system and the real world User control and freedom Flexibility and efficienty of use Consistency and standards Recogniton rather than recall Error prevention Help users recognize , diagnose , and recover from error Aesthetic and minimalist design TABEL IV DAFTAR KRITIK DAN SARAN Kritik dan Saran pada Mungkin yang memerlukan beberapa tahapan bisa diberi timeline history beberapa fitur Penggunaan Simdiklat lebih dibuat to the point sesuai dengan kebutuhan pengguna ( dalam hal ini adalah peserta diklat ) Fitur-fitur yang ada dapat disesuaikan tempatnya sehingga fleksibel , mudah diakses dan digunakan. Akses menu perlu dipusatkan dan dibuat lebih konsisten Kejelasan antar-icon masih minim Feedback setelah upload atau menyimpan data sebaiknya perlu diadakan agar tahu letak kesalahan input ada dimana Konten seperti huruf , icon , dan objek lainnya terlalu kecil. Tampilan antarmuka terkesan kurang menarik antarmuka Desain identitas instansi Pusdiklat BPS kurang menampilkan Help and documentation Diberi FAQ atau panduan penggunaan yang jelas. Dari hasil perancangan wireframe dihasilkan 11 desain wireframe dan berikut beberapa penjelasan mengenai proses desain diantaranya adalah : a. Laman Login b. Landing page c. Laman Informasi Diklat d. Daftar Diklat e. Form Evaluasi Pengajar f. Update Biodata g. Unggah Dokumen h. Hasil Pengisian Biodata dan Dokumen i. Form Evaluasi Pelaksanaan Diklat j. Laman Daftar Panduan k. Laman Kalender Kegiatan 5 / 8 Gambar 5. Diagram HTA tugas cek informasi diklat C. Hasil Evaluasi Antarmuka Evaluasi heuristik ini dilakukan oleh empat evaluator , dua diantaranya Peserta Diklat yang sedang aktif menggunakan lainnya merupakan ahli dengan SIMDIKLAT dan dua pengalaman pembangunan antarmuka sistem. Hasil dari evaluasi heuristik digambarkan pada Gambar 6 , Tabel II , dan Tabel III. Pada Tabel I , antarmuka SIMDIKLAT melanggar aturan usability dimana 8 dari 10 aturan heuristik mengalami major usability problem ( prioritas penting untuk diperbaiki ) : TABEL II HASIL EVALUASI HEURISTIK MAJOR PROBLEMS Aturan Heuristik Nielsen ke- Rata-rata Visibility Of System Status 1 2 Match Between System And The Real World 3 User Control And Freedom Consistency And Standards 4 Recognition Rather Than Recall 6 Flexibility And Efficiency Of Use 7 Help Users Recognize , Diagnose , and Recover from Errors 9 10 Help and Documentation 2,68 3,37 2,56 2,70 2,87 2,80 2,80 2,40 dan 2 diantaranya minor usability problem ( prioritas rendah untuk diperbaiki ) , yaitu : TABEL III HASIL EVALUASI HEURISTIK MINOR PROBLEMS Aturan Heuristik Nielsen ke- Rata-rata 5 Error Prevention 8 Aesthetic And Minimalist Design 2,5 2,00 Selain itu terdapat beberapa saran dan kritik dari para evaluator terkait keluhan penggunaan SIMDIKLAT yang dijabarkan pada Tabel IV. D. Iterasi ke-1 Pada iterasi ke-1 , merupakan proses perancangan wireframe dilakukan menggunakan tool Figma. Perancangan desain antarmuka secara garis besar dilakukan pada tatanan layout dan tatanan konten pada laman sehingga untuk icon , logo , dan konten-konten spesifik lainnya belum disertakan pada desain. Berikut adalah salah satu penjelasan mengenai desain wireframe yang dilaksanakan pada penelitian ini yaitu pada laman login. TABEL V HASIL FORMATIVE EVALUATION PERTANYAAN 3 No Desain Masukan , Saran , Kritik dari Pengguna Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik 1 Laman Login 2 Landing page  Berikan gambar yang lebih menarik dan sesuai dengan system maupun instansi  Lebih baik juga diberikan fasilitas tombol “Lupa Password” bagi pengguna  Sertakan pula tombol login SSO Di kanan ada harusnya ada hyperlink menuju FAQ , atau link download tata cara penggunaan Gambar 7. Laman login SIMDIKLAT 3 4 Laman Daftar Diklat Berikan FAQ pada setiap kolom yang didefinisikan Tampilan skala penilaian terlihat sangat penuh / padat. Mungkin : 1. Antar aspek penilaian diberi jarak lagi ; atau 2. Penilaian bisa menggunakan skala 5. 3. Tampilan judul pengajar dan pemateri dibuat lebih mencolok Mungkin dapat diberikan judul tombol berbeda untuk upload file dan upload kembali agar tidak terlalu sama. Tambahan fitur tombol download dan / atau read adalah opsional. Rancangan laman pun dirasa sudah baik tanpa tombol opsional tersebut. Form Evaluasi Pengajar 5 Unggah Dokumen Laman Daftar Panduan 7 8 Laman Kalender Kegiatan Diperkirakan penempatan informasi disetiap tanggalnya 1. Pemilihan Warna Menurut Google Material Design , color atau warna terbagi menjadi 3 yatiu primary color , secondary color , dan suface & background color. Lalu SIMDIKLAT dikelola oleh Pusdtiklat BPS , dimana warna BPS didominasi warna biru , orange , dan hijau. Sehingga peneliti merumuskan warna yang digunakan dalam kode HEX diantaranya adalah : - Primary color : # 063C5F # 0A588A - - Secondary color : Surface & background color : # FF960F # 000000 # 898989 # C4C4C4 Gambar 8. Ranangan wireframe laman login SIMDIKLAT Terdapat beberapa hal yang perlu diperhatikan pada Gambar 7 , laman login SIMDIKLAT tidak menunjukan pesan error prevention pengguna dalam pengisian username dan password. Lalu , gambar latar login tidak mencerminkan identitas instansi ataupun sistem. Oleh karena itu peneliti merancang wireframe laman login seperti pada Gambar 8 dimana terdapat nama instansi terkait beserta nama sistem „Simdiklat‟ , form pengisian username dan password disertai pesan kesalahan ( jika terjadi kesalahan pengisian ) . Setelah dilakukan proses desain wireframe , seluruh wireframe dilakukan evaluasi. Evaluasi dilaksanakan oleh 6 evaluator Peserta Diklat yang sedang melaksanakan Pelatihan Dasar CPNS Golongan III Tahun 2021. Evaluasi dilakukan dengan mengajukan pertanyaan berdasarkan kajian A. Joyce [ 19 ] dengan hasil sebagai berikut : 1. Seluruh evaluator menyetujui desain wireframe yang diajukan 2. Evaluator memahami rancangan wireframe kecuali terdapat satu evaluator yang tidak memahami penggunaan laman utama penggunaan Selanjutnya para evaluator memberi masukan pada masing- - Error Color masing wireframe yang dipetakan pada Tabel V. # BE1A00 E. Iterasi ke-2 Proses pengembangan mockup pada iterasi 2 merupakan tahap pengembangan wireframe dari segi visual dimana pada penelitian ini proses desain dilakukan dengan penentuan warna , size atau ukuran , typography , bentuk , penentuan icon dan logo. Selain itu hasil mockup merupakan hasil perbaikan dari desain wireframe. 2. Penentuan Size Penentuan ukuran dimulai dengan penentuan resolusi desain 1920x1080 px , diikuti dengan penentuan ukuran margin dimana pada penelitian ini menggunakan kelipatan 4px untuk setiap kenaikan ukuran. 6 / 8 3. Pemilihan Typography Pada pemilihan typogaphy , penelitian ini menggunkan tipe Sans Serif dengan tipe font yaitu “Inter”. Font “Inter” merupakan font yang layak digunakan pada layar komputer salah satunya seperti website karena dapat digunakan untuk berbagai ukuran tulisan. 4. Pemilihan Icon Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik dimana navigasi dan terminologi pada desain sudah dapat digunakan. Untuk merujuk ke kondisi sistem yang sebenarnya , Google Material Design memberikan beberapa pemahaman terkait “State” atau yang dinamakan dengan kondisi status suatu elemen antarmuka seperti active , disable , pressed , hover , dan lain-lain. Salah satunya adalah desain form input pada Tabel VI : TABEL VI DESAIN STATE PROTOTYPE PADA BAGIAN FORM Desain prototype Icon yang digunakan merujuk pada Google Material Symbol dan mencakup penentuan icon dan controls 5. Perubahan Bentuk Desain Pada iterasi ke-2 , terjadi perubahan desain pada tingkat wireframe , salah satunya adalah pada desain laman login. Perubahan ditujukan pada Gambar 9 yang tombol “Lupa Password” dan pemberian tombol login melalui SSO. terjadi pada penambahan State Empty Active Filled Error Gambar 9. Rancangan mockup laman login SIMDIKLAT 6. Evaluasi Desain Mockup Pada evaluasi iterasi ke-2 , evaluator yang sama dari iterasi ke-1 melakukan evaluasi terhadap desain mockup dengan diberikan pertanyaan berdasarkan kajian milik Maner [ 21 ] . Hasil dari evaluasi tersebut adalah evaluator : 1. Tidak menemukan bagian desain mockup yang dan kesalahan penggunaan menyebabkan pengisian 2. Merasa bahwa desain mockup tidak menyebabkan pengerjaan tugas menjadi lebih lama 3. Tidak menemukan kesulitan dalam menggunakan desain mockup 4. Setuju terkait penentuan desain dari segi warna , typography , bentuk , size , dan pemilihan icon. Selain itu , evaluator tidak mengalami kesulitan dalam penggunaan desain , melainkan memberi masukan pada tampilan tabel agar tidak terlalu monoton baiknya diberi diselingi warna abu-abu dan putih. F. Iterasi ke-3 Dari hasil evaluasi pada iterasi ke-2 , desain mockup mendapat reaksi yang positif dari para evaluator sehingga , pada iterasi ke-3 , akan dilakukan pengembangan prototype menggunakan tool Figma. Prototype merupakan kondisi Pada iterasi ke-3 , dilakukan evaluasi heuristik serta formative evaluation pada prototype yang dihasilkan. Formative evaluation dilakukan sama seperti iterasi ke-2 dengan evaluator yang sama berjumlah 6 orang. Hasil dari formative evaluation iterasi ke -3 dapat disimpulkan bahwa , pengguna : 1. Tidak menemukan bagian desain prototype yang menyebabkan kesalahan penggunaan dan pengisian tidak menyebabkan 2. Merasa bahwa prototype pengerjaan tugas menjadi lebih lama 3. Tidak menemukan kesulitan dalam menggunakan desain prototype 4. Setuju terkait penentuan desain seperti hover , user- flow , dan terminologi. Pengguna berhasil mendemonstrasikan tugas-tugas yang dijabarkan pada task analysis. Keluhan yang diberikan oleh pengguna adalah prototype belum dapat digunakan secara maksimal dimana pengguna tidak dapat melakukan pengisian langsung dikarenakan keterbatasan fitur dari figma yang hanya dapat menampilkan efek input saja. secara input form Selanjutnya , evaluasi heuristik juga dilakukan kembali pada hasil prototype dengan evaluator yang sama pada evaluasi heuristik awal tahap evaluasi antarmuka. Hasil evaluasi heuristik pada prototype menunjukkan hanya 2 minor usability problem yang muncul pada hasil desain antarmuka SIMDIKLAT yaitu :  Help Users Recognize , Diagnose , and Recover from Errors  Error Prevention 7 / 8 Selebihnya , 8 aturan heuristik Nielsen lainnya mendapatkan penilaian kategori cosmetic problems. Hasil perbandingan antara evaluasi heuristik yang dilakukan pada awal penelitian dengan evaluasi heuristik iterasi ke-3 didapatkan pada Tabel VII bahwa penelitian ini sudah menjawab kerangka penelitian yang telah ditentukan. TABEL VII PERBANDINGAN HASIL EVALUASI HEURISTIK 10 Aturan Heuristik Nielsen 2 1 Visibility Of System Status Match Between System And The Real World User Control And Freedom Consistency And Standards Error Prevention Recognition Rather Than Recall Flexibility And Efficiency Of Use Aesthetic And Minimalist Design Help Users Recognize , Diagnose , and Recover from Errors 10 Help and Documentation 3 4 5 6 7 8 9 Kategori Awal Major Akhir Cosmic Major Cosmic Major Major Minor Major Major Minor Cosmic Cosmic Minor Cosmic Cosmic Cosmic Major Minor Major Cosmic A. Kesimpulan VII. PENUTUP Penelitian ini merupakan penelitan mengenai peremajaan antarmuka SIMDIKLAT , yang diawali dengan melakukan wawancara kepada subject matter yaitu Pusdiklat BPS. Pusdiklat BPS mengusulkan adanya peremajaan antarmuka SIMDIKLAT. Oleh karena itu untuk memperjelas masalah pada antarmuka SIMDIKLAT , peneliti melakukan evaluasi heuristik dengan pengguna antarmuka didapatkan SIMDIKLAT SIMDIKLAT melanggar 10 aturan heuristik Nielsen. Selanjutnya dilakukan peremajaan menggunakan UCD ( User-Centered Design ) pada antarmuka Peserta Diklat. bahwa dan Hasil pada evaluasi heuristik awal didapat bahwa 8 dari 10 aturan heuristik Nielsen masuk pada kategori major usability problem , sedangkan pada hasil peremajaan didapat bahwa hanya 2 dari 10 aturan heuristik Nielsen masuk pada kategori minor usability problem yaitu Help Users Recognize , Diagnose , and Recover from Errors dan Error Prevention. Selain formative evaluation pada iterasi ke-3 menyatakan bahwa pengguna menyetujui antarmuka SIMDIKLAT. Berdasarkan hasil tersebut , peremajaan antarmuka SIMDIKLAT berhasil dilaksanakan dan dapat memperbaiki usability antarmuka pengguna berdasarkan 10 aturan heuristik Nielsen. Usability membaik dengan tanda hanya 2 aturan saja yang terlanggar dengan kategori minor problem. itu , dari hasil prototype desain hasil B. Saran kita untuk penelitian Kekurangan penelitian selanjutnya adalah penggunaan metode User-Centered Design membutuhkan waktu yang cukup lama dalam pelaksanaannya. Metode UCD dapat memberikan hasil yang sangat relevan kepada pengguna namun sebaiknya diperkirakan mengenai macam pengguna yang dimaksud Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik beserta waktu yang ditentukan untuk melaksanakan penelitian. C. Perubahan yang terjadi penelitian Sebelumnya , untuk melakukan 3 iterasi dimana iterasi ke-3 merupakan code- based prototype. Hal tersebut diubah mengingat ketidakcukupan waktu dalam pengembangan program setelah iterasi ke-2. direncanakan DAFTAR PUSTAKA [ 1 ] Jaringan Dokumentasi dan Informasi Hukum BPS. ( 2012,12 ) . Peraturan Kepala Badan Pusat Statistik Nomor 7 Tahun 2008 [ Online ] . Available : http : / / jdih.bps.go.id / file / produk_hukum / perka / P0820087.pdf [ 2 ] Pusat Pendidikan dan Pelatihan Badan Pusat Statisti. Visi Misi Pusdiklat BPS [ Online ] . Available : https : / / pusdiklat-bps.id / web / visimisi [ 3 ] M. H. A. Bit , Politeknik Statistika STIS. Pengembangan Simdiklat : Subsistem Manajemen Pengelolaan Asrama 2020 [ 4 ] The International Organization for Standardization ( ISO ) . ( 1998 ) . Ergonomic Requirements for Office Work with Visual Display Terminals Part [ Online ] . Available : : Guidance https : / / www.iso.org / standard / 16883.html usability 11 on [ 5 ] J. Nielsen , R. Molich , Heuristic Evaluation of User Interface. Proceedings of CHI‟90 ( Computer Human Interaction ) , 1990 , pp249256 [ 6 ] R. Jeffries , J. R. Miller , C. Wharton , K. M. Uyeda , User Inteface Evaluation in the Real World : A Comparison of Four Techniques Proceedings of CHI‟91 ( Computer Human Interaction ) , Jan 1991 [ 7 ] W. Tan , D. Liu , R. Bishu , Web Evaluation : Heuristic Evaluation vs. User Testing , International Journal of Industrial Ergonomics , pp 621627. 2009 [ 8 ] E. G. Holland , D. Whitmer , L. Moralez , M. Mouloua , Examination of the Use of Nielsen‟s 10 Usability Heuristics Outlooks for the Future. Proceeding of Human Factors and Ergonomics Society , 2017 , pp14721475 [ 9 ] Nielsen Norman Group. ( 1994 , 11 ) . Severity Ratings for Usability Problems [ Online ] . Available : https : / / www.nngroup.com / articles / how-to- rate-the-severity-of-usability-problems / [ 10 ] J. Nielsen , Bellcore , Iterative User –Interface Design , IEEE , vol 26 no. 11 , pp 3241 , Nov 1993 [ 11 ] T. Lowdermilk. User Centered Design : A Developer‟s Guide to building User-Friendly Applications. United States of America : O‟Reilly Media , Inc. 2013 [ 12 ] J. Timo , N. Iivari , The Standard of User-Centered Design and the Standard Definition of Usability : Analyzing ISO 13407 against ISO 9241-11 , International Conference Proceedings Series , pp 5360 , 2003 [ 13 ] J. Preece , Y. Rogers , H. Sharp. Interaction Design : Beyond Human- Computer Interaction. United States of America : John Wiley & Sons , Inc. 2002 [ 14 ] Lucidchart. Wireframes vs Mockups : Determining the right level of : project fidelity https : / / www.lucidchart.com / blog / wireframes-vs-mockups Available [ Online ] . your for [ 15 ] L. Manzari , J.T Christensen , User-Centered Design of a Web Site for Library and Information Science Students : Heuristic Evaluation and Usability Testing , Information Technology & Libraries , pp 163169 , 2013 [ 16 ] J.Zhang et.al. Using usability heuristics to evaluate patient safety of medical devices Rules. Journal of Biomedical Informatics 36 ( 2003 ) 23– 30 ( 2003 ) [ 17 ] The International Organzation for Standardization ( ISO ) . ( 1999 ) . Human- Centred Design Processes for Interactive Systems [ Online ] . Available : https : / / www.iso.org / standard / 21197.html [ 18 ] S Mangiaracina , P.G. Marchetti. WWW Interface Design , Driven by Heuristic Evaluation : The EINS-Web Project. Implementing the Common User Interface for Digital Library. 1999 [ 19 ] A.Joyce. Formative vs. Summative Evaluations [ Online ] . ( 2019 ) Available : https : / / www.nngroup.com / articles / formative-vs-summative- evaluations / [ 20 ] Google Material Design. Available : https : / / material.io / design [ 21 ] W.Maner. Formative Evaluation Procedure ( 1997 ) Available : https : / / web.cs.dal.ca / ~jamie / teach / WaltManer / Formeval.htm [ Online ] . 8 / 8
O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O B-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN O O O O O O O O O O O B-METODE I-METODE I-METODE I-METODE O O O O O O O O O O O O O O O O O O O O O B-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O B-TUJUAN I-TUJUAN I-TUJUAN O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O B-METODE I-METODE I-METODE I-METODE I-METODE O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O B-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O
Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Peremajaan Antarmuka SIMDIKLAT dengan Metode User-Centered Design ( UCD ) Chory Ayu Zulfaida ( 221810224 , 4SI1 ) Dosen Pembimbing : Lutfi Rahmatuti Maghfiroh , S.S.T. , M.T. Ringkasan— Pusat Pendidikan dan Pelatihan ( Pusdiklat ) Badan Pusat Statistik yang berkedudukan sebagai pelaksana dan penyelenggara diklat membangun SIMDIKLAT sebagai sarana pengelolaan kegiatan diklat. Berdasarkan wawancara dengan staf Bagian Umum Pusdiklat BPS , Pusdiklat BPS mengusulkan untuk melakukan peremajaan antarmuka SIMDIKLAT. Untuk menganalisis permasalahan secara lebih jauh , penelitian diawali dengan evaluasi heuristik antarmuka SIMDIKLAT dan mendapatkan hasil bahwa antarmuka SIMDIKLAT melanggar aturan usability Nielsen sehingga tujuan dari penelitian ini adalah melakukan peremajaan antarmuka SIMDIKLAT guna meningkatkan usability antarmuka pengguna SIMDIKLAT. Peremajaan dilakukan pada antarmuka peran Peserta Diklat. Penelitian dilakukan dengan menggunakan metode User- Centered Design melalui 3 kali iterasi. Hasil dari iterasi ke-1 berupa wireframe , iterasi ke-2 berupa mockup , dan iterasi ke-3 berupa prototype. Setelah dilakukan 3 kali iterasi , evaluasi heuristik kembali dilakukan pada hasil desain antarmuka dan mendapatkan hasil yang jauh lebih baik daripada antarmuka SIMDIKLAT yang mana sebelumnya terdapat 8 major usability problem turun menjadi 2 minor usability problem. Kata Kunci— Pusdiklat , Peserta Diklat , Evaluasi Heuristik , Peremajaan
VII. PENUTUP Penelitian ini merupakan penelitan mengenai peremajaan antarmuka SIMDIKLAT , yang diawali dengan melakukan wawancara kepada subject matter yaitu Pusdiklat BPS. Pusdiklat BPS mengusulkan adanya peremajaan antarmuka SIMDIKLAT. Oleh karena itu untuk memperjelas masalah pada antarmuka SIMDIKLAT , peneliti melakukan evaluasi heuristik dengan pengguna antarmuka didapatkan SIMDIKLAT SIMDIKLAT melanggar 10 aturan heuristik Nielsen. Selanjutnya dilakukan peremajaan menggunakan UCD ( User-Centered Design ) pada antarmuka Peserta Diklat. bahwa dan Hasil pada evaluasi heuristik awal didapat bahwa 8 dari 10 aturan heuristik Nielsen masuk pada kategori major usability problem , sedangkan pada hasil peremajaan didapat bahwa hanya 2 dari 10 aturan heuristik Nielsen masuk pada kategori minor usability problem yaitu Help Users Recognize , Diagnose , and Recover from Errors dan Error Prevention. Selain formative evaluation pada iterasi ke-3 menyatakan bahwa pengguna menyetujui antarmuka SIMDIKLAT. Berdasarkan hasil tersebut , peremajaan antarmuka SIMDIKLAT berhasil dilaksanakan dan dapat memperbaiki usability antarmuka pengguna berdasarkan 10 aturan heuristik Nielsen. Usability membaik dengan tanda hanya 2 aturan saja yang terlanggar dengan kategori minor problem. itu , dari hasil prototype desain hasil B. Saran kita untuk penelitian Kekurangan penelitian selanjutnya adalah penggunaan metode User-Centered Design membutuhkan waktu yang cukup lama dalam pelaksanaannya. Metode UCD dapat memberikan hasil yang sangat relevan kepada pengguna namun sebaiknya diperkirakan mengenai macam pengguna yang dimaksud Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik beserta waktu yang ditentukan untuk melaksanakan penelitian. C. Perubahan yang terjadi penelitian Sebelumnya , untuk melakukan 3 iterasi dimana iterasi ke-3 merupakan code- based prototype. Hal tersebut diubah mengingat ketidakcukupan waktu dalam pengembangan program setelah iterasi ke-2. direncanakan
melanggar aturan usability Nielsen sehingga tujuan dari penelitian ini adalah melakukan peremajaan antarmuka SIMDIKLAT guna meningkatkan usability antarmuka pengguna SIMDIKLAT. Peremajaan dilakukan pada antarmuka peran Peserta Diklat. Penelitian dilakukan dengan menggunakan metode User- Centered Design melalui 3 kali iterasi. Hasil dari iterasi ke-1 berupa wireframe iterasi ke-2 berupa mockup , dan iterasi ke-3 berupa prototype. Setelah dilakukan 3 kali iterasi , evaluasi heuristik kembali dilakukan pada hasil desain antarmuka dan mendapatkan hasil yang jauh lebih baik daripada antarmuka SIMDIKLAT yang mana sebelumnya terdapat 8 major usability problem turun menjadi 2 minor usability problem. Kata Kunci— Pusdiklat , Peserta Diklat , Evaluasi Heuristik , Peremajaan VII. PENUTUP Penelitian ini merupakan penelitan mengenai peremajaan antarmuka SIMDIKLAT , yang diawali dengan melakukan wawancara kepada subject matter yaitu SIMDIKLAT melanggar 10 aturan heuristik Nielsen. Selanjutnya dilakukan peremajaan menggunakan UCD ( User-Centered Design ) pada antarmuka Peserta Diklat. bahwa dan Hasil pada evaluasi heuristik and Recover from Errors dan Error Prevention. Selain formative evaluation pada iterasi ke-3 menyatakan bahwa pengguna menyetujui antarmuka SIMDIKLAT. Berdasarkan hasil tersebut , peremajaan antarmuka SIMDIKLAT berhasil dilaksanakan dan dapat memperbaiki usability antarmuka pengguna berdasarkan 10 aturan heuristik Nielsen. Usability membaik dengan tanda hanya 2 aturan saja yang terlanggar dengan kategori minor problem. itu , dari hasil prototype desain hasil B. Saran kita
O O O O O O O O O O B-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN O O O O O O O O O O O B-METODE I-METODE I-METODE I-METODE O O O O O O O O O O O O O O O O O O O O B-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN O O O O O O O O O O O O O O O O O O B-TUJUAN I-TUJUAN I-TUJUAN O O O O O O O O O O O O O O O O O O O O B-METODE I-METODE I-METODE I-METODE I-METODE O O O O O O O O O O O O O O O O O O O O B-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN O O O O O O O O O O