Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN: 2548-964X

Vol. 2, No. 7, Juli 2018, hlm. 2448-2458 http://j-ptiik.ub.ac.id

Penggunaan Metode User Centered Design (UCD) dalam Perancangan

Ulang Web Portal Jurusan Psikologi FISIP Universitas Brawijaya
Dini Pratiwi1, Mochamad Chandra Saputra2, Niken Hendrakusma Wardani3

Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Brawijaya

Email: pratiwidini4@gmail.com, 2andra@ub.ac.id, 3niken.tif@gmail.com

Abstrak
Peranan website menjadi kebutuhan penting bagi suatu organisasi, termasuk pada jurusan Psikologi
FISIP Universitas Brawijaya yang memanfaatkan website untuk memberikan informasi terkait hal-hal
yang berhubungan dengan kegiatan perkuliahan. Pengembangan sebuah website harus melalui beberapa
pedoman usability untuk memastikan bahwa tujuan website dapat dicapai. Untuk menghasilkan website
dengan desain antarmuka yang dapat diterima pengguna dengan baik, digunakan pendekatan User
Centered Design (UCD) yang akan melibatkan pengguna pada proses pengembangan. Desain versi 2014
web portal Psikologi sudah lama tidak dievaluasi sehingga menyebabkan komplain dari mahasiswa
terkait sulitnya menemukan informasi yang ingin didapatkan. Permasalahan yang terdapat pada desain
versi 2014 dapat terselesaikan pada desain versi 2017, namun masih terdapat kendala yang dirasakan
oleh pengguna. Penelitian ini berfokus pada bagaimana memberikan rekomendasi menggunakan
pendekatan UCD terhadap masalah yang dihasilkan setelah melakukan evaluasi. Penelitian ini
membahas mulai dari hasil evaluasi desain versi 2014 dan desain versi 2017, analisis masalah, penetapan
konteks pengguna, spesifikasi kebutuhan, analisis rekomendasi, pembuatan desain solusi dan evaluasi
akhir. Hasil penelitian ini menunjukkan bahwa permasalahan yang ada dapat terselesaikan dengan
aturan desain yang terdapat dalam Standarisasi UB dan HHS guidelines.
Kata kunci: User Centered Design, WEBUSE, antarmuka pengguna, evaluasi, usabilitas
Abstract
The role of website becomes the essential needs of organizations, including The Department of
Psychology, Faculty of Social and Politic Sciences, University of Brawijaya. The department utilizes
the website to inform about academic activities, announcements, etc. The development of website has
come through usability guidelines to ensure that the goal of the website could be achieved. To produce
user interface design which could be accepted by the users, it was used the approach of User Centered
Design (UCD) which would involve the users in developing process. According to the first interview
that has been conducted, The Department of Psychology’s web has not been evaluated in a long time.
Thus explain the students complained because they could not find the information they needed. The
problems that contained in the initial design can be solved on the new design, but there are still
constraints felt by the user. This research focused on how to give the recommendation in using the
approach of UCD toward the problem which was resulted after doing the evaluation. This research
discussed from initial design evaluation and the new design, problem analysis, understand and specify
the context of use, specify user requirements, recommendation analysis, produce design solution, and
final evaluation. The result of this research is the existing problems can be solved according to the
design guidelines, which is listed in Standardization of UB and HHS guidelines.
Keywords: User Centered Design, WEBUSE, user interface, evaluation, usability

memanfaatkan website untuk memberikan

1. PENDAHULUAN
Peranan website menjadi kebutuhan penting
dari suatu organisasi, termasuk jurusan Psikologi
FISIP Universitas Brawijaya yang juga
informasi terkait hal-hal yang berhubungan
dengan kegiatan perkuliahan.
Berdasarkan wawancara awal yang
dilakukan dengan ketua program studi Psikologi
FISIP Universitas Brawijaya, web portal

Fakultas Ilmu Komputer

Universitas Brawijaya 2448
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2449

psikologi sudah lama tidak dievaluasi. Baik dari
isi konten maupun tampilan menjadi faktor yang
menyebabkan komplain dari pengguna. Namun,
dengan berubahnya Program Studi Psikologi
menjadi Jurusan Psikologi, web portal juga
mengalami perubahan baik dari isi konten
maupun tampilan.
Untuk menghasilkan website dengan desain
antarmuka yang dapat diterima pengguna
dengan baik, maka selain melakukan evaluasi
perlu adanya perancangan perbaikan.
Perancangan perbaikan dibuat untuk
memberikan rekomendasi terhadap masalah
yang muncul setelah evaluasi dilakukan.
User Centered Design adalah sebuah filosofi
perancangan yang menempatkan pengguna
sebagai pusat dari sebuah proses pengembangan
sistem. Pendekatan User Centered Design akan
melibatkan pengguna pada proses
pengembangan sehingga pengguna dapat
memberikan saran mengenai antarmuka website,
serta hasil akhir dalam perancangan website ini
diharapkan menghasilkan desain solusi sesuai
dengan kebutuhan pengguna.
Harapan dari penelitian ini nantinya akan
menghasilkan sebuah rekomendasi yang
bertujuan untuk menyelesaikan masalah yang
didapat dari hasil evaluasi dan dapat membuat
tampilan website yang lebih baik pada sisi user
interface dari user interface yang sudah ada
sebelumnya.
proses iteratif yang berputar disekitar pengguna.
Oleh karena itu, bukan hal yang mengherankan
jika pengguna berada pada pusatnya. Artinya,
setiap proses yang dilakukan nantinya akan
melibatkan perspektif pengguna.
Tujuan dilakukan pendekatan UCD adalah
untuk menghasilkan produk dengan nilai
usability yang tinggi (Mulia, 2016). Berikut
merupakan fase-fase dalam User Centered
Design yang dapat dilihat pada gambar 1.
2.3 WEBUSE
Metode WEBUSE digunakan untuk
mengevaluasi website dari aspek usability pada
semua jenis web dan domain. Kuesioner
WEBUSE terdiri dari 24 pertanyaan dengan 5
opsi jawaban yang terbagi dalam 4 kategori,
yaitu Content, Organization, and Readability,
Navigation and Links, Desain User Interface,
Performance and Effectiveness (Chiew & Salim,
2003).

