ANALISIS DAN EVALUASI DESAIN
ANTARMUKA SITUS WEB GKI GEJAYAN
Grevliany Jourien Noya1, Restyandito2, R. Gunawan Santosa3
Informatika, Universitas Kristen Duta Wacana
Jl. Dr. Wahidin Sudiro Husodo No. 5 - 25, Yogyakarta
grevliany.jourien@ti.ukdw.ac.id
dito@ti.ukdw.ac.id
gunawan@staff.ukdw.ac.id
Abstract—One of the functions of the church website is
to serve as a platform for information dissemination, educational
purposes, communication, and even promotion. This renders the
GKI Gejayan church website as a crucial medium in fulfilling the
needs of its congregation. Prior to development, the researcher
employed usability testing to identify shortcomings in the website
based on user feedback. Among the issues highlighted were the
lack of informativeness due to the omission of significant church
information, a perceived lack of modernity in terms of visual
appearance, and some respondents expressing discomfort in
accessing the website due to its layout. Curabitur The solution to
these identified issues was pursued through the implementation of
a design sprint methodology in this research. The evaluation
results demonstrated improvements in the website compared to its
initial state and the proposed design. The System Usability Testing
(SUS) score increased from 66 (good) to 87 (excellent).
Furthermore, the evaluation of User Experience Questionnaire
(UEQ) indicated improvements in attractiveness (from 1.21 to
1.78), perpicuity (from 1.41 to 2.03), efficiency (from 1.20 to 1.80),
dependability (from 1.22 to 1.43), stimulation (from 0.94 to 1.68),
and novelty (from 0.35 to 1.20). Efficiency testing yielded a result
of 88%, while effectiveness testing resulted in 94%.
Intisari— Salah satu fungsi website gereja adalah
sebagai media informasi, media pendidikan, media komunikasi,
bahkan sebagai media promosi. Hal ini membuat website gereja
GKI Gejayan menjadi salah satu media yang penting untuk
memenuhi kebutuhan jemaatnya. Sebelum melakukan
pengembangan, peneliti menggunakan usability testing untuk
mengetahui kekurang pada website berdasarkan pendapat
pengguna diantaranya website yang ada kurang informatif
karena banyak informasi gereja yang tidak dimuat, dari segi
tampilan dinilai kurang modern, dan beberapa responden yang
merasa kurang nyaman saat mengakses website tersebut
karena tampilan website tersebut. Solusi berdasarkan
permasalahan yang ada dengan melakukan penelitian ini
menggunakan metode design sprint. Berdasarkan hasil evaluasi
yang telah dilakukan membuktikan terjadinya peningkatan
terhadap website sebelum dan yang telah dirancang. Skor
System Usability Testing (SUS) sebelumnya 66 (good)
meningkat menjadi 87 (excellent). Berdasarkan evaluasi User
Experience Questionnairre (UEQ) attractiveness sebelumnya
menjadi 1,21 menjadi 1,78, perpicuity 1,41 menjadi 2,03,
efficiency 1,20 menjadi 1,80, dependability 1,22 menjadi 1,43,
stimulation 0,94 menjadi 1,68 dan novelty 0,35 menjadi 1,20.
Didapatkan juga hasil pengujian efisiensi sebesar 88% dan
efektivitas 94%.
Kata Kunci— GKI Gejayan, Design Sprint, Usability Testing,
User Experience Questionnairre (UEQ)
I. PENDAHULUAN
A. Latar Belakang
Situs web adalah halaman yang memuat berbagai
informasi berisi konten berupa gambar, ilustrasi, video, dan
teks untuk berbagai macam kepentingan. Dengan adanya
situs web, para pengguna internet dapat dimudahkan dalam
mencari informasi yang disediakan baik secara perorangan,
kelompok maupun organisasi salah satunya adalah gereja-
gereja. Seiring berjalannya waktu gereja yang ada diberbagai
daerah juga membuat website dengan berbagai tujuan,
beberapa di antaranya yaitu sebagai media informasi antara
gereja, umat dan masyarakat, media pendidikan, media
komunikasi, bahkan sebagai media promosi (Marion Erwin
Dien, 2022).
Salah satu situs website gereja yang menyediakan
informasi tentang gerejanya adalah situs gkigejayan.or.id.
Informasi yang dimuat dalam situ web ini diantaranya adalah
renungan singkat tiap minggunya, kegiatan atau program
berjalan, warta jemaat, jadwal ibadah dan sosial media
gereja. Situs ini membantu jemaat dan masyarakat untuk
mencari informasi yang dibutuhkan dengan mudah di
internet.
Melalui pre-survei yang telah dilakukan peneliti pada
10 orang jemaat dan aktivis gereja, 70% dari 10 responden
beranggapan bahwa website yang ditampilkan kurang
informatif karena banyak informasi gereja yang tidak dimuat
dalam website, serta sebanyak 80% responden tidak dapat
menemukan informasi yang mereka cari. Beberapa
responden juga berpendapat bahwa tampilan website kurang
modern, dan banyak warna background yang mencolok dan
menyebabkan tidak nyaman saat mengakses website
tersebut, dan juga ukuran font dan gambar yang tidak
konsisten membuat UX terasa kurang baik dan nyaman. Hal-
hal tersebut mempengaruhi ketertarikan, kepuasan dan
kenyamanan pengguna dalam mengakses website juga
berpotensi membuat pengguna website mencari informasi
melalui platform lainnya. Menurut Aditya Anugrah Pratama,
(2018), bukan hanya sekedar menampilkan visual yang
menarik saja, namun dapat membuat perasaan user nyaman
saat berhasil memperoleh tujuannya saat mengakses website,
hal ini membuat user merasa betah untuk mencari informasi
pada website dan website akan digunakan terus menerus.
Untuk mengatasi hal-hal tersebut, perlu dilakukan
perbaikan terhadap website saat ini sesuai dengan kebutuhan
1
penggunanya, maka penulis tertarik untuk mendesain ulang
website yang ada menjadi lebih informatif, serta dapat
memberi kenyamanan pada pengguna saat mengakses
website. Mengingat bahwa sebagian besar informasi gereja
disebarluaskan menggunakan platform online dan website
yang ada digunakan sebagai media informasi, komunikasi,
dan promosi, maka pada penelitian ini penulis akan
berkolaborasi dengan anggota jemaat maupun aktivis gereja
dalam mencari permasalahan hingga solusi untuk mendesain
kembali website GKI Gejayan.
Penelitian ini akan dilakukan menggunakan metode
design sprint yang diperkenalkan oleh Jake Knapp pada
tahun 2012. Design Sprint Method menurut (Rahmadhana,
Hanifah, & Retno) adalah metodologi desain yang
dikembangkan oleh Google untuk menyelesaikan masalah
dengan melibatkan pengguna melalui perancangan,
pembuatan prototype dan pengujian ide dengan cepat.
Alasan peneliti menggunakan desin sprint adalah peneliti
akan berhadapan langsung dengan user dalam bentuk tim,
setiap anggota dapat menyampaikan idenya didepan semua
anggota lainnya, sehingga semua anggota akan lebih aktif
dan kritis dalam berpikir maupun dalam menyapaikan ide.
Dengan mengingkat semua situasi dan keadaan gereja lebih
banyak diketahui oleh anggota jemaat maupun aktivis yang
ada, maka tim akan terdiri dari anggota jemaat dan aktivis
gereja sehingga semua anggota tim akan bersama-sama
menganalisa kelemahan atau kekurangan website yang bisa
menjadi sebuah permasalahan yang dapat diselesaikan secara
bersama-sama dengan mempertimbangkan dari user yang
adalah anggota jemaat dan yang bukan anggota. Selain itu,
design sprint juga merupakan salah satu metode baru,
sehingga diharapkan melalui penelitian ini dapat menjadi
bahan referensi untuk penelitian-penelitian selanjutnya yang
menggunakan metode yang sama. Dengan menggunakan
metode ini juga dapat lebih cepat dan efektif, dengan resiko
yang minim juga dapat mempertimbangkan berbagai macam
perspektif untuk menemukan hasil akhir yang sesuai dengan
kebutuhan bersama atau kebutuhan pengguna website.
Hasil dari penelitian ini diharapkan bisa menjadi salah
satu bahan referensi untuk menjadikan website menarik dan
nyaman digunakan oleh pengguna dan dapat dengan mudah
untuk berinteraksi dengan antarmuka dari website tersebut.
B. Tujuan Penelitian
Tujuan dari penelitian ini meliputi:
1. Meningkatkan kualitas website berdasarkan
usabilitas design interface yang dirasakan oleh pengguna
berdasarkan nilai SUS (System Usability Scale).
2. Menghasilkan desain antarmuka dengan
menyesuaikan kebutuhan pengguna untuk mendapatkan user
experience yang lebih baik berdasarkan nilai UEQ.
C. Manfaat Penelitian
Penelitian yang akan dilakukan ini akan memiliki
beberapa manfaat antara lain meningkat user yang
menggunakan website sebagai media informasi, membuat
website yang menyediakan informasi lebih lengkap lagi
untuk para penggunanya, serta hasil dari penelitian ini dapat
menjadi bahan pertimbangan dalam pengembangan website
gereja mendatang.
2
II. TINJAUAN PUSTAKA
A. Tinjauan Pustaka
Dalam penelitian oleh Rahmadhana, dkk (2019)
mengenai perancangan user interface terhadap aplikasi
finansial technology dari perusahaan startup. Penelitian
dilakukan karena aplikasi membutuhkan pembaharuan dari
segi tampilan antarmuka yang dinilai kurang maksimal untuk
menunjang adanya proses bisnis yang baru. Perancangannya
menggunakan metode design sprint, mulai dari fase 1 sampai
5 yaitu menentukan tujuan, mencari solusi, memutuskan
solusi, membuat protoype dan melalakukan validasi terhadap
prototype. Validasi yang dilakukan menggunakan pengujian
usability testing terhadap user menggunakan pengukuran
SUS (System Usability Scale) dan task assesment untuk
aspek penilaian efektivitas, efisiensi dan kepuasan pengguna
dengan menggunakan ISO 9241-11. Hasil dari pengujian
efektivitas terhadap 4 responden berdasarkan task yang
berhasil atau gagal dilakukan oleh setiap respon didapatkan
nilai 100% atas pengujiannya, dimana stiap responden
berhasil mengerjakan task scenario yang diujikan. Hasil dari
pengujian Efisiensi, berdasarkan lama durasi penyelesaian
setiap task scenario yang ada, melalui perhitungan time-
based atau waktu yang dibutuhkan setiap task yaitu sebesar
0,038 atau 2/35. Hasil dari pengujian kepuasan
menggunakan perhitungan score SUS yaitu aplikasi memilki
tingkat kepuasan yang tinggi berdasarkan acceptability
Ranges, keempat responden mendapat nilai high atau
acceptable.
Pada penelitian terdahulu yang dilakukan oleh (Tasya
dkk, 2019) tentang evaluasi user experience menggunakan
metode usability testing dan user experience questionnaire
(UEQ) terhadapat 2 website sejenis, yaitu website yang
menyediakan jasa untuk mencari guru les atau tutor secara
online. Hasil dari pengujian usability testing menggunakan
SUS (system usability scale), nilai website B yaitu 54 dan
nilai website B yaitu 65, dimana website B lebih unggul
dalam usability testing yang dilakukan. Hasil dari pengujian
UEQ website B lebih unggul dari website A dari segala aspek
dalam UEQ antara lain attractiveness, perpicuity, efficiency,
dependability, simulation, dan novelty.
Dari beberapa penelitian diatas, berfokus pada
peningkatan usability dan user experience, maka penelitian
mengenai evaluasi desain antarmuka website GKI Gejayan
ini akan menggunakan metode design sprint dan
membedakan penelitian ini dengan penelitian sebelumnya
yaitu pada tahap validasi akan menggunakan evaluasi dengan
pengukuran berdasarkan ISO 1941-11 dengan
memperhatikan beberapa aspek penilaian yaitu efficiensi,
effectiveness, dan satisfaction.
B. Landasan Teori
1. User Interface (Ui)
Menurut (Ghiffary, 2018) User Interface (UI) atau
tampilan antarmuka pengguna menjadi daya tarik yang
paling utama dalam sebuah aplikasi atau website, terutama
dalam hal penggunaannya. Sebuah aplikasi dikatakan mudah
untuk digunakan ketika pengguna dapat dengan mudah
mengerti maksud dari tampilan interface dan bagaimana
mengoperasikan aplikasi tersebut dengan cepat tanpa perlu 4. Design Sprint
banyak usaha. User interface juga adalah mekanisme
User Experience memiliki Sprint diperkenalakan oleh
komunikasi antara pengguna dengan sistem atau bentuk
Jake Knapp pada tahun 2012. Design Sprint Method menurut
sistem dalam tampilan grafis yang berhubungan langsung
(Rahmadhana, Hanifah, & Retno) adalah metodologi desain
dengan pengguna (Andi, 2019). Dapat dikatakan bahwa user
yang dikembangkan Google untuk menyelesaikan
interface merupakan bagian penting dari komputer dan suatu
masalah dengan mengikutsertakan pengguna dalam
perangkat lunak. Antarmuka pengguna biasanya berupa web
proses perancangan, pembuatan prototype dan pengujian
atau aplikasi dan kedua media tersebut dapat dioperasikan
ide dengan cepat.
menggunakan, smartphone, tablet, atau komputer.
Metode ini merupakan sebuah kerangka kerja yang akan
Dari penjelasan tersebut antarmuka pengguna
dikerjakan untuk membuat produk dan prototype suatu
merupakan salah satu bagian yang penting dalam
perusahaan. Dalam menjalankan metode ini dibutuhkan
menentukan efektivitas suatu system informasi. Suatu
interaksi dengan tujuan, berbagai jenis ide, masalah, maupun
aplikasi yang berhasil menarik perhatian penggunanya dan
solusi yang dapat tersalurkan dengan baik. Terdapat waktu
membuat pengguna merasa nyaman saat mengakases suatu
lima hari kerja dalam proses metode design sprint, dan
aplikasi atau website dapat dikatakan memiliki tampilan user
terdapat lima tahap antara lain :
interface yang baik
2. Design Interface
Design interface memiliki hubungan yang erat dengan
user interface. Pada umumnya desain interface digunakan
untuk mendesain suatu tampilam dalam perangkat lunak agar
terlihat lebih menarik. Proses desain antarmuka juga harus
diubah ke dalam bahasa yang dimengerti oleh komputer.
Banyak hal yang perlu di perhatikan dalam mendesain suatu
Gambar 1 Tahapan metode design sprint
antarmuka antara lain desain yang mudah dimengerti dan
mudah digunakan, menggunakan pilihan warna yang tepat, • Understand (Pahami) bertujuan menentukan target
navigasi tepat, menggunakan pilihan font yang mudah akhir, komponen-komponen yang harus dilihat dan
dibaca, mengintegrasikan feedback, hingga desain dipahami berupa masalah, stakeholder, kebutuhan
antarmuka yang konsisten (Tchfor, 2020). pengguna, dan kapasitas pribadi. Beberapa teknik
3. User Experience proses pengumpulan data dan informasi dari para
pengguna baik secara tidak langsung maupun
User Experience (UX) adalah suatu hasil dari interaksi langsung, menggunakan kuesioner maupun
dari user saat mengakses suatu aplikasi atau website. User wawancara, survei, diskusi dalam grup hingga
Experience juga berfokus pada pengalaman dari para user menganalisi masalah dari online tools atau metric.
mencakup persepsi, emosi, bahkan respon terhadap suatu
aplikasi atau website. Adapun faktor-faktor yang • Diverge (Kembangkan) merupakan tahap
mempengaruhi user experience menurut salah satu ahli yaitu pengembangan dengan proses
Peter Morville dengan menggunakan Use Experience brainstorming,bertujuan untuk mencari solusi atas
Honeycomb adalah sebagai berikut: permasalahan yang dibahas pada pada tahap
understand. Tahap ini menggunanakan teknik crazy
a) Useful : Seberepa bermanfaatnya suatu system yang eight, yaitu teknik dimana partisipan akan membagi
didukung dengan penerapan kreativitas dan selembar kertas menjadi delapan bagian, kemudian
pengetahuan untuk menentukan solusi yang partisipan akan menuliskan ataupun
innovative dan bermanfaat terhadap suatu masalah. menggambarkan ide dan gagasan yang dimiliki
b) Usable : antar muka yang dibuat harus sederhana dan pada tiap kotak yang ada. hal ini memberikan
mudah digunakan oleh users. kesempatan dan tidak membatasi setiap orang untuk
c) Desirable : mencakup estetiska suatu produk, menyampaikan idenya masing-masing.
berkaitan dengan produk yang attractive dan mudah
diterjemahkan. • Decide (Putuskan) adalah tahap pengambilan
d) Findable : mencakup seberapa mudahnya suatu keputusan. Pada tahap ini ide dan solusi yang telah
tombol ditemukan oleh user dan navigasi yang jelas, didapatkan akan dijelaskan kemudian akan
waktu yang diperlukan untuk mengakses fitur atau ditentukan solusi mana yang paling efektif terhadap
konten yang diperlukan dan waktu untuk user permasalahan yang ada dengan menggunakan
menemukan solusi terhadap suatu permasalahan. metode voting atau pengambilan keputusan dengan
e) Accessible : ramah digunakan oleh semua orang hasil suara terbanyak. Selanjutnya gambaran sketsa
termasuk kaun disabilitas akan dibuat berdasarkan ude atau solusi yang telah
f) Credible : bentuk kepercayaan dari para pengguna terpilih.
akan poduk yang dibuat. • Prototype, tahap ini peneliti akan merancang
g) Valuable : gabungan dari 6 faktor diatas, jika prototype dengan didasarkan dari solusi-solusi yang
memenuhi keenam factor tersebut maka produk bisa telah ditemukan ditahap sebelumnya, dan pada
dianggap bernilai oleh user. tahap ini para pengguna atau responden akan
berinteraksi dengan rancangan desain antar muka

