Perancangan Kembali Antarmuka Web BPS dengan Pendekatan User Centered Design 
Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Perancangan Kembali Antarmuka Web BPS dengan Pendekatan User Centered Design Chairunnisa Fauzia Samu ( 221810220 , 4SI2 ) Dosen Pembimbing : Lutfi Rahmatuti Maghfiroh , SST , MT Ringkasan— Pada tahun 2021 , Badan Pusat Statistik ( BPS ) menyelenggarakan Survei Kepuasan Pengguna Website ( SKPW ) . Hasil SKPW menunjukkan bahwa aspek pelayanan website BPS secara keseluruhan berada dalam kategori baik , namun masih ada beberapa aspek yang nilai kepuasannya masih kurang , di antaranya yaitu kemudahan navigasi , kemudahan mencari produk , ketertarikan tampilan website , dan ketepatan penyusunan tata letak. Berdasarkan hasil SKPW 2021 , pengguna menyatakan bahwa aspek-aspek pelayanan tersebut penting , namun pada website BPS saat ini masih belum memuaskan. Oleh karena itu , perlu adanya perancangan user interface website BPS yang baru yang dapat memuaskan pengguna website sesuai dengan harapan pengguna. Metode yang digunakan dalam penelitian ini adalah User Centered Design ( UCD ) dengan menggunakan User Experience Questionnaire ( UEQ ) sebagai metode evaluasi. Selain itu , dilakukan juga evaluasi kepuasan pengguna terhadap rancangan antarmuka yang baru untuk dibandingkan dengan SKPW 2021. Agar ukuran kepuasan pengguna yang dihasilkan dapat dibandingkan dengan hasil evaluasi SKPW 2021 , digunakan metode analisis kepuasan yang sama dengan yang digunakan di SKPW 2021 yaitu Importance Performance Analysis ( IPA ) . User interface baru yang dirancang telah melalui proses perancangan dan evaluasi ke pengguna masing-masing sebanyak dua kali iterasi dengan hasil evaluasi terakhir yaitu tingkat kepuasan seluruh aspek pelayanan yang menjadi cakupan penelitian ini telah mengalami peningkatan dibandingkan dengan hasil SKPW 2021. Kata Kunci— User Interface , Website , User Centered Design , User Experience Questionnaire , Importance Performance Analysis I. LATAR BELAKANG data statistik Badan Pusat Statistik ( BPS ) merupakan Lembaga Pemerintah Non Kementrian yang salah satu perannya adalah sebagai penyedia data bagi pemerintah dan masyarakat [ 1 ] . Dalam mendiseminasikan telah dikumpulkan , salah satu media yang dikembangkan oleh BPS adalah website BPS yang dapat diakses pada alamat www.bps.go.id [ 2 ] . Website ini berfungsi sebagai gerbang utama pelayanan statistik untuk publik , baik itu pemerintah maupun masyarakat , terutama bagi yang membutuhkan data dan informasi yang tersedia di website BPS , seperti publikasi indikator yang dihasilkan dari data , statistik , maupun sensus / survei. yang Website BPS memiliki berbagai macam fitur mulai dari fitur pencarian hingga fitur tabel dinamis yang memungkinkan pengguna memperoleh data yang bisa dikustomisasi variabelnya secara manual. Website BPS juga menyajikan sejumlah produk seperti Publikasi , Berita Resmi Statistik ( BRS ) , Infografis , dan Tabel Statistik. Dalam rangka meningkatkan kualitas dan kepuasan masyarakat terhadap website BPS , BPS menyelenggarakan Survei Kepuasan Pengguna Website ( SKPW ) BPS pada rentang waktu 1-30 September 2021 [ 2 ] . Survei ini bertujuan untuk mengetahui persepsi serta pengalaman pengguna data selama mengakses website BPS , yang kemudian akan dijadikan bahan evaluasi untuk meningkatkan kualitas layanan yang ada di website BPS [ 2 ] . SKPW 2021 menggunakan rancangan non-probability sampling dengan kuesioner yang disebarkan melalui website dan media sosial BPS serta secara berantai ( snowball ) [ 2 ] . Untuk analisis kepuasan pengguna terhadap website BPS , SKPW 2021 menggunakan metode Importance Performance Analysis ( IPA ) [ 2 ] . Hasil evaluasi SKPW 2021 menunjukkan bahwa website BPS secara keseluruhan berada dalam kategori baik , namun masih ada beberapa atribut layanan yang kinerjanya belum memenuhi ekspektasi pengguna , antara lain kelengkapan metadata , kesesuaian produk yang ada pada website BPS dengan kebutuhan , kemudahan navigasi , kemudahan dalam memperoleh / mencari produk yang dibutuhkan , dan kehandalan fungsi pencarian [ 2 ] . Selain itu , aspek pelayanan yang memiliki ekspektasi dan kinerja di bawah rata-rata adalah ketertarikan tampilan website , ketepatan penyusunan letak , ketersediaan dua bahasa , dan kemudahan mendapatkan panduan penggunaan website [ 2 ] . tata Berdasarkan hasil evaluasi SKPW 2021 , dapat ditarik kesimpulan bahwa perlu adanya perancangan user interface website BPS yang baru yang dapat memuaskan pengguna website sesuai dengan harapan pengguna. Aspek-aspek pelayanan yang telah disebutkan di paragraf sebelumnya cakupannya cukup luas , mulai dari segi konten , fungsionalitas fitur , hingga user lingkup permasalahan yang cukup luas tersebut , fokus penelitian ini perlu dibatasi agar pembahasannya tidak melebar ke aspek- aspek yang kurang relevan dengan topik. Oleh karena itu , penelitian ini akan difokuskan pada atribut layanan yang berkaitan dengan user interface saja , yakni kemudahan navigasi , kemudahan mencari produk , ketertarikan tampilan website , dan ketepatan penyusunan tata letak. interface. Karena ruang Salah satu metode yang dapat digunakan dalam proses perancangan user interface adalah metode User Centered Design ( UCD ) . Metode ini dipilih karena dalam pendekatan UCD , pengguna dilibatkan selama proses desain sehingga dapat menghasilkan produk yang memenuhi kebutuhan pengguna [ 3 ] . Agar perancangan antarmuka website lebih objektif dan konsisten , perlu digunakan pedoman yang dapat menjadi 1 / 8 Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik tersusun dari 26 komprehensif. Dari penelitian tersebut disimpulkan bahwa kuesioner UEQ item yang kemudian dikelompokkan dalam enam faktor yaitu faktor Daya Tarik , Kejelasan , Efisiensi , Ketergantungan , Stimulasi , dan Kebaruan. Keterkaitan penelitian tersebut dengan penelitian ini adalah penggunaan metode UEQ. Penelitian oleh J.A. Martilla & J.C.James [ 9 ] berkaitan dengan teknik evaluasi yang akan digunakan di penelitian ini yaitu Importance Performance Analysis ( IPA ) . Pada penelitian tersebut disimpulkan bahwa IPA memiliki sejumlah kelebihan dalam mengevaluasi persepsi pengguna. Teknik ini memiliki biaya yang murah dan mudah untuk dipahami namun tetap dapat menghasilkan informasi tentang aspek-aspek yang harus lebih diperhatikan serta aspek mana yang mungkin menghabiskan terlalu banyak sumber daya. IV. METODE PENELITIAN Penelitian ini akan dilakukan dengan menggunakan metode User Centered Design ( UCD ) . Metode UCD merupakan suatu proses iteratif yang pada setiap tahap perancangan dan pengembangannya berfokus untuk memahami pengguna serta kebutuhan pengguna dalam menggunakan suatu produk [ 3 ] . Setiap iterasi dalam pendekatan UCD melibatkan empat tahap yang berbeda [ 3 ] yang dapat dilihat pada diagram berikut. Gambar 1. Diagram metode User Centered Design [ 3 ] Tahap 1 adalah mencoba memahami konteks bagaimana pengguna menggunakan sistem. Selanjutnya , tahap 2 adalah mengidentifikasi dan menentukan kebutuhan pengguna. Tahap 3 adalah pengembangan solusi desain. Tahap 4 adalah melakukan evaluasi terhadap kebutuhan pengguna. Di tahap 4 ini akan dilakukan evaluasi seberapa baik kinerja desain antarmuka yang telah dibuat , khususnya dalam konteks yang spesifik dan relevan dengan kebutuhan pengguna. Setelahnya akan masuk ke fase iterasi , dimana akan dilakukan perulangan pada keempat tahap tersebut sampai diperoleh hasil evaluasi yang ditargetkan , dalam penelitian ini target tersebut adalah adanya peningkatan jika dibandingkan dengan hasil evaluasi SKPW 2021. Berikut juga disajikan gambar prosedur penelitian ini secara keseluruhan. guideline dalam proses perancangan kembali antarmuka website BPS. Salah satu guideline yang dapat digunakan adalah buku Designing User Interfaces , sebuah buku pedoman desain user interface yang diterbitkan oleh HYPE4. Guideline yang disajikan dalam buku tersebut telah melalui kajian internal dan eksternal yang ekstensif yang telah dilakukan oleh HYPE4 sejak tahun 2013 [ 4 ] . Dalam metode UCD , salah satu tahapannya adalah mengevaluasi rancangan yang dihasilkan. Pada tahapan evaluasi ini akan digunakan metode evaluasi User Experience Questionnaire ( UEQ ) . UEQ merupakan salah satu metode usability testing dalam bentuk kuesioner yang digunakan untuk mengukur kesan subjektif pengguna ketika menggunakan suatu produk [ 5 ] . Metode evaluasi dengan UEQ dipilih karena karena kuesioner UEQ cepat dan mudah untuk mengukur pengalaman pengguna ketika menggunakan suatu produk , dalam hal ini antarmuka website BPS yang baru yang akan dilakukan perancangannya di penelitian ini. Selain itu , akan dilakukan juga evaluasi kepuasan pengguna terhadap rancangan antarmuka yang baru. Agar ukuran kepuasan pengguna yang dihasilkan dapat dibandingkan dengan hasil evaluasi SKPW 2021 , maka akan digunakan metode analisis kepuasan yang sama dengan yang digunakan di SKPW 2021 yaitu Importance Performance Analysis ( IPA ) [ 2 ] . IPA adalah teknik analisis yang berguna untuk mengukur kinerja atribut produk atau layanan berdasarkan kepuasan pengguna sehingga akan teridentifikasi atribut mana saja yang perlu ditingkatkan beserta prioritasnya [ 6 ] . Oleh karena itu , metode yang akan digunakan untuk evaluasi penelitian ini adalah UEQ dan IPA. II. TUJUAN PENELITIAN Tujuan penelitian ini antara lain : - Merancang kembali user interface web BPS - Melakukan evaluasi user interface baru yang telah dirancang - Menghasilkan prototype tampilan website BPS yang baru dan pedoman UI III. PENELITIAN TERKAIT Terdapat sejumlah penelitian yang berkaitan dengan penelitian ini. Katalog BPS tentang hasil evaluasi SKPW 2021 [ 2 ] berkaitan dengan penelitian ini karena SKPW 2021 merupakan survei pendahulu penelitian ini. Dari hasil SKPW diperoleh kesimpulan bahwa terdapat beberapa aspek pelayanan website BPS Provinsi yang perlu ditingkatkan kinerjanya. Literatur oleh Interaction Design Foundation [ 3 ] membahas lebih detail mengenai metode User Centered Design ( UCD ) yang digunakan di penelitian ini yaitu suatu metode desain yang bersifat iteratif dan difokuskan pada pengguna serta kebutuhan pengguna. Metode ini melibatkan pengguna agar dapat menghasilkan produk yang sesuai dengan apa yang dibutuhkan oleh pengguna. Penelitian oleh Laugwitz , dkk. [ 5 ] membahas tentang UEQ , yaitu kuesioner yang digunakan untuk mengukur persepsi pengguna dengan cepat dan sederhana namun tetap dapat melingkupi poin-poin persepsi pengalaman pengguna secara 2 / 8 Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik antarmuka website BPS yang baru yang akan dilakukan perancangannya di penelitian ini. Selain itu , akan dilakukan juga evaluasi kepuasan pengguna terhadap rancangan antarmuka yang baru untuk dibandingkan dengan SKPW 2021. Agar ukuran kepuasan pengguna yang dihasilkan dapat dibandingkan dengan hasil evaluasi SKPW 2021 , maka akan digunakan metode analisis kepuasan yang sama dengan yang digunakan di SKPW 2021 yaitu Importance Performance Analysis ( IPA ) . Model yang digunakan dalam IPA adalah model kuadran. Model ini terdiri dari sepasang koordinat dan empat bidang yang berisi elemen kepentingan dan kinerja untuk layanan / produk tertentu , yang mana nilai rata-ratanya dihitung dari penilaian langsung pengguna layanan / produk [ 7 ] . IPA adalah teknik analisis yang berguna untuk mengukur kinerja atribut produk atau layanan berdasarkan kepuasan pengguna sehingga akan teridentifikasi atribut mana saja yang perlu ditingkatkan beserta prioritasnya [ 8 ] . Analisis dengan metode IPA memiliki sejumlah kelebihan dalam mengevaluasi dapat persepsi mengidentifikasi informasi penting , mulai dari aspek apa saja yang harus lebih diperhatikan karena kinerjanya masih kurang dari ekspektasi pengguna , aspek yang kinerjanya sudah sesuai dengan ekspektasi pengguna , hingga aspek yang telah melebihi ekspektasi pengguna [ 9 ] . pengguna terhadap produk , yaitu Untuk memperoleh data evaluasi terkait persepsi pengguna terhadap rancaangan tampilan baru website BPS , dilakukan survei penelitian secara online dengan teknik pengumpulan data menggunakan kuesioner. Sumber data yang dikumpulkan dalam penelitian ini berupa data primer yang berasal dari pengguna website BPS. Teknik sampling yang digunakan adalah metode non-probability teknik pengambilan sampel yang masing-masing anggota populasinya tidak memiliki peluang yang sama untuk terpilih menjadi sampel [ 9 ] . Metode sampling tidak tersedianya kerangka sampel pengguna website BPS sehingga tidak memungkinkan untuk dilakukan sampling dengan metode probability. Jenis non-probability sampling yang digunakan dalam penelitian ini adalah convenience sampling yaitu teknik penentuan sampel dari orang-orang yang mudah diakses dan cocok sebagai sumber data yang akan berkontribusi pada survei secara sukarela [ 10 ] . ini dipilih karena sampling yaitu Pada survei juga dilakukan usability testing yaitu teknik untuk menguji seberapa mudah sebuah desain digunakan dengan melibatkan sekelompok pengguna yang representatif sebagai peserta pengujian [ 11 ] . Jenis usability testing yang dilakukan adalah usability testing kuantitatif secara jarak jauh dan unmoderated. Usability testing secara kuantitatif dipilih karena kuesioner UEQ yang akan digunakan berfokus pada pengumpulan angka yang mewakili aspek-aspek pengalaman pengguna. Pendekatan secara jarak jauh dipilih karena kondisi saat ini tidak memungkinkan untuk melakukan pertemuan tatap muka dengan pengguna website BPS yang tersebar di seluruh Indonesia. Sedangkan pendekatan secara unmoderated dipilih agar lebih efisien dari segi waktu dan lebih fleksibel karena tidak perlu melakukan penjadwalan dengan responden , kuesioner dapat diisi oleh responden sesuai waktu luang masing-masing dan bahkan dapat dilakukan secara bersamaan 3 / 8 Gambar 2. Diagram alur penelitian Berdasarkan diagram alur tersebut , tahapan setelah studi literatur adalah memahami konteks penggunaan dan mengidentifikasi kebutuhan pengguna. Dalam hasil analisis SKPW 2021 terdapat analisis terkait profil pengguna website BPS yaitu meliputi jenis perangkat yang digunakan ketika mengakses website BPS , website BPS yang paling sering dikunjungi , banyaknya pengguna menurut produk yang diakses melalui website BPS , banyaknya pengguna meurut produk yang diunduh melalui website BPS , dan lain-lain. Hasil analisis tersebut mencakup bagaimana pengguna mengakses website BPS dan produk apa saja yang paling sering diakses sehingga informasi yang diperoleh dari hasil analisis tersebut dapat digunakan dalam dua tahapan pertama dari metode UCD. Tahap selanjutnya dari metode UCD adalah pengembangan solusi desain. User Interface ( UI ) Design atau desain antarmuka pengguna adalah proses yang digunakan desainer untuk membangun antarmuka dalam perangkat lunak atau perangkat terkomputerisasi , dengan berfokus pada tampilan atau gaya [ 4 ] . Agar perancangan antarmuka website lebih objektif dan konsisten , perlu digunakan pedoman yang dapat menjadi guideline dalam proses perancangan kembali antarmuka website BPS. Salah satu guideline yang dapat digunakan adalah buku Designing User Interfaces , sebuah buku pedoman desain user interface yang diterbitkan oleh HYPE4. Guideline yang disajikan dalam buku tersebut telah melalui kajian internal dan eksternal yang ekstensif yang telah dilakukan oleh HYPE4 sejak tahun 2013 [ 5 ] . Dalam metode UCD , salah satu tahapannya adalah mengevaluasi rancangan yang dihasilkan. Pada tahapan evaluasi ini akan digunakan metode evaluasi User Experience Questionnaire ( UEQ ) . UEQ merupakan salah satu metode usability testing dalam bentuk kuesioner yang digunakan untuk mengukur kesan subjektif pengguna ketika menggunakan suatu produk [ 6 ] . Metode evaluasi dengan UEQ dipilih karena karena kuesioner UEQ cepat dan mudah untuk mengukur pengalaman pengguna ketika menggunakan suatu produk , dalam hal ini Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik di satu waktu yang sama oleh lebih dari satu responden sehingga lebih efisien dari segi waktu. Metrik yang diukur dalam survei penelitian ini adalah metrik kontinu berupa penilaian tingkat kepentingan dan kepuasan. Untuk quantitative usability testing yang menggunakan metrik kontinu adalah minimal sebanyak 47 responden [ 12 ] . V. KERANGKA PIKIR ekspektasi pengguna , Penelitian ini berangkat dari hasil evaluasi SKPW 2021 yang mengidentifikasi adanya sejumlah atribut pelayanan di website BPS yang perlu ditingkatkan kinerjanya. Dari hasil analisis SKPW 2021 diperoleh informasi bahwa secara keseluruhan atribut pelayanan website BPS berada dalam kategori baik , namun masih ada beberapa atribut layanan yang kinerjanya belum memenuhi lain kelengkapan metadata , kesesuaian produk yang ada pada website BPS dengan kebutuhan , kemudahan navigasi , kemudahan dalam memperoleh / mencari produk yang dibutuhkan , dan kehandalan fungsi pencarian [ 2 ] . Selain itu , aspek pelayanan yang memiliki ekspektasi dan kinerja di bawah rata-rata adalah ketertarikan tampilan website , ketepatan penyusunan letak , ketersediaan dua bahasa , dan kemudahan mendapatkan panduan penggunaan website [ 2 ] . Oleh karena itu , perlu adanya perancangan user interface website BPS yang baru yang dapat memuaskan pengguna website sesuai dengan harapan pengguna. antara tata Untuk mencapai tujuan tersebut , salah satu metode yang dapat digunakan adalah User Centered Design ( UCD ) yang merupakan suatu proses iteratif yang pada setiap tahap perancangan untuk pengembangannya memahami pengguna serta kebutuhan pengguna dalam menggunakan suatu produk [ 3 ] . berfokus dan Dalam proses perancangan solusi desain akan dilakukan dalam beberapa tahapan antara lain pembuatan wireframe , mockup , dan prototype [ 10 ] . Perancangan solusi desain ini juga melibatkan Tim Web dan Diseminasi BPS RI , selaku subject matter penelitian , dalam bentuk diskusi yang rutin diadakan setiap minggu. Diskusi rutin dengan subject matter ini dilakukan agar solusi desain yang telah dirancang sejalan dengan kebutuhan bisnis BPS. Setelah tahapan tahapan perancangan solusi desain , selanjutnya dalam metode UCD adalah mengevaluasi rancangan yang dihasilkan. Pada tahapan evaluasi ini akan digunakan metode User Experience Questionnaire ( UEQ ) . Selain itu , akan dilakukan juga evaluasi kepuasan pengguna terhadap rancangan antarmuka yang baru untuk dibandingkan dengan SKPW 2021. Agar ukuran kepuasan pengguna yang dihasilkan dapat dibandingkan dengan hasil evaluasi SKPW 2021 , maka akan digunakan metode analisis kepuasan yang sama dengan yang digunakan di SKPW 2021 yaitu Importance Performance Analysis ( IPA ) [ 2 ] . Tahapan dalam metode UCD bersifat iteratif sehingga dari hasil evaluasi akan diperoleh hasil apakah solusi desain yang dievaluasi tersebut telah berhasil meningkatkan kinerja aspek- aspek pelayanan yang berdasarkan hasil analisis SKPW perlu diperbaiki. Apabila masih perlu diperbaiki maka akan kembali lagi ke tahap perancangan solusi desain dan dilakukan evaluasi kembali. Gambar 3. Diagram kerangka pikir VI. HASIL DAN PEMBAHASAN A. Analisis Konteks Penggunaan Dari hasil analisis SKPW 2021 diperoleh informasi bahwa 67,40 % pengguna website BPS menggunakan perangkat desktop computer atau laptop untuk mengakses website BPS , 30,51 % pengguna menggunakan perangkat gawai atau smartphone , dan 2,09 % pengguna menggunakan perangkat tablet. Lebih dari sebagian pengguna memakai desktop / laptop untuk mengakses website BPS. Banyaknya peminat website versi desktop ini menunjukkan bahwa website BPS dirasa lebih nyaman diakses dibandingkan website versi mobile [ 2 ] . Berdasarkan produk di website BPS yang paling sering diakses , 27,57 % pengguna mengakses publikasi , 21,88 % mengakses Berita Resmi Statistik ( BRS ) , 18,14 % pengguna mengakses infografis , 11,04 % pengguna mengakses metadata , 10,77 % pengguna mengakses tabel statistik , 5,38 % pengguna mengakses indikator strategis , dan 5,22 % mengakses produk lainnya. Dari hasil analisis ini diperoleh informasi bahwa produk di website BPS yang paling sering diakses adalah produk dengan persentase terbesar yaitu publikasi , sedangkan persentase terendah adalah akses pengguna terhadap indikator strategis [ 2 ] . Hasil analisis berdasarkan produk yang diunduh di website BPS menunjukkan bahwa pengguna yang mengunduh publikasi memiliki persentase terbesar , yaitu sebanyak 40,23 % dibandingkan dengan produk website BPS lainnya , seperti Berita Resmi Statistik ( BRS ) sebesar 22,58 % , tabel statistik sebesar 20,92 % , sedangkan pengguna yang mengunduh infografis hanya sebesar 9,74 % [ 2 ] . Dari analisis konteks penggunaan ini , diperoleh informasi produk apa saja yang paling sering diakses oleh pengguna di website BPS. Dari informasi tersebut kemudian peneliti membatasi cakupan halaman yang akan di-redesign. Halaman yang menjadi cakupan tersebut antara lain halaman Beranda , halaman Publikasi , halaman Berita Resmi Statistik , halaman Tabel Statistik , halaman Senarai Rencana Terbit , halaman Berita Kegiatan , dan halaman Infografis. B. Identifikasi Kebutuhan Berdasarkan hasil analisis Gap dan IPA dalam SKPW 2021 , kepuasan pengguna terhadap website BPS secara keseluruhan 4 / 8 berada dalam kategori baik , namun masih ada beberapa atribut layanan yang kinerjanya belum memenuhi ekspektasi pengguna , antara lain kelengkapan metadata , kesesuaian produk yang ada pada website BPS dengan kebutuhan , kemudahan navigasi , kemudahan dalam memperoleh / mencari produk yang dibutuhkan , dan kehandalan fungsi pencarian [ 2 ] . Selain itu , aspek pelayanan yang memiliki ekspektasi dan kinerja di bawah rata-rata adalah ketertarikan tampilan website , ketepatan penyusunan tata letak , ketersediaan dua bahasa , dan kemudahan mendapatkan panduan penggunaan website [ 2 ] . C. Pengembangan Solusi Desain ( Iterasi I ) Tahap ini dimulai dari pembuatan wireframe. Pembuatan wireframe ini dimulai dengan membuat sketsa di kertas. Menurut Nielsen Norman Group [ 15 ] terdapat 3 tahapan dalam membuat sketsa wireframe di kertas. Pertama adalah mengidentifikasi ukuran aspect ratio yang akan digunakan. Desain yang akan dibuat adalah desain untuk website BPS versi desktop sehingga ukuran yang digunakan adalah ukuran dengan aspect ratio 16:9. Selanjutnya adalah membuat gambar menu navigasi [ 15 ] . Menu navigasi yang digunakan dalam perancangan desain BPS yang baru adalah menu navigasi di posisi atas website. Selanjutnya adalah mengidentifikasi dan membuat gambar elemen-elemen besar [ 15 ] . Misalnya pada halaman beranda , elemen besarnya adalah banner berupa gambar yang menjadi background section pencarian dan judul dari masing-masing section. Setelah membuat gambar elemen besar , selanjutnya adalah menambahkan detail [ 15 ] . Misalnya pada halaman beranda , detail yang perlu ditambahkan adalah dropdown menu dan button. Sketsa yang telah dibuat di kertas tersebut kemudian dibuat di komputer dengan menggunakan tools diagrams.net. Wireframe halaman yang telah dibuat tersebut dipresentasikan secara rutin ke subject matter , kemudian subject matter memberikan komentar dan masukan terkait wireframe yang telah dibuat. Masukan dari subject matter dan keputusan hasil diskusi kemudian diakomodir dan diimplementasikan ke wireframe yang telah dibuat. Contoh rancangan wireframe dapat dilihat pada gambar 4. Menu navigasi vertikal yang berada di sebelah kiri website BPS existing tidak ditampilkan di halaman beranda desain baru , hanya ditampilkan di halaman tabel statistik saja karena konten beranda cukup banyak , sementara navigasi vertikal butuh lebih banyak ruang yang mengakibatkan ruang yang tersedia untuk konten beranda akan menjadi lebih sedikit [ 16 ] . Pada awal perancangan wireframe , konten yang ditampilkan di halaman beranda dipilih dan diurutkan berdasarkan hasil SKPW 2021 , namun kemudian ditambahkan juga sejumlah konten lain karena adanya beberapa pertimbangan khusus seperti pernyataan dari subject matter terkait permintaan deputi. Selanjutnya terkait halaman publikasi , pada tampilan daftar publikasi selain dalam bentuk list , pengguna juga diberi opsi untuk menampilkan dalam bentuk grid. Hal ini juga sesuai dengan poin ke-3 dari 10 Usability Heuristics Jakob Nielsen yaitu memberikan kontrol dan kebebasan pengguna [ 17 ] . Salah satu perubahan tabel. Berdasarkan informasi dari subject matter , di website BPS existing terdapat 3 jenis tabel yaitu tabel statistik berdasarkan lain adalah penyajian Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik subjek , tabel dinamis , dan tabel SIMDASI. Ketiga jenis tabel ini berada di halaman yang terpisah. Subject matter menyatakan bahwa berhubung ke depannya BPS akan menggunakan klasifikasi kategori subjek yang baru , ketiga tabel tersebut akan diintegrasikan agar pengguna dapat langsung mengakses ketiganya di satu halaman saja. Terkait halaman tabel statistik , sempat didiskusikan bahwa tab metodologi dan konsep tabel seharusnya ada untuk masing- masing tabel dan tidak secara umum per subjek seperti yang ada di website BPS saat ini karena di satu subjek bisa saja indikator-indikator spesifik yang menggunakan terdapat metodologi dan konsep yang lebih khusus. Subject matter juga menginformasikan bahwa tab konsep dan metodologi yang saat ini ditampilkan di website existing sudah lama tidak di-update. Selain itu , dalam klasifikasi kategori subjek baru ada beberapa subjek yang memiliki penamaan dan konsep yang berbeda dengan yang digunakan saat ini. Setelah didiskusikan , keputusannya adalah memindahkan tab metodologi dan konsep ke halaman detail tabel statistik seperti pada gambar 4. Setelah pembuatan wireframe semua halaman yang masuk dalam cakupan telah selesai dan disetujui oleh subject matter , tahapan selanjutnya adalah pembuatan mockup. Berbeda dengan wireframe yang mengutamakan desain struktur , layout , dan tata letak konten , rancangan mockup sudah mencakup aspek desain visual seperti warna , gambar , dan tipografi [ 18 ] . Untuk pembuatan mockup ini , tools yang digunakan adalah Figma. Sama seperti ketika desain wireframe , progress desain mockup juga rutin dipresentasikan ke subject matter yang kemudian memberikan komentar dan masukan. Dari segi warna , terdapat 2 warna utama yang digunakan di desain website BPS yang baru yaitu warna biru dan putih. Warna biru merepresentasikan kepercayaan , kompetensi , dan keandalan [ 19 ] . Warna putih melambangkan kemurnian , kebersihan , kesetaraan , kedamaian , dan kepolosan [ 19 ] . Selain itu ada juga warna kuning yang digunakan untuk banner pemberitahuan tepat di bawah navigasi utama ( dapat dilihat di gambar 6 ) . Warna ini merupakan warna komplementer dari warna biru. Warna komplementer utamanya digunakan untuk menarik perhatian ke suatu elemen [ 19 ] sehingga cocok digunakan untuk banner pemberitahuan. Ketika halaman beranda dari wireframe diimplementasikan ke dalam bentuk mockup , halamannya memiliki page scroll yang cukup panjang. Sebuah studi menunjukkan bahwa terdapat pola perhatian pengguna yang cenderung mengalami penurunan yang cukup tajam di tiap page fold berikutnya , sehingga semakin panjang page scroll yang dimiliki suatu halaman , semakin meningkat pula resiko kehilangan perhatian pengguna [ 20 ] . Oleh karena itu , tampilan halaman beranda pada mockup dimodifikasi agar memiliki page scroll yang lebih sedikit dengan cara mengubah tampilan konten informasi terbaru ( terdiri dari publikasi terbaru , BRS terbaru , berita terbaru , dan tabel statistik terbaru ) . Tampilan section ini pada wireframe tersendiri , kemudian digabungkan menjadi satu screen yang terbagi menjadi beberapa tab yang dapat dilihat pada gambar 5. Tampilan mockup halaman beranda dapat dilihat pada gambar 6. terpisah menjadi section-section 5 / 8 Gambar 4. Contoh Wireframe : Halaman Detail Tabel Statistik Gambar 5. Perubahan Mockup Section Informasi Terbaru Halaman Beranda Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Gambar 6. Contoh Mockup : Halaman Beranda 6 / 8 Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Tahap selanjutnya setelah mockup adalah pembuatan prototype. Dari rancangan mockup yang telah dibuat di figma , ditambahkan interaksi-interaksi serta animasi seperti efek hover pada button dan card , fungsi swap pada section indikator strategis dan grafik , navigasi ke halaman lain ketika sebuah menu di-klik , dan lain-lain. Untuk efek hover dilakukan dengan memanfaatkan fitur interactive component dari figma agar hanya perlu mendefinisikan efek yang diinginkan satu kali saja , kemudian dapat digunakan di seluruh elemen yang tersedia. Komponen-komponen interaktif yang telah dibuat setelahnya dirangkai menjadi satu halaman utuh yang kemudian dilakukan “wiring” untuk menghubungkan satu halaman ke halaman lain. D. Evaluasi ( Iterasi I ) Survei evaluasi dilakukan selama tiga hari pada tangal 6 sampai 8 Juni 2022. Total responden yang mengisi kuesioner evaluasi adalah sebanyak 69 responden. Hasil analisis dengan IPA menunjukkan bahwa aspek kemudahan navigasi , kemudahan mencari produk , dan ketertarikan tampilan mengalami peningkatan jika dibandingkan dengan SKPW dengan rincian letak kuadran sebagai berikut : • Aspek kemudahan navigasi dan kemudahan mencari produk yang pada SKPW 2021 berada di kuadran A ( tingkatkan kinerja ; perlu diprioritaskan perbaikannya ) pada analisis IPA desain baru berada di kuadran B ( pertahankan kinerja ) • Aspek ketertarikan tampilan yang pada SKPW 2021 berada di kuadran C ( perlu perbaikan namun prioritas rendah ) pada analisis IPA desain baru berada di kuadran D ( cenderung berlebihan ) • Aspek ketepatan penyusunan tata letak pada analisis IPA desain baru masih berada di kuadran C , sama seperti pada SKPW 2021 Dapat dilihat pada gambar 7 bahwa hasil UEQ menunjukkan bahwa terdapat 1 skala yang berada pada kategori Good yaitu stimulasi serta 5 skala pada kategori Above Average yaitu daya tarik , kejelasan , efisiensi , ketepatan , dan kebaruan. Gambar 7. Analisis UEQ Iterasi Pertama E. Perubahan pada Solusi Desain ( Iterasi II ) Sejumlah perubahan dilakukan pada rancangan solusi desain setelah mempertimbangkan masukan dari responden. Perubahan yang dilakukan antara lain terletak pada urutan menu pada header , letak konten berita kegiatan , tampilan BPS App , perubahan warna latar , serta penambahan floating link untuk navigasi section beranda. Tampilan desain baru pada iterasi kedua dapat dilihat pada gambar 8. Gambar 8. Tampilan Halaman Beranda pada Iterasi Kedua F. Evaluasi ( Iterasi II ) Survei evaluasi dilakukan selama tiga hari pada tangal 14 sampai 16 Juni 2022. Total responden yang mengisi kuesioner evaluasi adalah sebanyak 76 responden. Berikut adalah rincian letak kuadran aspek-aspek pada analisis IPA : • Aspek kemudahan navigasi dan kemudahan mencari produk yang pada iterasi pertama berada di kuadran B ( pertahankan kinerja ) pada analisis IPA iterasi kedua berada di kuadran A ( tingkatkan kinerja ; perlu diprioritaskan perbaikannya ) • Aspek ketertarikan tampilan yang pada iterasi pertama berada di kuadran D ( cenderung berlebihan ) pada analisis IPA iterasi kedua tetap berada di kuadran D 7 / 8 Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik • Aspek ketepatan penyusunan tata letak pada analisis IPA iterasi kedua masih berada di kuadran C , sama seperti pada iterasi pertama Dari hasil tersebut dapat disimpulkan bahwa aspek kemudahan navigasi , kemudahan mencari produk , dan ketepatan penyusunan tata letak masih dapat ditingkatkan lagi , namun jika dilihat dari nilai tingkat kepuasan , seluruh aspek telah mengalami peningkatan dibandingkan dengan hasil SKPW 2021 sebagaimana yang dapat dilihat pada tabel I. • User interface baru yang telah dirancang telah dievaluasi ke pengguna sebanyak dua kali iterasi dengan iterasi terakhir memberikan hasil bahwa rancangan user interface website BPS yang baru dari segi tingkat kepuasan seluruh aspek pelayanannya yang dicakup dalam penelitian ini telah mengalami peningkatan dibandingkan dengan hasil SKPW 2021. • Telah dihasilkan prototype beserta pedoman UI untuk tampilan website BPS yang baru. TABEL I PERUBAHAN NILAI TINGKAT KEPUASAN DARI SKPW HINGGA ITERASI KEDUA Aspek Tingkat kepuasan di SKPW 2021 Kemudahan Navigasi Kemudahan mencari produk 3,91 3,91 Tingkat kepuasan di Iterasi I 4,02 Tingkat kepuasan di Iterasi II 4,04 4,98 4,00 Ketertarikan 3,90 4,10 4,13 tampilan Ketepatan penyusunan tata letak 3,87 3,79 3,96 Hijau = tingkat kepuasan meningkat ; Merah = tingkat kepuasan menurun Dapat dilihat pada gambar 9 bahwa hasil UEQ menunjukkan bahwa terdapat 3 skala yang berada pada kategori Good yaitu daya tarik , stimulasi , dan kebaruan , serta 3 skala pada kategori Above Average yaitu kejelasan , efisiensi , dan ketepatan. Skala daya tarik dan kebaruan yang pada iterasi sebelumnya berada di kategori Above Average , pada iterasi ini mengalami peningkatan menjadi kategori Good.. Gambar 9. Analisis UEQ Iterasi Kedua VII. PENUTUP Berdasarkan hasil dari penelitian yang telah dilakukan , dapat ditarik sejumlah kesimpulan antara lain : • Telah dilakukan perancangan kembali user interface beberapa halaman website BPS menggunakan metode User Centered Design dengan Survei Kepuasan Pengguna Website BPS 2021 sebagai dasar prioritas halaman yang dilakukan perancangan kembali , yaitu halaman beranda , publikasi , berita resmi statistik , senarai rencana terbit , tabel statistik , infografis , dan berita kegiatan. DAFTAR PUSTAKA [ 1 ] Badan Pusat Statistik. ( 2021 ) Tentang Profil BPS [ Online ] . Available : https : / / www.bps.go.id / menu / 1 / informasi-umum.html # masterMenuTab1 [ 2 ] Badan Pusat Statistik , Hasil Survei Kepuasan Pengguna Website BPS 2021. No. Publikasi 03200.2111 , No. Katalog 1103024. 2021. [ 3 ] Interaction Design Foundation. What is User Centered Design ? [ Online ] . https : / / www.interaction-design.org / literature / topics / user- Available : centered-design [ 4 ] Interaction Design Foundation ( 2016 ) . What is User Interface Design ? https : / / www.interaction- [ Online ] . design.org / literature / topics / ui-design Available : [ 5 ] Malewicz M. & Malewicz D. , Designing User Interfaces , ed. 2.2. Washington : HYPE4 , 2020. [ 6 ] B. Laugwitz , M. Schrepp , & T. Held , " Construction and Evaluation of a User Experience Questionnaire , " Lecture Notes in Computer Science , vol. 5298 , pp. 63-76 , 2008. [ 7 ] Ormanovic , S. , Ciric , A. , Talović , M. , Alić , H. , Jelešković , E. , & Čaušević , D. ( 2017 ) . Importance-Performance Analysis : Different Approaches. Acta Kinesiologica. 11. 58-66 [ 8 ] J. Abalo , J. Varela , & V. Manzano , “Importance values for Importance– Performance Analysis : A formula for spreading out values derived from preference rankings , ” Journal of Business Research , vol. 60 , no. 2 , pp. 115- 121 , 2007. [ 9 ] J. A Martilla. , & J. C. James , “Importance-Performance Analysis , ” Journal of Marketing , vol. 41 , no. 1 , pp. 77–79 , 1977. [ 10 ] G. Karnawan , S. Andryana , R. T. Komalasari. " Implementasi User Experience Menggunakan Metode Design Thinking pada Prototype Aplikasi Cleanstic , " Jurnal TEKNOINFO , vol. 15 , no. 1 , pp. 61-66 , 2021. [ 11 ] Sugiyono , Metode Penelitian Kuantitatif , Kualitatif , dan R & D. Bandung : Alfabeta , 2013 [ 12 ] Moran , K. ( 2019 , 12 ) Usability Testing 101 [ Online ] . Available : https : / / www.nngroup.com / articles / usability-testing-101 / [ 13 ] Ayhan , H. Ö. ( 2011 ) , “Non-probability Sampling Survey Methods”. International Encyclopedia of Statistical Science , vol. 14 , pp. 979-982. [ 14 ] Budiu R. , Moran K. ( 2021 ) . How Many Participants for Quantitative Usability Studies : A Summary of Sample-Size Recommendations [ Online ] . Available : sizes / https : / / www.nngroup.com / articles / summary-quant-sample- [ 15 ] Kelley Gordon. ( 2021 , 6 ) How to Draw a Wireframe ( Even if You Can’t [ Online ] . Available : https : / / www.nngroup.com / articles / draw- Draw ) wireframe-even-if-you-cant-draw / [ 16 ] Page Laubheimer. ( 2021 , 5 ) Left-Side Vertical Navigation on Desktop : [ Online ] . Available : Scalable , Responsive , and Easy https : / / www.nngroup.com / articles / vertical- nav / # : ~ : text=The % 20main % 20drawback % 20to % 20using , chrome % 20rati o % 20than % 20horizontal % 20navigation. to Scan [ 17 ] Jakob Nielsen. ( 2020 , 11 ) 10 Usability Heuristics for User Interface Design : https : / / www.nngroup.com / articles / ten-usability- [ Online ] . Available heuristics / [ 18 ] Adiseshiah. ( 2016 , 3 ) . Wireframes vs. Mockups : what’s the best option ? [ Online ] . Available : https : / / www.justinmind.com / blog / wireframes-and- mockups-whats-the-best-option / [ 19 ] S. Imtiaz , “The Psychology Behind Web Design” , Canada : McMaster University , 2016 [ 20 ] Therese Fessenden. ( 2018 , 4 ) . Scrolling and Attention [ Online ] . Available : https : / / www.nngroup.com / articles / scrolling-and-attention / 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 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 I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN O O O O O O O B-METODE I-METODE I-METODE I-METODE I-METODE I-METODE O O B-METODE I-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 B-METODE I-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 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 O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O 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 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
Makalah Sidang Skripsi – Program Studi D-IV Komputasi Statistik Perancangan Kembali Antarmuka Web BPS dengan Pendekatan User Centered Design Chairunnisa Fauzia Samu ( 221810220 , 4SI2 ) Dosen Pembimbing : Lutfi Rahmatuti Maghfiroh , SST , MT Ringkasan— Pada tahun 2021 , Badan Pusat Statistik ( BPS ) menyelenggarakan Survei Kepuasan Pengguna Website ( SKPW ) . Hasil SKPW menunjukkan bahwa aspek pelayanan website BPS secara keseluruhan berada dalam kategori baik , namun masih ada beberapa aspek yang nilai kepuasannya masih kurang , di antaranya yaitu kemudahan navigasi , kemudahan mencari produk , ketertarikan tampilan website , dan ketepatan penyusunan tata letak. Berdasarkan hasil SKPW 2021 , pengguna menyatakan bahwa aspek-aspek pelayanan tersebut penting , namun pada website BPS saat ini masih belum memuaskan. Oleh karena itu , perlu adanya perancangan user interface website BPS yang baru yang dapat memuaskan pengguna website sesuai dengan harapan pengguna. Metode yang digunakan dalam penelitian ini adalah User Centered Design ( UCD ) dengan menggunakan User Experience Questionnaire ( UEQ ) sebagai metode evaluasi. Selain itu , dilakukan juga evaluasi kepuasan pengguna terhadap rancangan antarmuka yang baru untuk dibandingkan dengan SKPW 2021. Agar ukuran kepuasan pengguna yang dihasilkan dapat dibandingkan dengan hasil evaluasi SKPW 2021 , digunakan metode analisis kepuasan yang sama dengan yang digunakan di SKPW 2021 yaitu Importance Performance Analysis ( IPA ) . User interface baru yang dirancang telah melalui proses perancangan dan evaluasi ke pengguna masing-masing sebanyak dua kali iterasi dengan hasil evaluasi terakhir yaitu tingkat kepuasan seluruh aspek pelayanan yang menjadi cakupan penelitian ini telah mengalami peningkatan dibandingkan dengan hasil SKPW 2021. Kata Kunci— User Interface , Website , User Centered Design , User Experience Questionnaire , Importance Performance Analysis
VII. PENUTUP Berdasarkan hasil dari penelitian yang telah dilakukan , dapat ditarik sejumlah kesimpulan antara lain : • Telah dilakukan perancangan kembali user interface beberapa halaman website BPS menggunakan metode User Centered Design dengan Survei Kepuasan Pengguna Website BPS 2021 sebagai dasar prioritas halaman yang dilakukan perancangan kembali , yaitu halaman beranda , publikasi , berita resmi statistik , senarai rencana terbit , tabel statistik , infografis , dan berita kegiatan.
penting , namun pada website BPS saat ini masih belum memuaskan. Oleh karena itu , perlu adanya perancangan user interface website BPS yang baru yang dapat memuaskan pengguna website sesuai dengan harapan pengguna. Metode yang digunakan dalam penelitian ini adalah User Centered Design ( UCD ) dengan menggunakan User Experience Questionnaire ( UEQ ) sebagai metode evaluasi. Selain itu , dilakukan juga evaluasi kepuasan pengguna terhadap rancangan antarmuka yang 2021 , digunakan metode analisis kepuasan yang sama dengan yang digunakan di SKPW 2021 yaitu Importance Performance Analysis ( IPA ) . User interface baru yang dirancang telah melalui proses perancangan dan evaluasi ke pengguna masing-masing sebanyak dua kali iterasi dengan hasil evaluasi terakhir yaitu tingkat kepuasan seluruh aspek pelayanan yang menjadi cakupan penelitian ini telah mengalami peningkatan dibandingkan dengan hasil SKPW 2021. Kata Kunci— User Interface , Website , User Centered Design , User Experience Questionnaire , hasil dari penelitian yang telah dilakukan , dapat ditarik sejumlah kesimpulan antara lain : • Telah dilakukan perancangan kembali user interface beberapa halaman website BPS menggunakan metode User Centered Design dengan Survei Kepuasan Pengguna Website BPS 2021 sebagai dasar prioritas halaman yang dilakukan perancangan kembali , yaitu halaman beranda , publikasi , berita resmi statistik , senarai rencana terbit , tabel statistik , infografis , dan berita kegiatan.
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 I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN I-TUJUAN O O O O O O O B-METODE I-METODE I-METODE I-METODE I-METODE I-METODE O O B-METODE I-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 B-METODE I-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 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 O O O O O O 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 I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN I-TEMUAN