2. TINJAUAN PUSTAKA Gambar 1 Fase User Centered Design

2.1 Web Portal Psikologi

Jurusan Psikologi FISIP Universitas
Brawijaya memiliki web portal dengan alamat
http://psikologi.ub.ac.id/. Web portal yang
dimiliki jurusan Psikologi FISIP Universitas
Brawijaya dimanfaatkan untuk memberikan
informasi terbaru dan yang dibutuhkan
mahasiswa terkait hal-hal yang berhubungan
dengan kegiatan perkuliahan.

2.2 User Centered Design Gambar 2 Proses Evaluasi Metode WEBUSE

User Centered Design (UCD) merupakan 2.4 Standarisasi Universitas Brawijaya

paradigma baru dalam pengembangan sistem
berbasis web. Konsep dari UCD adalah Standar website Universitas Brawijaya
pengguna sebagai pusat dari proses diterapkan dengan tujuan utama untuk
pengembangan sistem, dan tujuan/sifat-sifat, mempermudah pengguna memperoleh informasi
konteks serta lingkungan sistem semua yang sejenis di website unit kerja yang berbeda.
didasarkan dari pengalaman pengguna Dokumen Petunjuk Teknis Pengelolaan Website
(Simatupang, 2014). ini diharapkan akan menjadi rujukan
Menurut Lightbown, UCD merupakan suatu pengelolaan website di tingkat fakultas dan unit

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
kerja di UB (UB, 2014).
2.4 HHS Guidelines
HHS Guidelines dikembangkan oleh United
State Departement of Health and Human Service
tentang penggunaan dan desain suatu website.
Pedoman ini dapat dijadikan dasar keputusan
terbaik dan sangat relevan dengan desain situs
yang berorientasi informasi, tetapi juga dapat
diterapkan diseluruh jenis yang luas dari suatu
website (Leavitt dan Shneiderman, 2006).
3. METODOLOGI PENELITIAN
Alur tahapan penelitian yang akan
dilaksanakan dapat dilihat pada Gambar 3.
Gambar 3 Alur Penelitian
3.1 Evaluasi Desain Versi 2014
Pada penelitian ini, kuesioner WEBUSE
tetap perlu dilakukan pengujian validitas dan
reliabilitas untuk mendapatkan hasil yang valid
dan reliabel. Penyebaran kuesioner pertama kali
untuk melakukan pengujian validitas dan
reliabilitas terhadap pertanyaan-pertanyaan yang
terdapat dalam kuesioner yang akan dibagikan.
Kuesioner WEBUSE akan dibagikan kepada 30
orang responden, karena menurut Roscoe dalam
Fakultas Ilmu Komputer, Universitas Brawijaya
2450
Uma Sekaran (2006) ukuran sampel dari 30 dan
kurang dari 500 adalah tepat untuk sebagian
besar penelitian.
Setelah lulus dari tahap uji validitas dan
reliabilitas, kuesioner yang benar akan
disebarkan kepada responden dengan
menentukan jumlah responden menggunakan
rumus slovin. Kuesioner untuk evaluasi desain
versi 2014 dibagikan kepada 100 orang
responden, sesuai rumus slovin, dengan taraf
kesalahan (e) sebesar 10%.
3.2 Evaluasi Desain Versi 2017
Tahap ini juga akan menyebarkan kuesioner
untuk mengevaluasi desain versi 2017 dari
antarmuka web portal psikologi, tujuan dari
dilakukannya evaluasi ini adalah untuk
mengukur kenaikan nilai usability web portal
Jurusan Psikologi FISIP Universitas Brawijaya.
Kuesioner untuk evaluasi desain versi 2017 juga
dibagikan kepada 100 orang responden, sesuai
rumus slovin dengan taraf kesalahan (e) sebesar
10%.
Setelah hasil kuesioner desain versi 2017
dihitung, dilakukan perbandingan antara hasil
evaluasi desain versi 2014 dan desain versi 2017
kemudian dilanjutkan dengan membuat analisa
perbandingan sehingga dapat diketahui
permasalahan yang masih ada agar dapat
diberikan rekomendasi.
3.3 Memahami dan Menentukan Konteks
Pengguna
Pada tahap ini akan dilakukan pemahaman
dan penetapan konteks pengguna dari web portal
psikologi FISIP Universitas Brawijaya. Data
yang dibutuhkan untuk memahami dan
menetapkan konteks mulai dari karakteristik
pengguna hingga tujuan dan tugas pengguna.
Karakteristik pengguna yang dimaksud adalah
nama, NIM dan juga usia.
3.4 Menspesifikasikan Kebutuhan Pengguna
Dalam menspesifikasikan kebutuhan
pengguna, digunakan metode wawancara
(interview). Wawancara dilakukan untuk
mengidentifikasi tentang masalah yang didapat
dari analisa perbandingan hasil evaluasi desain
versi 2014 dan desain versi 2017 secara lebih
detail pada web portal psikologi yang
sebelumnya telah teridentifikasi.
Menurut (Nielsen, 2000) pada proyek desain
tidak harus membutuhkan pengujian pengguna
yang besar maka akan terjadi pemborosan
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2451