3
 untuk menjadi bahan validasi. 𝐽𝑢𝑚𝑙𝑎ℎ 𝑡𝑢𝑔𝑎𝑠 𝑦𝑎𝑛𝑔 𝑏𝑒𝑟ℎ𝑎𝑠𝑖𝑙 𝑑𝑖𝑠𝑒𝑙𝑒𝑠𝑎𝑖𝑘𝑎𝑛
𝐸𝑓𝑒𝑘𝑡𝑖𝑣𝑖𝑡𝑎𝑠 = × 100%
𝑇𝑜𝑡𝑎𝑙 𝑡𝑢𝑔𝑎𝑠 𝑦𝑎𝑛𝑔 𝑎𝑑𝑎
• Validate, pada tahap ini akan dilakukan validasi
antara user dan prototype yang telah jadi. Validasi b) Efisiensi merupakan variabel yang berkaitan
yang dilakukan meliputi interaksi user dan interface dengan kecepatan waktu pengerjaan suatu tugas
pada prototype. Tahap ini melakukan pengujian yang diberikan, untuk memastikan tujuan yang
prototype terhadap responden atau pengguna dicapai tepat dan akurat. Rumus yang digunakan
dengan membandingkan dua prototype untuk adalah overall relative efficiency
ditentukan mana anatar muka yang paling berguna
dan dapat memenuhi kebutuhan pengguna.
∑𝑅𝑗=1 ∑𝑁
𝑖=1 𝑛𝑖𝑗 𝑡𝑖𝑗
𝑂𝑣𝑒𝑟𝑎𝑙𝑙 𝑅𝑒𝑙𝑎𝑡𝑖𝑣𝑒 𝐸𝑓𝑓𝑖𝑐𝑖𝑒𝑛𝑐𝑦 = × 100%
∑𝑅𝑗=1 ∑𝑁𝑖=1 𝑡𝑖𝑗

5. User Experience Questionnaire

User Experience Questionnaire merupakan salah satu c) Kepuasan adalah variabel yang berkaitan dengan
alat untuk mengukur suatu User experiences (UX). Menurut perasaan yang dirasakan oleh pengguna terhadap
Santoso dkk (2016), UEQ merupakan suatu bagian dari produk, untuk mengetahui pengguna merasa puas
usbaility testing klasik untuk mendapatkan pengalaman dengan produk. Tingkat kepuasan pengguna
pengguna dari aspek usability testing maupun user terhadap suatu produk akan diukur menggunakan
experience. Dalam metode ini terdapat 6 skala penilaian SUS (System Usability Scale)
dalam pengukurannya yaitu :
a) Attractiveness: menggambarkan kesan umum atau
daya tarik dari produk dalam hal ini adalah website, 7. System Usability Scale
seberapa menarik suatu website secara keseluruhan.
System Usability Scale merupakan alat pengukuran
b) Perspicuity: seberapa jelasnya suatu website dan
terhadap tingkat usability suatu system. Tidak hanya untuk
seberapa mudah dalam memggunakan website.
mengukur tingkat usabilitas pada sistem namun bisa juga
c) Efficiency: seberapa cepat pengguna menyelesaikan
pada hardware, software, mobile app, dan website.
tugas yang diberikan.
System Usability Scale (SUS) dibentuk oleh John Brooke
d) Depaendability: menggambarkan kontrol dari
pada tahun 1986 dengan beberapa keunggulan yaitu alat
interaksi pengguna dan website, apakah kontrol
pengukur yang mudah digunakan dan dapat diterima oleh
yang didapatkan sudah tepat atau belum.
responden dengan baik, dapat digunakan pada penelitian
e) Stimulation: seberapa baik suatu website dalam
dengan sampel yang kecil dan memiliki hasil yang cukup
memotivasi pengguna.
akurat, SUS telah terbukti valid dalam menentukan baiknya
f) Novelty: seberapa inovatifnya suatu website.
suatu system atau website.
System Usability Scale menggunakan skala Likert
6. Usability Testing antara satu sampai lima yaitu 1 sangat tidak setuju (STS), 2
tidak setuju (TS), 3 netral (N), 4 setuju(S), 5 sangat setuju
Dalam penelitian menggunakan standar pengujian atau (SS).
evaluasi usability berdasarkan international Standads
Organization (ISO 9241-11). Ada 3 aspek penilaian yang
ada pada pengukuran ini yaitu efficiency (efisiensi),
effectiveness (efektivitas), dan satisfaction (kepuasan). ISO
924-11 merupakan teknik yang tepat untuk mengevaluasi
dan merancang tampilan dari sebuah sistem atau aplikasi
agar sesuai dengan kebutuhan dan kepuasan pengguna
sehingga didapati sebuah tujuan yang diinginkan. Konsep
usability ISO 9241-11 adalah pengguna harus melakukan Gambar 2 cara menghitung SUS
interaksi dengan produk, adapupun evaluasi yang dilakukan,
dibagi menjadi beberapa kategoti yatiu:
a) Efektivitas untuk mengukur seberapa besar suatu
produk dapat memebantu pengguna dalam
mengerjakan suatu tugas yang diberikan, untuk
mengukur efektivitas dari suatu produk dapat
dilakukan dengan jumlah error yang dihasilkan.
Untuk mengukur variabel dari efektivitas terdapat
completion rate yang pengukurannya menggunakan Gambar 3 Skor SUS
angka biner “1” jika berhasil mengerjakan tugas
yang diberikan dan “0” jika gagal menyelesaikan
tugas yang diberikan. Berikut rumus yang
digunakan untuk menghitung efektivitas.