sumber daya dan hasil terbaik dari pengujian masih diterapkan.

pengguna tidak lebih dari 5 dan berjalan sesuai.
Setelah pengguna kelima, akan membuang-
buang waktu dengan mengamati temuan yang
sama berulang kali tapi tidak mendapatkan data
yang baru. Oleh karena itu, pada penelitian ini
akan dilakukan wawancara sebanyak 5 orang
narasumber.

3.5 Membuat Perbaikan Rancangan

Antarmuka
Tahap ini merupakan tahap perancangan
solusi, kegiatan yang akan dilakukan adalah
merancang desain sebagai solusi dari tampilan
yang sedang dianalisis. Perbaikan desain dibuat
berdasarkan analisa perbandingan hasil evaluasi
desain versi 2014 dan desain versi 2017 web
portal psikologi dengan kuesioner WEBUSE
yang telah disebarkan kepada responden dan
juga dari hasil wawancara pada tahap spesifikasi
kebutuhan, sekaligus mengacu kepada Gambar 4 Desain Versi 2014 Halaman Utama
guidelines (aturan) yang telah ditetapkan pada
dokumen Petunjuk Teknis Pengelolaan Website 4.2 Responden
Universitas Brawijaya dan buku Research-
Based Web Design & Guidelines. Selain itu, dari Diketahui bahwa N merupakan jumlah
guidelines tersebut juga bisa menjadi saran baru populasi mahasiswa Jurusan Psikologi FISIP
dalam perbaikan rancangan. Guidelines Universitas Brawijaya. Jumlah populasi
membantu untuk membuat keputusan desain mahasiswa aktif jurusan psikologi berjumlah
yang lebih efektif. 898, dengan rincian angkatan 2013 berjumlah
252 mahasiswa, angkatan 2014 berjumlah 218
3.6 Mengevaluasi Hasil Perbaikan mahasiswa, angkatan 2015 berjumlah 231
Rancangan mahasiswa dan angkatan 2016 berjumlah
berjumlah 197 mahasiswa.
Evaluasi merupakan kegiatan yang sangat Nilai e adalah taraf kesalahan yang
penting dalam metode User Centered Design. dikehendaki, bernilai 10%. n merupakan sampel
Evaluasi hasil perbaikan rancangan dilakukan yang akan dicari tahu jumlahnya. Hasil
dengan penyebaran kembali kuesioner perhitungan menggunakan rumus slovin adalah:
WEBUSE kepada responden, kuesioner akan
dibagikan kepada 100 orang responden. Jumlah n = N / (1 + N . e2)
responden sesuai rumus slovin dengan taraf n = 898 / ( 1 + 898.(10%)2)
kesalahan (e) sebesar 10%.
n = 898 / ( 1 + 898.(0,1)2)
Berdasarkan hasil evaluasi perbaikan
rancangan akan diketahui apakah permasalahan n = 898 / ( 1 + 898.(0,01))
dalam analisa perbandingan hasil desain versi n = 898 / ( 1 + 8,98)
2014 dan desain versi 2017 dapat teratasi dan
juga untuk mengetahui adakah peningkatan nilai n = 898 / 9,98
usabilitas pada web portal psikologi. n = 89,9

4. EVALUASI DESAIN VERSI 2014 Sehingga dapat kita tentukan sampel yang
akan menjadi responden dalam penelitian ini
4.1 Objek Penelitian berjumlah minimal 90 orang.

Psikologi FISIP Universitas Brawijaya 4.3 Instrumen Penelitian