4
 III. METODOLOGI PENELITIAN
A. Alur Penelitian
1. Tahap Awal
Pada proses ini akan dilakukan tahapan pengumpulan
data pada website sebelum dirancang, peneliti akan
melakukan pengumpulan data tahap awal dengan cara
wawancara, survei dan menyebarkan kuisioner. Tujuan dari
pengumpulan data ini adalah dapat mengetahui pendapat
pengguna tentang website yang ada dan dapat mengetahui
ketidaknyamanan yang dirasakan pegguna. Setelah tahap ini
akan di tentukan anggota tim yang merupakan responden saat
wawancara dan yang mengisi kuisioner.
2. Tahap Pengembangan
pada tahap ini akan dilakukan rangkaian tahapan metode
design sprint, dari tahap understand akan ada diskusi tim
yang dilakukan untuk lebih mengetahui permasalahan atau
ketidaknyamanan pengguna dan juga untuk mengetahui
pendapat anggota tim yang satu dan yang lainnya. Dalam
diskusi tim ini permasalahan yang ada akan dibahas secara
luas menurut pendapat pribadi dengan mempertimbangkan
kemungkinan yang dirasakan pengguna lainnya diluar
anggota tim yang ada.
Tahapan kedua design sprint yaitu diverge. Pada tahap
ini akan ditemukan beberapa solusi dari setiap permasalahan
yang telah ditemukan sebelumnya. Solusi yang ada adalah
ide dari anggota tim yang akan digambarkan dan dapat
menjadi wireframe untuk perancangan website.
Tahap decide yaitu tahap ketiga dalam design sprint.
pada tahap ini, solusi yang diberi oleh tiap anggota tim akan
di jabarkan satu-persatu agar dapat menjadi bahan
pertimbangan untuk anggota tim lainnya dalam menentukan
solusi mana yang paling efektif. Dalam tahapan ini akan
menggunakan teknik super vote
Tahap keempat yaitu prototype. Solusi dalam bentuk
wireframe yang telah terpilih pada tahap sebelumnya akan
dirancang oleh penulis menjadi prototype A dan B.
Tahap berikutnya yaitu validate, pada tahap ini akan
melakukan perbandingan tehadap dua prototype yangtelah
dirancang sebelumnya. Hasil dari pengujian ini akan
ditentukan prototype mana yang akan digunakan dalam
pembangungan website.
3. Tahap Akhir
Pada proses tahapan akhir ini, akan mendapatkan hasil
validasi yaitu prototype c yang merupakan hasil dari
membandingan prototype A/B. Prototype c kemudian akan
dibangun menjadi antarmuka oleh penulis.
IV. HASIL DAN PEMBAHASAN
1. Tahap Awal
a) Wawancara
Hasil dari wawancara dapat digunakan sebagai salah
satu bahan evaluasi terhadap website GKI Gejayan
No. Pertanyaan
1. Apa Anda pernah mengakses website GKI
Gejayan sebelumnya?
2. Saat megakses website GKI Gejayan, menurut
Anda apa fungsi utama dari dari website tersebut?
3. Apa informasi yang Anda cari dalam website GKI
Gejayan?
4. Bagaimana pendapat Anda tentang tampilan
antarmuka website GKI Gejayan?
5. Apa tampilan website sudah memudahkan Anda
dalam menemukan informasi yang Anda cari?
6. Apakah website memiliki tampilan yang menarik
(dari sisi warna, dan tata letak)
7. Apa ada kendala yang Anda temui saat
mengakses website GKI Gejayan?
8. Apa hal yang masih kurang dalam website GKI
Gejayan? (dari segi tampilan maupun informasi)
9. Apakah ada masukan atau saran untuk tampilan
website GKI Gejayan?
10. Apakah ada masukan atau saran untuk informasi
yang perlu dimasukkan pada website GKI
Gejayan?
Berdasarkan pertanyaan yang diberikan kepada
responden, sebagai berikut:
1. Partisipan yang diwawancarai oleh peneliti sebelumnya
sudah pernah mengunjungi website GKI Gejayan.
2. Berdasarkan hasil wawancara pada 10 responden, 8 dari
10 orang responden berpendapat bahwa website GKI
Gejayan berfungsi sebagai media informasi, beberapa
responden lebih memilih menggunakan website untuk
mencari informasi karena dirasa lebih mudah.
3. Sebanyak 7 responden sering mencari informasi tentang
peribadahan seperti jadwal, tema, pelayan firman dan
juga informasi tentang kegiatan dan pelayanan di GKI
Gejayan.
4. Tampilan antarmuka dari website GKI Gejayan sudah
cukup baik menurut
5. para responden, namun kurang menarik karena
websitenya dinilai kurang modern. Tulisan yang
digunakan pada website terlalu rapat sehingga terlihat
menumpuk, jadi tidak nyaman saat dilihat.
6. Responden berpendapat bahwa tidak terlalu sulit untuk
menemukan informasi yang ada pada website.
5
7. Tata letak website sudah cukup seimbang. Namun ada
beberapa halaman yang perlu diperhatikan lagi tata
letaknya contohnya pada halaman berita mimbar yang
menampilkan isi renungan, dinilai terlalu banyak space
kosong padahal space tersebut bisa berfungsi untuk diberi
gambar pendukung terkait isi renungan atau bisa juga
dibuat dengan letak yang lebih nyaman dilihat. Contoh
lainnya pada halaman tetulung, dinilai terlalu rapat space
antar kotaknya yang menyebabkan halaman tersebut
kurang menarik saat diakses. Terdapat 7 responden yang
menilai bahwa warna yang digunakan pada website
kurang konsisten dan sering berubah tiap minggunya.
8. Tidak ada kendala saat 10 responden mengakses website.
Namun ada beberapa hal yang perlu diperhatikan pada
website.
9. Sebanyak 9 responden berpendapat bahwa website belum
cukup informatif, karena hanya menampilkan sedikit
informasi, dan masih banyak informasi yang tidak ada
pada website, sehingga perlu ditambahkan informasi
terkait peribadahan, tim palayanan, persekutuan dalam
gereja, kegiatan gereja dan lain sebagainya. 8 responden
juga menyarankan untuk menggunakan foto yang relevan
pada setiap bagian konten dari website agar lebih menarik
dan informatif.
10. Berdasarakan wawancara yang dilakukan, beberpapa
pendapat responden warna-warna yang digunakan lebih
konsisten dan perhatikan skema warnanya, begitu juga
dengan ukuran dan jenis huruf atau yang digunakan pada
website agar lebih diperhatikan agar lebih konsisten pada
setiap halaman. Lebih banyak menampilkan gambar
dokumentasi tentang gereja baik dalam peribadahan
maupun kegiatan yang dilakukan.
11. Berdasarkan hasil wawancara, responden menyarankan
agar informasi tentang sosial media bisa digabung
menjadi 1 kategori, dan hanya di tampilkan pada footer,
hal ini agar bagian header dapat diisi dengan bagian untuk
informasi lainnya. Beberapa responden juga memberi
saran terkait informasi yang sebaiknya ditampilkan pada
website yaitu, sejarah gereja, tim-tim pelayanan atau
komisi yang ada digereja, daftar aktivitas atau kegiatan
yang dilakukan perbulannya, pendaftran untuk pelayanan
hingga profil pendeta.
b) Survei
Pada tahap ini, peneliti melakukan survei secara online
menggunakan google form yang berisi pertanyaan guna
mengetahui kebutuhan pengguna. Survei yang ini dilakukan
pada 56 orang dengan memberi pertanyaan terkait yang
berguna untuk mengetahui kebutuhan pengguna dan
pendapat pengguna terhadap website GKI Gejayan
responden yang ada pada tahap ini sebanyak 76,8% berusia
antara 17-25 tahun, 17,9% berusia antara 26-35 tahun, dan
sisanya berusia 36-45 tahun dengan jumlah responden
sebanyak 56 orang. Berikut pertanyaan yang diberikan
No. Pertanyaan
1. Bagaimana pendapat Anda tentang tampilan
antarmuka website GKI Gejayan?
2. Apa informasi yang Anda cari dalam website GKI
Gejayan?
6
3. Apa hal yang masih kurang dalam website GKI
Gejayan? (dari segi tampilan maupun informasi)
4. Apakah ada masukan atau saran untuk tampilan
website GKI Gejayan?
5. Apakah ada masukan atau saran untuk informasi
pada website GKI Gejayan?
Berdasarkan pertanyaan pada survei yang dilakukan
didapatkan beberapa hasil sebagai berikut.
1. Sebanyak 22 dari 56 orang berpendapat bahwa website
kurang menarik, sedikit monoton dan kurang kreatif,
namun demikian website tetap mudah dimengerti dan
mudah diakses.
2. Sebanyak 41,07% responden dalam survei ini mencari
jadwal ibadah tiap minggu beserta tema dan pelayan
firman serta jam ibadah. Responden lainnya juga banyak
yang mencari informsi tentang tim-tim pelayanan, hingga
komisi-komisi yang ada digereja. Beberapa diantaranya
juga mencari jadwal kegiatan-kegiatan yang dilakukan
oleh gereja.
3. Selain website yang dinilai kurang menarik, sebagian
besar responden berpendapat bahwa ukuran gambar,
ukuran huruf, dan warna yang digunakan tidak konsisten,
sehingga menyebabkan rentan hilang fokus saat
mengakses website. Informasi yang disediakan pada
website terbatas, banyak informasi yang dianggap
penting namun tidak disertakan didalam website.
4. Beberapa responden menyarankan agar website
menggunakan maksimal 2 warna saja, dan warna yang
digunakan adalah warna dasar. Gambar pendukung dari
setiap konten yang ada juga dinilai penting untuk
membuat website terlihat lebih menarik. Dan tata letak
hingga ukuran yang konsisten harus lebih diperhatikan
lagi.
5. Sebagian besar responden menyarankan agar informasi
yang ditampilkan diperbanyak agar website menjadi
lebih informatif.
Selain menjawab pertanyaan pada survei, responden
juga memberi peringkat pada setiap informasi yang ada. Hal
ini agar dapat mengetahui kebutuhan pengguna terhadap
informasi dalam website. Berikut merupakan hasil peringkat
dari tiap kategori informasi. Peringkat pertama adalah
informasi ibadah tiap minggunya yang mencakup jadwal,
tema, pelayan firman dan sebagainya. Informasi dengan
peringkat ke 2 yaitu warta jemaat, dan peringkat ke 3 yaitu
Renungan mingguan, dan seterusnya.
c) Kuesioner
Pada penelitian ini, penulis menyebarkan 2 kuesioner.
Kuesioner yang pertama adalah untuk mengetahui kepuasan
pengguna terhadap website GKI Gejayan dengan
menggunakan system usability scale (SUS), kuesioner kedua
adalah untuk mengatehaui pengalaman pengguna dalam
mengakses website, menggunakan user experience
questionnaire (UEQ).
• System Usability Scale (SUS)
Hasil rata-rata akhir yang diperoleh dari
perhitungan menggunakan metode SUS sesuai tabel
diatas adalah 66. Dalam metode SUS (System Usability
Scale) skor 66 termasuk ke dalam kategori “OK” Gambar 6 Ide Anggota 3
dengan grade D.
• User Experience Questionnaire (UEQ).
Diperoleh hasil berdasarkan 6 aspek yang diukur
dalam UEQ yaitu attractiveness dengan skor rata-rata
sebesar 1,21 (diatas rata-rata), perspicuity skor rata-
ratanya yaitu 1,41 (diatas rata-rata), efficiency skor rata-
rata sebesar 1,20 (diatas rata-rata), dependability
memiliki hasil skor rata-rata 1,22 (diatas rata-rata),
stimulation dengan skor rata-rata 0,94 (dibawah rata-
rata), dan novelty dkor rata-ratanya yaitu 0,35 (dibawah
rata-rata).
Gambar 7 Ide anggota 4
2. Tahap Pengembangan
a. Understand
Pada tahap ini hasil dari wawancara dan survei
pada tahap sebelumnya digunakan sebagai bahan
referensi yang akan didiskusikan bersama dalam
anggota tim. Dengan mempertimbangkan hasil
wawancara, survei, dan kuisioner sebelumnya,
dalam diskusi tim 4 dari 5 orang menyarankan agar
website akan dibagi menjadi beberapa bagian utama
pada navigasi bar. Halaman yang ada adalah Gambar 8 ide anggota 5
beranda, visi misi, sejarah, profil pendeta, struktur
organisasi, berita mimbar, gejayan tetulung, dan
testimonial c) Decide
b) Diverge Pada tahap ini dilakukan pemilihan terhadap hasil
Pada tahap ini di dapatkan hasil dari ide-ide kelima brainstorming dari tahap sebelumnya. Pemilihan ini
anggtta tim dalam bentuk crazy 8. menggunakan teknik super vote. Dimana ide dari
setiap anggota akan dijelaskan secara terbuka didepan
anggota yang lainnya, saat semua anggota telah
mendapat giliran mempresentasikan idenya kemudian
akan dilakukan voting berdasarkan ide mana yang
paling efektif. Voting dilakukan oleh setiap anggota
dengan memiliki 1 suara yang bisa digunakan untuk
masing-masing kategori brainstorming. Untuk ide
yang terpilih setiap anggota dapat menambahkan ide
atau pendapatnya kembali untuk melengkapi ide yang
tepilih. Berikut adalah ide yang terpilih.
Gambar 4 Ide anggota 1