memiliki web portal dengan domain
psikologi.ub.ac.id. Gambar 4 merupakan Instrumen penelitian terhadap evaluasi web
tampilan utama pada saat desain versi 2014 portal Jurusan Psikologi FISIP Universitas

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Brawijaya adalah kuisioner WEBUSE yang
terdiri dari 24 pertanyaan dan dikelompokkan
menjadi 4 kategori yang bisa dilihat pada tabel 1.
Tabel 1 Instrumen Penelitian
Atri
Pertanyaan
but
Content, Organization, and Readability
Website ini menyediakan informasi yang saya
1
butuhkan dalam keadaan terkini
Saya dapat dengan mudah menemukan
2 informasi yang saya inginkan di dalam website
ini
Isi/konten yang terdapat dalam website ini
3
tersusun/terorganisasikan dengan baik
Saya dapat dengan mudah membaca isi/konten
4 4.4 Uji Validitas dan Reliabilitas
website ini
Saya merasa nyaman dan tidak asing dengan
5
bahasa yang digunakan
Saya tidak perlu menggunakan scroll ke kiri dan
6
ke kanan ketika membaca website ini
Navigation and Links
Saya dapat dengan mudah mengetahui dimana
7 posisi saya atau dalam halaman apa saya
berada
Adanya keterangan pada tampilan icon
8 sehingga memudahkan saya dalam memahami
fungsi icon tersebut
Saya dapat dengan mudah menjelajah website
ini dengan mengakses link maupun kembali ke
9
halaman sebelumnya dengan tombol kembai
(back)
Tautan (link) dalam website ini terpelihara dan
10
terperbaharui dengan baik
Ketika saya menjelajahi website ini tidak
11 banyak membuka kotak jendela baru (new
windows)
Tautan-tautan (links) dan menu ditempatkan
12 secara standar dalam keseluruhan website ini
dan dapat dengan mudah saya kenali
User Interface Design
Desain antarmuka pengguna website ini
13
menarik
Saya merasa nyaman dengan warna yang
14
digunakan dalam website ini
Website ini tidak mengandung fitur yang
15 menganggu seperti scrolling atau blinking teks
dan animasi berulang
Website ini mempunyai tampilan (feel and
16
look) yang konsisten di semua halaman
Website ini tidak mengandung terlalu banyak
17
iklan
Desain website ini bisa dipahami dengan baik
18
dan mudah untuk dipelajari penggunanya
Performance and Effectiveness
Fakultas Ilmu Komputer, Universitas Brawijaya
2452
Saya tidak perlu menunggu terlalu lama untuk
19
membuka suatu halaman
Saya dapat dengan mudah membedakan
20 antara tautan (link) yang sudah dan yang belum
dikunjungi
Saya dapat mengakses website ini di hampir
21
sepanjang waktu
Website ini memberi respon terhadap tindakan
22 yang saya lakukan sesuai dengan perkiraan
saya
Saya merasa tepat menggunakan website ini
23
tanpa membuang waktu, tenaga ataupun biaya
Website ini selalu menyediakan informasi yang
24 jelas dan berguna ketika saya tidak tahu
bagaimana harus melanjutkan tindakan saya
Untuk perhitungan pengujian validitas
kuisioner menggunakan tools berupa aplikasi
statistik. Tujuan pengujian validitas dilakukan
agar data yang diperoleh bisa relevan atau sesuai
dengan tujuan diadakannya pengukuran tersebut.
Untuk mengetahui pernyataan atau
pertanyaan yang valid dilihat dari nilai
Corrected Item-Total Correlation. Butir
pernyataan dinyatakan valid jika memiliki nilai
koefisien korelasi lebih besar atau sama dengan
0,30. Variabel dalam kolom Corrected Item-
Total Correlation memiliki nilai lebih besar dari
0,30. Sehingga 24 butir pernyataan atau
pertanyaan dinyatakan valid.
Setelah melakukan uji validitas, diakukan uji
reliabilitas yang bertujuan untuk menunjukkan
konsistensi pengukuran dari suatu tes.
Tabel 2 Reliability Statistics
Cronbach's Alpha N of Items
.932 24
Hasil perhitungan dari pengujian reliabilitas
dapat dilihat dari tabel 3. Diketahui angka
Cronbach`s Alpha adalah sebesar 0,932. Jadi
angka tersebut lebih besar dari nilai minimal
Cronbach`s Alpha (α) yaitu 0,60, oleh karena itu
dapat disimpulkan bahwa instrumen penelitian
yang akan digunakan benar-benar reliabel.
4.5 Hasil Kuesioner Evaluasi Desain Versi
2014
Evaluasi desain versi 2014 dilaksanakan
dengan menggunakan kuesioner WEBUSE yang
dibagikan kepada 100 orang responden yang
dilakukan pada tanggal 20 Desember 2016 – 24
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2453

Februari 2017. Mod

0.56
19 1 36 52 9 2 erat
Berdasarkan Tabel 3, dapat dilihat pada 3
e
kolom rata-rata dan juga keterangan bahwa yang 0.39
termasuk dalam usabilitas level good hanya 20 0 26 28 22 24 Poor

Performance and Effectiveness

0
terdapat tiga atribut. Sedangkan 18 atribut Mod
0.51
berada dalam level moderate. Untuk level poor 21 0 32 45 21 2
8
erat
terdapat tiga atribut. e
Mod
0.48
Tabel 3 Rekapitulasi Kuesioner Desain Versi 2014 22 0 23 51 22 4 erat
3
e
Jumlah Jawaban / Skala
Kate Atri Rata Mod
ST Ket. 0.49
gori but SS S N TS -rata 23 0 22 54 22 2 erat
S 0
e
Mod Mod
0.43 0.46
1 1 25 31 31 12 erat 24 0 25 41 29 5 erat
0 5
e e
Content, Organisation and Readability

Mod
0.40
2 0 17 34 43 6 erat Tabel 4 merupakan pengelompokan dari
5
e
hasil evaluasi desain versi 2014 menjadi empat
Mod
3 0 18 51 24 7
0.45
erat kategori yaitu Content, Organization, and
0
e Readability, Navigation and Links, Design User
Mod Interface, dan Performance and Effectiveness.
0.53
4 0 35 47 16 2 erat Berdasarkan Tabel 4, diketahui bahwa nilai
8
e
usability web portal psikologi berada pada level
0.60 Goo Moderate.
5 2 50 39 7 2
8 d
0.60 Goo Tabel 4 Usabilitas Desain Versi 2014 per Kategori
6 6 46 34 12 2
5 d
Mod Level
0.55 Kategori Point
7 0 38 49 10 3 erat Usabilitas
5
e Content, Organisation and
0.506 Moderate
0.54
Mod Readability
8 0 39 40 18 2 erat
5 Navigation and Links 0.519 Moderate
e
Navigation and Links

Mod User Interface Design 0.518 Moderate

0.55
9 1 42 36 19 2 erat Performance and
3 0.484 Moderate
e Effectiveness
0.38 Rata-rata 0.506 Moderate
10 0 19 38 22 21 Poor
8
Mod
0.55
11 1 36 49 13 1
8
erat 4.6 Analisis Hasil Evaluasi Desain Versi 2014
e
Mod
Terdapat tiga atribut yang termasuk dalam
0.51 kategori poor yang akan menjadi permasalahan
12 0 32 45 20 3 erat
5
e dari hasil evaluasi desain versi 2014, seperti
13 0 8 37 38 17
0.34
Poor
yang terdapat pada tabel 5.
0
Mod Tabel 5 Hasil Evaluasi Desain Versi 2014
0.43
14 0 16 47 30 7 erat
0 Permasalahan Deskripsi
e
User Interface Design

Mod Tautan (link) dalam website ini tidak

0.59 Masalah 1 terpelihara dan terperbaharui
15 4 38 49 8 1 erat
0
e dengan baik
Mod Desain antarmuka pengguna
0.55 Masalah 2
16 2 35 48 12 3 erat website kurang menarik
3
e
Pengguna tidak dapat membedakan
0.68 Goo
17 18 51 19 11 1 Masalah 3 antara tautan (link) yang sudah dan
5 d
yang belum dikunjungi
Mod
0.51
18 0 35 39 23 3 erat
5 Masalah pertama terkait tautan (link) dalam
e

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2454

website ini tidak terpelihara dan terperbaharui Tabel 6 Hasil Rekaptulasi Kusioner Desain Versi
dengan baik, atribut ini memiliki nilai 0.388 2017
sehingga berada dalam range nilai 0.2 – 0.4. Jumlah Jawaban / Skala
Kate Atri Rata
Masalah kedua mengenai desain antarmuka gori but ST -rata
Ket.
SS S N TS
pengguna website kurang menarik, atribut ini S
memiliki nilai 0.340. Masalah ketiga terkait 0.51
Mod
pengguna tidak dapat membedakan antara tautan 1 2 27 44 27 0 erat
0
e

Content, Organisation and Readability

(link) yang sudah dan yang belum dikunjungi,
Mod
atribut ini berada dalam level poor dengan nilai 2 0 20 41 39 0
0.45
erat
3
0.390. e
Mod
0.49
5. EVALUASI DESAIN BARU 3 0 20 57 23 0 erat
3
e

5.1 Hasil Kuesioner Evaluasi Desain Versi Mod

0.55
4 0 37 49 14 0 erat
2017 8
e

Tampilan desain versi 2017 dapat dilihat 0.63 Goo

5 5 49 39 7 0
0 d
pada Gambar 5.
0.62 Goo
6 8 46 32 14 0
0 d
Mod
0.58
7 1 43 46 10 0 erat
8
e
Mod
0.58
8 3 44 35 18 0 erat
0
e
Navigation and Links

0.64 Goo
9 3 57 35 5 0
5 d
Mod
0.51
10 2 24 53 21 0 erat
8
e
Mod
0.57
11 4 36 46 13 0 erat
5
e
Mod
0.59
12 1 41 52 6 0 erat
3
e
Mod
0.51
13 0 12 83 5 0 erat
8
e
Mod
0.51
14 0 23 60 17 0 erat
User Interface Design

5
e
0.60 Goo
15 6 39 46 9 0
5 d
Mod
0.59
16 6 36 47 11 0 erat
Gambar 5 Desain Versi 2017 Halaman Utama 3
e
0.70 Goo
Tampilan web portal Psikologi yang dahulu 17 21 49 19 11 0
0 d
sudah dievaluasi, telah diperbarui semenjak 0.61 Goo
18 3 47 43 7 0
bulan Mei 2017 oleh Divisi IT Psikologi. 5 d
Evaluasi desain versi 2017 dilaksanakan Mod
Performance and Effectiveness