Gambar 9. Beranda Gambar 10. Visi Misi

Gambar 5 Ide anggota 2

7
 e) Validate
Validasi Prototype A dan B dengan
membandingkan prototype A/B menggunakan
pengujian efisiensi dan efektivitas. Dari hasilnya akan
dihasilkan prototype C, prototype C akan dievaluasi
menggunakan SUS dan UEQ pada tahap alhir. Tahap
validate ini dilakukan pada 10 responden yang
memenuhi kriteria sebagai responden.

• Pengujian efisiensi prototype A dan B

Gambar 11. Sejarah Gambar 12. Profil Pendeta

Gambar 13. Struk. Organisasi Gambar 14. Beirta Mimbar

Gambar 19 Hasil efisiensi prototype A

Gambar 15. Tetulung Gambar 16. Testimonial

d) Prototype
Berdasarkan pengambilan keputusan pada tahap
sebelumnya, akan ada 2 prototype yang akan diuji
pada tahap berikutnya dengan membandingkan
prototype A

Gambar 20 Hasil efisiensi prototype B

Berdasarkan hasil pengujian efisiensi antara

prototype A dan prototype B, prototype A mendapat hasil
rata- rata yaitu 88% dan prototype B yaitu 85%, maka tingkat
efisiensi yang lebih tinggi adalah prototype A

• Pengujian efektivitas prototype A dan B

Berdasarkan hasil pengujian efektivitas antara prototype A
dan prototype B, prototype A mendapat hasil rata- rata yaitu
94% dan prototype B yaitu 92%, maka tingkat efektivitas
yang lebih tinggi adalah prototype A.
Gambar 17. Prototype A Gambar 18. prototype B

8
 Gambar 25. Sejarah (C) Gambar 26. Informasi lainnya(C)

Gambar 21. Hasil efektivitas prototype A

Gambar 27. Profil Pendeta (C) Gambar 28. Detail Profil (C)

Gambar 22. Hasil efektivitas prototype B

3. Tahap Akhir
a) Prototype C

Gambar 29 Struk. Organisasi Gambar 30. Detail Organisasi

Gambar 23 Beranda (C) Gambar 24. Visi misi (C)

Gambar 31. Berita Mimbar Gambar 32. Detail Berita Mimbar

9

Gambar 33. Gejayan Tetulung Gambar 34. Testimonial
• Pengujian Kepuasan / satisfaction prototype C
Gambar 35. Hasil kepuasan prototype C
Diatas merupakan skor SUS yang telah dihitung
untuk mendapatkan hasil akhir atau mencari skor rata-rata
dari prototype C yang diuji. Hasil yang diperoleh adalah 87,
nilai ini memiliki kenaikan dari pengujian menggunakan
SUS pada webiste sebelum pengembangan dengan nilai 66.
Nilai yang diperoleh pada prototype C ini masuk dalam
kategori excellent, degan grade scale B.
• Pengujian UEQ prototype C
Pada pengujian UEQ diperoleh hasil berdasarkan 6
aspek yang diukur dalam UEQ yaitu attractiveness dengan
skor rata-rata sebesar 1,78 (good), perspicuity skor rata-
ratanya yaitu 2,03 (excellent), efficiency skor rata-rata
sebesar 1,80 (good), dependability memiliki hasil skor rata-
rata 1,43 (above average), stimulation dengan skor rata-rata
1,68 (good), dan novelty skor rata-ratanya yaitu 1,20 (good).
V. KESIMPULAN
Berdasarkan hasil yang diperoleh dari pengujian
dalam penelitian ini, dapat disimpulkan penelitian ini
berjalan dengan baik dan memberikan hasil yang cukup
memuaskan. Pada tahap membandingkan dua prototype hasil
10
pengujian efisiensi dan efektivitas dari 2 prototype yaitu
prototype A dan Prototype B, skor rata-rata efisiensi pada
prototype A sebesar 88% dan prototype B sebesar 85%.
Pengujian efektivitas pada prototype A menghasilkan nilai
rata-rata 94%, dan protoype B dengan nilai rata-rata 92%.
Melalui pengujian ini, menghasilkan prototype C dengan
sebagaian besar isinya adalah menggunakan desain halaman
website pada protoype A karena menghasilkan nilai efisiensi
dan efektivitas yang lebih besar, namun tetap disempurnakan
dengan desain yang ada pada prototype B.
Desain akhir yang adalah prototype C, diujiakan lagi
dengan User Experience Questionnairre (UEQ) dengan hasil
pada webiste sebelumnya attractiveness dari 1,78 (above
average) menjadi 1,21 (good), perpicuity yang skor
sebelumnya 1,41 (above average) menjadi 2,03 (excellent),
efficiency skor rata-rata sebelumnya sebesar 1,20 (above
average) menjadi 1,80 (good), dependability yang
sebelumnya memiliki hasil skor rata-rata 1,22 (above
average) menjadi 1,43 (above average), stimulation dengan
skor sebelumnya yaitu 0,94 (below average) meningkat
menjadi 1,68 (good), dan novelty skor sebelumnya 0,35
(below average) menjadi 1,20 (good).
Hasil yang meningkat diperoleh juga dari pengujian
usability testing dengan menggunakan pengujian System
Usability Scale (SUS) untuk mengukur tingkat kepuasan
pengguna, nilai akhir yang dihasilkan sebesar 87 (excellent),
dengan grade scale “B”, dan acceptability ranges
“acceptable” nilai yang dihasilkan ini mengalami
peningkatan dari yang sebelumnya bernilai 66 (good),
dengan grade scale “D”, dan acceptability ranges “hight
marginal”.
UCAPAN TERIMA KASIH
Terimakasih kepada semua pihak yang telah mendukung
penelitian ini, kepada dekan Fakultas Teknologi Informasi,
Kepala Program Studi Informatika, kedua dosen
pembimbing serta setiap orang yang telah mendukung dalam
doa sehingga penelitian ini bisa selesai dengan baik.
DAFTAR PUSTAKA
[1] Brooke, J. (2013). SUS: A Retrospective. Journal Of
Usability Studies, 32-33. [2] Dien, M. E. (2022).
Perancangan Website Dan Sistem Informasi Gereja Katolik
Paroki Santa Maria Bintang Laut Ambon. Jurnal Simetrik,
613-614. [3]Knapp, J., Zeratsky, J., & Kowit Z, B. (2016).
SPRINT How To Solve Big Problems and Test New Ideas in
Just Five Days. San Fransisco: Simon & Schuster Audio.
[4]Maulani, T. J., Suprapto, & Perdanakusuma, A. R. (2021).
Evaluasi User Experience Menggunakan Metode Usability
Testing dan User Experience Questionnaire (UEQ) (Studi
Kasus: Website Superprof.co.id dan Zonaprivat.com). Jurnal
Pengembangan Teknologi Informasi dan Ilmu Komputer.
[5]Nielsen, J. (2001, January 20). Usability Metrics.
Retrieved from https://www.nngroup.com/articles/usability-
metrics/ [6]Nielsen, J. (2006, Juni 25). Quantitive Studies:
How Many Users to Test? Retrieved from
https://www.nngroup.com/articles/quantitative-studies-how-
many-users/ [7]Nielsen, J. (2012). Usability 101: Intoduction
to Usability. Retrieved from
https://www.nngroup.com/articles/usability-101-
introduction-to-usability/ [8]Prasetyo, A., Az-Zahra, H. M.,
& Brata, A. H. (2019). Perancangan Aplikasi Bimbingan
Skripsi Berbasis Mobile dengan menggunakan Pendekatan
Design Sprint (Studi Kasus Bimbingan Skripsi Fakultas Ilmu
Komputer Universitas Brawijaya). Jurnal Pengembangan
Teknologi Informasi dan Ilmu Komputer. [9]Pratama, A. A.
(2018). Analisis dan Perancangan User Interface/ User
Experience dengan Metode Google Design Sprint dan A/B
Testing pada Website Startup Qtaaruf. Jurnal Sistem
Informasi dan Komputer Akuntansi, 3-8. [10]Rahmi, R.,
Pradnyana, I. A., & Kesiman, M. W. (2019). Usability
Testing Berbasis Iso 9241-11 Pada Aplikasi Salak Bali (Studi
Kasus : Polres Buleleng). Kumpulan Artikel Mahasiswa
Pendidikan Teknik Informatika, 510-515. [11]Ramadan, R.,
Az-Zahra, H. M., & Rokhmawati, R. I. (2019). Perancangan
User Interface Aplikasi EzyPay menggunakan Metode
Design Sprint (Studi Kasus PT. Arta Elektronik Indonesia).
Jurnal Pengembangan Teknologi Informasi dan Ilmu
Komputer. [12]S., T., & Albert, W. (2010). MEASURING
THE USER EXPERIENCE Collecting, Analyzing and
Presenting Usability Metrics. United States of America.

11