0.59
dengan menggunakan kuesioner WEBUSE juga 19 2 41 48 9 0 erat
0
e
yang dibagikan kepada 100 orang responden
0.39
yang dilakukan pada tanggal 16 Juni – 21 Juni 20 0 5 49 46 0
8
Poor
2017. Mod
0.55
21 1 37 44 18 0 erat
3
e
0.52 Mod
22 1 27 52 20 0
3 erat

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2455

e
Mod
0.52
23 1 23 59 17 0 erat
0
e
Mod
0.51
24 0 30 47 23 0 erat
8
e

Berdasarkan tabel 6 dapat dilihat pada

kolom rata-rata dan juga keterangan, yang
termasuk dalam usabilitas level good terdapat
enam atribut. Sedangkan 17 atribut berada dalam
level moderate, Untuk level poor hanya terdapat
satu atribut.
Tabel 7 merupakan pengelompokan dari
hasil evaluasi desain versi 2017 menjadi empat
kategori yaitu Content, Organization, and
Readability, Navigation and Links, Design User
Interface, dan Performance and Effectiveness.
Berdasarkan Tabel 8 bisa diketahui bahwa nilai
usability web portal psikologi desain versi 2017
berada pada level Moderate.
Tabel 7 Usabilitas Desain Versi 2017 per Kategori
Level
Kategori Point
Usabilitas
Content, Organisation and
Readability 0.543 Moderate
Navigation and Links 0.582 Moderate
User Interface Design
0.590 Moderate
Performance and
Effectiveness 0.516 Moderate
Rata-rata 0.557 Moderate
5.2 Perbandingan Evaluasi Desain Versi 2014
dan Desain Versi 2017
Perubahan hasil evaluasi desain versi 2014
dengan hasil evaluasi desain versi 2017 dapat
dilihat pada gambar 6. Diketahui bahwa dalam
level poor terdapat dua atribut yang mengalami
perubahan level menjadi moderate yaitu atribut
10 dan 13, namun satu atribut yang masih berada
dalam level poor yaitu atribut 20. Sedangkan
pada level moderate di evaluasi desain versi
2014 terdapat tiga atribut yang mengalami
perubahan level menjadi good yaitu atribut 9, 15
dan 18, terdapat atribut 11, 4, 19, 23, 7, 21, 8, 22,
16, 3, 2, 24, 12, 1 dan 14 yang mengalami
kenaikan namun masih berada dalam level
moderate.
Fakultas Ilmu Komputer, Universitas Brawijaya
Gambar 6 Perbandingan Hasil Evaluasi Desain
Versi 2014 Dan Baru
5.3 Analisis Masalah
Berdasarkan Tabel 5, diketahui bahwa ada
tiga atribut yang termasuk dalam kategori poor
yang menjadi permasalahan pada hasil evaluasi
desain versi 2014. Setelah hasil evaluasi desain
versi 2017 direkap, terdapat satu atribut yang
berada dalam kategori poor yang masih menjadi
permasalahan bagi pengguna web portal
psikologi yaitu seperti yang terdapat pada tabel
8.
Tabel 8 Masalah pada Evaluasi Desain Versi 2017
Permasalahan Deskripsi
Pengguna tidak dapat membedakan
Masalah 1 antara tautan (link) yang sudah dan
yang belum dikunjungi
Terdapat satu masalah terkait pengguna
tidak dapat membedakan antara tautan (link)
yang sudah dan yang belum dikunjungi, atribut
ini berada dalam level poor dengan nilai 0.398.
5.4 Memahami dan Menetapkan Konteks
Pengguna
Kelompok pengguna sistem adalah
mahasiswa Jurusan Psikologi FISIP Universitas
Brawijaya. Identifikasi dari kelompok pengguna
ini dapat dilihat dari NIM yang menjelaskan
masing-masing fakultas beserta jurusan.
Tabel 9 Kelompok Pengguna Sistem
Peran dan Kegunaan
Kelompok Pengguna
dalam Sistem
Mahasiswa Psikologi
Mendapatkan informasi
FISIP Universitas
terkait web portal psikologi
Brawijaya
Untuk kelompok stakeholder terkait
merupakan staf Jurusan Psikologi yang berperan
dalam menyediakan informasi. Dikarenakan
fokus pada penelitian ini hanya dalam lingkup
user interface website, maka kelompok
pengguna yang menjadi responden dalam
penelitian ini merupakan kelompok pengguna
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2456

web portal psikologi pada Tabel 9. pada evaluasi desain versi 2014 mengalami
kenaikan sebesar 0.008 menjadi 0.398 pada
5.5 Memspesifikasikan Kebutuhan Pengguna evaluasi desain versi 2017. Solusi yang akan
Spesifikasi kebutuhan pengguna diberikan untuk masalah ini akan dihubungkan
dilaksanakan menggunakan metode interview dengan saran dan aturan desain yang digunakan.
atau wawancara dengan jumlah 5 orang yang
6.2 Usulan Perbaikan Desain Solusi
berasal dari perwakilan responden pada evaluasi
desain versi 2014 dan desain versi 2017 dengan Saran yang telah diberikan dikelompokan ke
pertimbangan mereka yang merasakan kendala dalam kategori WEBUSE, untuk standarisasi
saat mengakes web portal psikologi sehingga UB dan HHS guidelines digunakan sebagai
diharapkan mampu memberikan saran terhadap referensi agar desain yang dibuat tetap
perbaikan web portal psikologi. mengikuti aturan yang ada dan juga bertujuan
untuk menghindari unsur subjektivitas dalam
Tabel 10 Rangkuman Wawancara perancangan.
Hasil Deskripsi
Tabel 11 Hubungan Saran Dan Aturan Desain
Mencari informasi mengenai akademik
Mencari informasi mengenai Saran Deskripsi Guidelines
Wawancara
pengumuman Content, organisation
1 UB HHS
Mencari informasi mengenai berita and readability
terbaru Konten pada halaman
Tata letak konten berita terlalu yang ditampilkan
GUI_1
panjang Saran 1 dibatasi agar tidak
_16
terlalu panjang hingga
Wawancara Pengulangan informasi yang sudah scroll terlalu kebawah
2 terdapat pada web
Memberikan
Masih terdapat beberapa halaman keterangan pada GUI_1
yang tidak berisi informasi Saran 2 UB_5
halaman yang tidak _7
Tidak ada perbedaan link yang sudah memiliki informasi
dikunjungi dan belum Navigation and Links
Wawancara
3 Mengelompokkan link yang terkait Memberikan list link
dengan halaman yang sedang untuk halaman lain UB_1 GUI_2
dikunjungi Saran 3
yang memiliki konten 7 _8
berkaitan
Rangkuman wawancara dikelompokkan User interface design
berdasarkan pertanyaan yang diajukan.
Susunan konten perlu
Wawancara 1 mengenai tujuan pengguna, diperhatikan agar tidak GUI_3
Wawancara 2 terkait kendala yang masih Saran 4
terjadi pengulangan _2
dirasakan pengguna dan Wawancara 3 mengenai informasi
link yang terdapat pada website. Performance and
effectiveness
6. PERBAIKAN RANCANGAN DAN Membuat perbedaan
EVALUASI AKHIR antara link yang sudah GUI_4
Saran 5
dikunjungi maupun _1
6.1 Analisis Rekomendasi belum dikunjungi

Diketahui pada analisis evaluasi desain versi

2014 yang dapat dilihat pada tabel 5 bahwa
permasalahan yang difokuskan adalah atribut
yang berada dalam level poor. Hasil evaluasi
desain versi 2014 yang terdapat tiga atribut
dalam level poor, sekarang setelah hasil evaluasi
desain versi 2017 dihitung, satu atribut berada
dalam level poor, yaitu atribut 20.
Masalah mengenai pengguna tidak dapat
membedakan antara tautan (link) yang sudah dan
yang belum dikunjungi, memiliki nilai 0.390
6.3 Rancangan Desain Solusi
Masalah yang teridentifikasi adalah masalah
mengenai pengguna tidak dapat membedakan
antara tautan (link) yang sudah dan yang belum
dikunjungi. Rekomendasi yang diberikan
terhadap masalah dapat dilihat pada tabel 11
yaitu 5 saran yang memiliki hubungan dengan
HHS guidelines mengenai solusi yang akan
dilakukan, menggunakan warna yang berbeda
untuk link yang telah dikunjungi.

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
6.4 Perbandingan Desain Versi 2017 dan
Desain Solusi
6.4.1 Perbandingan pada Halaman Utama
Halaman utama desain versi 2017 (Gambar
5) terdapat informasi terbaru yang ditampilkan
pada baris Breaking News dan juga pada slider,
untuk desain solusi (Gambar 7) hanya
menampilkan pada slider saja, dikarenakan
konten yang terdapat dalam Breaking News dan
juga pada slider desain versi 2017 berisi
informasi yang sama.
Terdapat konten Berita, Pengumuman dan
Kegiatan yang ditampilkan dalam konten
halaman utama desain versi 2017, sedangkan
pada desain solusi konten berisi sambutan
selamat datang dari ketua jurusan dan diikuti
dengan berita terbaru, dikarenakan hasil dari
kegiatan wawancara masih ditemukan keluhan
terkait halaman yang terlalu panjang.
Gambar 7 Tampilan halaman utama sebelum link
dikunjungi
Fakultas Ilmu Komputer, Universitas Brawijaya
2457
Gambar 8 Tampilan Halaman Utama Setelah Link
Dikunjungi
6.4.2 Perbandingan pada Halaman Profil
Pada desain versi 2017 tampilan sidebar
yang berada di sebelah kiri berisi kolom menu
navigasi, kolom kalender, kolom kategori dan
arsip. Untuk desain solusi sidebar yang berada
di sebelah kanan konten berisi sub-menu profil
dan kategori. Pemberian list sub-menu profil
sesuai dengan aturan desain yang terdapat pada
HHS guidelines mengenai menyediakan link ke
halaman lain pada web dengan konten terkait.
6.4.3 Perbandingan pada halaman yang
tidak memiliki konten
Semua halaman yang tidak memiliki konten
pada desain versi 2017 tanpa diberikan
keterangan pada konten halaman. Sedangkan
pada desain solusi diberikan keterangan berupa
pemberitahuan bahwa konten halaman sedang
dalam proses pembaruan, sesuai dengan aturan
yang tercantum pada Standarisasi UB mengenai
halaman yang tidak memiliki konten.
6.5 Evaluasi Akhir
Evaluasi desain solusi dilaksanakan dengan
menggunakan kuesioner WEBUSE yang
dibagikan kepada 100 orang responden yang
dilakukan pada tanggal 13 Juli – 16 Juli 2017.
Dari gambar dibawah ini dapat disimpulkan
bahwa hasil evaluasi desain solusi mengalami
kenaikan di setiap atribut yang ada dibandingkan
dengan hasil evaluasi sebelumnya.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Gambar 9 Perbandingan Hasil Evaluasi Desain
Versi 2014, Versi 2017 dan Solusi
7. KESIMPULAN
Berdasarkan hasil penelitian yang dilakukan
pada web portal Jurusan Psikologi FISIP
Universitas Brawijaya, maka dapat diambil
beberapa kesimpulan sebagai berikut :
1. Evaluasi desain versi 2014 terhadap web
portal Jurusan Psikologi FISIP Universitas
Brawijaya dilakukan menggunakan
kuesioner WEBUSE. Hasil evaluasi desain
versi 2014 menunjukkan nilai usability web
portal berada pada level usability moderate.
Masalah yang teridentifikasi melalui
evaluasi desain versi 2014 ini berjumlah tiga
masalah yang berada pada level poor, yaitu
tautan (link) dalam website ini tidak
terpelihara dan terperbaharui dengan baik,
desain antarmuka pengguna website kurang
menarik dan pengguna tidak dapat
membedakan antara link yang sudah
dikunjungi dan belum dikunjungi.
2. Tampilan web portal psikologi dengan
desain versi 2014 yang sudah dievaluasi,
telah diperbarui semenjak bulan Mei 2017
oleh pihak psikologi. Sehingga dilakukan
evaluasi terhadap desain versi 2017 web
portal Jurusan Psikologi FISIP Universitas
Brawijaya yang juga menggunakan
kuesioner WEBUSE. Hasil evaluasi desain
versi 2017 menunjukkan nilai usability web
portal berada pada level usability moderate.
Nilai usability dari kategori content, Dua
dari tiga masalah pada evaluasi desain versi
2014 mengalami kenaikan level usability
dan berada pada level moderate. Satu atribut
yang masih menjadi permasalahan dari hasil
evaluasi desain versi 2017 adalah pengguna
tidak dapat membedakan antara link yang
sudah dikunjungi dan belum dikunjungi.
3. Solusi yang dilakukan terkait masalah link
yang ada pada desain versi 2017 web portal
Jurusan Psikologi FISIP Universitas
Brawijaya yaitu menggunakan warna yang
Fakultas Ilmu Komputer, Universitas Brawijaya
2458
berbeda untuk link yang telah dikunjungi
sesuai dengan aturan dalam HHS guidelines.
Desain solusi berhasil menyelesaikan
masalah yang ada, dapat dilihat pada hasil
evaluasi akhir yang telah dilakukan
mengalami kenaikan nilai sebesar 0.185.
Desain solusi juga telah berhasil mengatasi
kendala yang masih dirasakan oleh
pengguna pada desain versi 2017 sesuai
dengan aturan desain yang ada, dapat dilihat
dari hasil evaluasi akhir semua atribut
mengalami kenaikan nilai. Hasil evaluasi
akhir menunjukkan nilai usability web portal
berada pada level usability moderate.
DAFTAR PUSTAKA
Chiew, T.K. & Salim, S.S. 2003. WEBUSE:
Website Usability Evaluation Tool.
Malaysian Journal of Computer Science, 6
(1) 47-57.
Leavitt, Michael O., Shneiderman, Ben. 2006.
Research-Based Web Design & Usability
Guidelines. Washington: U.S. Department
of Health and Human Services.
Mulia, Atikah Hayyu. 2016. Pengembangan
Antarmuka Aplikasi Astofit Dengan
Pendekatan User Centered Design. Malang:
Universitas Brawijaya.
Nielsen, Jakob. 2000. Why You Only Need to
Test with 5 Users. Tersedia di:
<https://www.nngroup.com/articles/why-
you-only-need-to-test-with-5-users>
[Diakses 26 Februari, 2017]
Psikologi, 2016. Jurusan Psikologi Fakultas
Ilmu Sosial dan Ilmu Politik Universitas
Brawijaya. Tersedia di:
<http://psikologi.ub.ac.id/> [Diakses 29
September 2016]
Simatupang, Riko Mangasi. 2014. Penerapan
Metode User Centered Design Untuk
Perancangan Aplikasi Radio Streaming
Berbasis Web. Informasi dan Teknologi
Ilmiah (INTI) Volume III 1-5.
UB, 2014. Petunjuk Teknis Pengelolaan Website
Universitas Brawijaya. Malang: Universitas
Brawijaya.
Sekaran, Uma. 2006. Metodologi Penelitian
untuk Bisnis, Edisi 4. Jakarta: Salemba
Empat.