ANALISIS USER EXPERIENCE UNTUK PERANCANGAN USER INTERFACE

INDIGOES MENGGUNAKAN METODE KANSEI ENGINEERING

(Studi Kasus : STMIK IKMI Cirebon)

Oleh :
Martanto
NPM 2015210136
e-mail : martantomusijo@gmail.com

ABSTRAK

Website E-Learning saat ini sudah banyak digunakan pada dunia pendidikan, baik
sekolah tingkat atas hingga perguruan tinggi. STMIK IKMI Cirebon telah menggunakan
website E-Learning yang diberi nama Indigoes namun pemanfaatannya masih belum
maksimal karena tampilan Indigoes yang sangat sederhana. User experience pengguna
Indigoes dapat digunakan untuk perancangan user interface Indigoes yang baru sesuai
dengan keinginan pengguna. Kansei engineering adalah sebuah metode perancangan yang
menggunakan perasaan pengguna dalam membuat desain produk baru dan penelitian ini
menerapkan metode Kansei Engineering Type I untuk merancang user interface Indigoes
yang baru.
Penelitian ini menggunakan Kansei Word untuk mendeteksi emosi atau perasaan
pengguna Indigoes. Jumlah Kansei word yang digunakan sebanyak 23 kata yang mewakili
perasaan pengguna terkait dengan desain user interface Indigoes yang baru. Alternatif
desain yang digunakan sebanyak 5 buah. Penelitian ini melibatkan 30 partisipan dengan
perincian 15 orang adalah mahasiswa dan 15 orang mahasiswi dari jurusan Komputerisasi
Akuntasi dan Manajemen Informatika. Hasil kuisioner dari partisipan kemudian diolah
menggunakan analisis statistik multivarit yaitu Cronbach’s Alpha, Coefficient Correlation
Analysis (CCA), Principal Component Analysis (PCA), Factor Analysis (FA) dan analisis
Partial Least Square (PLS).

1
 2

Penelitian ini menghasilkan 3 buah rekomendasi prototype desain user interface

Indigoes yaitu prototype desain user interface Indigoes berdasarkan seluruh partisipan
menghasilkan konsep “Alami”, prototype desain user interface Indigoes berdasarkan
partisipan mahasiswa menghasilkan konsep “Collorfull”, prototype desain user interface
Indigoes berdasarkan partisipan mahasiswi menghasilkan konsep “Cerah”.

Kata Kunci : user experience, user interface, Indigoes, Kansei Engineering, Kansei Word

PENDAHULUAN

Latar Belakang
Website E-Learning yang digunakan di STMIK IKMI Cirebon diberi nama
Indigoes. Indigoes mulai digunakan untuk media pembelajaran pada tahun 2016, setiap
mahasiswa dan dosen telah memiliki akun di Indigoes. Walaupun semua mahasiswa dan
dosen telah memiliki akun di Indigoes namun masih banyak mahasiswa dan dosen belum
memanfaatkan fasilitas Indigoes sebagai media pembelajaran.

Rumusan Masalah
Sesuai dengan latar belakang, maka dapat dirumuskan masalahnya sebagai berikut :
1. Bagaimana menganalisis faktor-faktor user experience yang dapat digunakan untuk
menentukan perancangan user interface Indigoes sesuai dengan metode Kansei
Engineering?
2. Bagaimana menerapkan metode Kansei Engineering dalam perancangan user interface
Indigoes?
3. Bagaimana merumuskan elemen desain pada perancangan user interface Indigoes yang
sesuai dengan user experience
Tujuan Penelitian

Tujuan penelitian analisis user experience yang akan diimplementasikan untuk

perancangan user interface Indigoes menggunakan metode Kansei Engineering adalah
sebagai berikut :
1. Menganalisis faktor-faktor user experience yang dibutuhkan untuk perancangan user
interface Indigoes menggunakan Metode Kansei Engineering.
 3

2. Menerapkan metode Kansei Engineering dalam membuat perancangan user interface

Indigoes.

3. Membuat rekomendasi metrik elemen perancangan pada user interface Indigoes.

Batasan Masalah
Batasan masalah pada penyusunan tesis ini adalah :
1. Proses analisis user experience menggunakan aplikasi XLstat

2. Proses metode Kansei Engineering menggunakan metode Kansei Engineering Type 1

yaitu KEPack.

3. Obyek penelitian difokuskan terhadap pengguna Indigoes dilingkungan Kampus

STMIK IKMI Cirebon jurusan Manajemen Informatika dan Komputerisasi Akuntansi.

TINJAUAN PUSTAKA

User Experience
Menurut Jacob Gube (Gube, 2010) dalam artikel yang berjudul “What is User
Experience Design ? Overview, Tools And Resources” menjelaskan bahwa :
“User experience (abbreviated as UX) is how a person feels when interfacing with a
system. The system could be a website, a web application or desktop software and, in
modern contexts, is generally denoted by some form of human-computer interaction
(HCI)”.(Gube, 2010)
Sesuai dengan kutipan tersebut menjelaskan bahwa pengertian dari user experience adalah
mengacu pada bagaiamana perasaan seseorang ketika dihadapkan pada sebuah sistem
komputer seperti website, aplikasi atau software, umumnya untuk menunjukkan interaksi
antara komputer dengan manusia.

Kansei Engineering
Didalam jurnal yang dipublikasikan oleh Nagamachi (Lokman, Noor, & Nagamachi,
2009) menjelaskan bahwa Kansei Engineering pada dasarnya adalah teknologi yang
menggabungkan kansei dan alam rekayasa untuk mengasimilasi manusia ke dalam desain
produk dengan target menghasilkan produk kansei yang konsumen akan menikmati dan
puas.
 4

Kansei
Assessment

Kansei
Analysis

New
Product
Concept

Gambar 1. Alur Proses Kansei Engineering

METODOLOGI PENELITIAN

Metodologi Kansei Engineering yang digunakan untuk penelitian ini adalah

menggunakan tahapan Kansei Enginnering tipe I yaitu KEPack.

Pengambilan Data Quisioner

Inisiasi Penelitian dari Partisipan

Menghimpun dan Menentukan

kansei Word Analisis statistik
Multivariat

Menyusun Struktur Skala SD

kansei Word Menterjemahkan Data
Statistik ke dalam elemen
desain

Mengumpulkan sampel desain

(spesimen)

Memberikan hasil penerjemahan

kepada Desainer Multimedia

Mengklasifikasikan
Elemen desain

Mengusulkan sketsa desain

Gambar 2. Metodologi Penelitian

 5

HASIL ANALISIS DAN PEMBAHASAN

Berikut adalah daftar Kansei Word yang terpilih dan akan digunakan untuk
melakukan penelitian melalui kuisioner kepada partisipan.
Tabel 1. Daftar Kansei Word Terpilih
Kata Kansei
No Arti Kata Menurut KBBI
Hasil Kuisioner
1 Alami bersangkutan dengan alam; bersifat alam; wajar

2 Aman bebas dari bahaya, tidak dapat diambil orang

3 Canggih banyak mengetahui atau berpengalaman 

4 Cerah terang

5 Colorfull penuh warna, banyak warna

penuh semangat dan tenaga sehingga cepat
6 Dinamis bergerak dan mudah menyesuaikan diri dengan
keadaan dan sebagainya; mengandung dinamika
7 Elegan elok; rapi; anggun; lemah gemulai; luwes
seakan-akan bernyawa atau benar-benar tampak
8 Hidup seperti keadaan sesungguhnya (tentang lukisan,
gambar)
bersifat memberi informasi; bersifat
9 Informatif
menerangkan
10 Kekinian keadaan kini atau sekarang
mempunyai nilai atau mutu yang diakui dan
11 Klasik menjadi tolok ukur kesempurnaan yang abadi;
tertinggi
memiliki daya cipta; memiliki kemampuan untuk
12 Kreatif
menciptakan, bersifat (mengandung) daya cipta
13 Lucu menggelikan hati; menimbulkan tertawa; jenaka
Kata Kansei
No Arti Kata Menurut KBBI
Hasil Kuisioner
14 Menarik menyenangkan, mempengaruhi atau
 6

membangkitkan hasrat untuk memperhatikan

15 Modern terbaru; mutakhir
 tidak memerlukan banyak tenaga atau pikiran
16 Mudah dalam mengerjakan; tidak sukar; tidak berat;
gampang
bersifat alam; alamiah, bebas dari pengaruh;
17 Natural
bukan buatan; asli
18 Nyaman segar; sehat, sedap; sejuk; enak:

19 Rapi baik, teratur, dan bersih; apik, teratur baik; tertib

20 Ringkas tidak banyak memerlukan tempat, singkat

bersahaja; tidak berlebih-lebihan,tidak banyak
21 Sederhana
seluk-beluknya
22 Simpel mudah dikerjakan atau dimengerti
tersendiri dalam bentuk atau jenisnya; lain
23 Unik daripada yang lain; tidak ada persamaan dengan
yang lain; khusus

Terdapat 5 alternatif desain user interface Indigoes yang akan dijadikan spesimen
dalam penelitian.
Tabel 2. Alternatif desain user interface Indigoes
No Alternatif Desain

2
No Alternatif Desain

3
 7

Proses Pengambilan Data Kuisioner

Tahap selanjutnya adalah mengumpulkan data dari partisapan yang mengisi
kuisioner. Jumlah partisipan yang akan dilibatkan sesuai dengan dasar pada teknik
pengumpulan data dari penelitian yang telah dilakukan oleh Anitawati Mohd Lokman1,
Nor Laila Md. Noor1, and Mitsuo Nagamachi2 pada penelittiannya yang berjudul
“ExpertKanseiWeb: A Tool to Design Kansei Website” yaitu :
“120 undergraduate students from the Faculty of Information Technology and
Quantitative Science, Faculty of Architecture, Building, Planning and Survey, Faculty
of Business and Management and Faculty of Electrical Engineering from the
researchers’ university participated in the Kansei evaluation. From each faculty,
exactly 30 students consisting of 15 males and 15 females were recruited. All of them
have prior experience as web users.”(Lokman et al., 2009)

Berdasarkan dari kutipan tersebut, maka jumlah partisipan yang diambil adalah
sebanyak 30 partisipan yang terdiri dari 15 Mahasiswa dan 15 Mahasiswi. Jumlah
partisipan yang sesuai dengan syarat tersebut diharapkan dapat mewakili data yang ingin
dicapai oleh penulis. Proses pengisian kuisioner dilakukan pada beberapa tempat yaitu di
ruang kelas dan di lab jaringan. Waktu untuk mengisi kuisioner diperkirakan dua sampai
tiga menit per alternatif desain, sehingga seorang partisipan mengisi kuisioner untuk lima
alternatif desain adalah sekitar 15 menit.
Hasil dari proses pengambilan data kuisioner kemudian direkap untuk dijadikan
sumber data untuk proses berikutnya yaitu proses Multivariate Statistical of analysis. Hasil
rekapitulasi data kuisioner ini kemudian diakumulasikan dan dirata-ratakan secara manual
menggunakan Ms Excel.
Setelah berhasil melakukan proses pengumpulan data dari partisipan, selanjutnya
data diolah menggunakan tools XLSTAT untuk memperoleh gambaran konsep kansei
Words dari seluruh alternatif desain.

Cronbach’s Alpha
 8

Tabel 3 Reliabilitas Data menggunakan Cronbach’s Alpha

  Cronbach's Alpha
Seluruh Partisipan 0.981
Partisipan Mahasiswa 0.974
Partisipan Mahasiswi 0.984

Coefficient Correlation Analysis (CCA)

Coefficient Correlation Analysis (CCA) adalah suatu operasi perhitungan statistik
yang digunakan untuk mengetahui korelasi diantara Kansei Word, sehingga akan diketahui
kekuatan hubungan antara masing-masing Kansei Word.
Tabel 4 Hasil CCA untuk Seluruh Partisipan
Ama Canggi Cera Colorfu Dinami Elega ...
Variables Alami
n h h ll s n .
...
Alami 1 0.656 0.856 0.472 0.053 0.289 0.334
.
...
Aman 0.656 1 0.870 0.975 0.781 0.793 0.929
.
...
Canggih 0.856 0.870 1 0.767 0.493 0.654 0.693
.
...
Cerah 0.472 0.975 0.767 1 0.898 0.853 0.987
.
...
Colorfull 0.053 0.781 0.493 0.898 1 0.852 0.957
.
...
Dinamis 0.289 0.793 0.654 0.853 0.852 1 0.872
.
...
Elegan 0.334 0.929 0.693 0.987 0.957 0.872 1
.
...
Hidup 0.413 0.957 0.744 0.996 0.928 0.859 0.996
.
Informati ...
0.215 0.874 0.610 0.959 0.985 0.884 0.992
f .
- ...
Kekinian -0.935 -0.744 0.547 -0.125 -0.288 -0.404
0.705 .
...
Klasik 0.613 0.997 0.861 0.985 0.818 0.834 0.949
.
...
Kreatif 0.232 0.862 0.661 0.941 0.976 0.907 0.979
.
Lucu 0.137 0.821 0.580 0.920 0.994 0.879 0.970 ...
 9

.
...
Menarik 0.469 0.973 0.776 0.999 0.903 0.871 0.989
.
...
.... .... .... .... .... .... .... ....
.

Tabel 5 Hasil CCA untuk Partisipan Mahasiswa

Canggi Colorful Dinami ...
Variables Alami Aman h Cerah l s Elegan .
...
Alami 1 0.550 0.294 0.507 0.374 0.084 -0.067 .
...
Aman 0.550 1 0.830 0.699 0.338 0.657 0.589 .
...
Canggih 0.294 0.830 1 0.528 0.125 0.658 0.550 .
...
Cerah 0.507 0.699 0.528 1 0.899 0.875 0.804 .
...
Colorfull 0.374 0.338 0.125 0.899 1 0.723 0.688 .
...
Dinamis 0.084 0.657 0.658 0.875 0.723 1 0.977 .
...
Elegan -0.067 0.589 0.550 0.804 0.688 0.977 1 .
...
Hidup 0.408 0.606 0.591 0.961 0.861 0.900 0.806 .
Informati ...
f 0.630 0.978 0.799 0.823 0.509 0.727 0.640 .
...
Kekinian 0.594 0.792 0.683 0.973 0.790 0.849 0.743 .
...
Klasik 0.315 0.954 0.923 0.599 0.202 0.702 0.649 .
...
Kreatif 0.591 0.829 0.554 0.961 0.802 0.808 0.751 .
...
Lucu 0.457 0.309 -0.110 0.765 0.905 0.491 0.498 .
...
Menarik 0.505 0.852 0.799 0.932 0.688 0.888 0.789 .
.... .... .... .... .... .... .... .... ...
 10

.
Tabel 6 Hasil CCA untuk Partisipan Mahasiswi
Variables Alami Aman Canggih Cerah Colorfull Dinamis Elegan ....
Alami 1 0.607 0.789 0.609 0.412 0.643 0.605 ....
Aman 0.607 1 0.839 0.385 0.357 0.964 0.964 ....
Canggih 0.789 0.839 1 0.502 0.541 0.885 0.778 ....
Cerah 0.609 0.385 0.502 1 0.915 0.587 0.575 ....
Colorfull 0.412 0.357 0.541 0.915 1 0.592 0.516 ....
Dinamis 0.643 0.964 0.885 0.587 0.592 1 0.975 ....
Elegan 0.605 0.964 0.778 0.575 0.516 0.975 1 ....
Hidup 0.006 0.679 0.600 -0.080 0.186 0.646 0.557 ....
Informati
....
f 0.321 0.942 0.657 0.288 0.318 0.901 0.929
Kekinian 0.648 0.828 0.898 0.740 0.802 0.945 0.872 ....
Klasik 0.464 0.898 0.568 0.467 0.347 0.866 0.954 ....
Kreatif 0.375 0.882 0.722 0.570 0.646 0.942 0.933 ....
Variables Alami Aman Canggih Cerah Colorfull Dinamis Elegan ....
Lucu 0.597 0.798 0.752 0.837 0.826 0.919 0.908 ....
Menarik 0.598 0.812 0.816 0.800 0.835 0.936 0.895 ....
.... .... .... .... .... .... .... .... ....

Principal Component Analysis (PCA)

Principal Component Analysis digunakan untuk mereduksi variabel-variabel data
penelitian yakni Kansei Word dan alternatif desain, sehingga variabel yang tidak tereduksi
merupakan variabel-variabel pokok tanpa mengurangi karakteristik data tersebut secara
signifikan. Nilai-nilai positif yang terdapat pada variabel dijadikan sebagai acuan dalam
membuat desain konsep multimedia bimbel digital yang baru ditinjau dari perspektif emosi
pengguna.
Tabel 7 Hasil Principal Component Seluruh Partisipan
  F1 F2 F3 F4
Eigenvalue 18.365 3.709 0.736 0.190
Variability (%) 79.846 16.127 3.201 0.826
Cumulative % 79.846 95.973 99.174 100.000

Tabel 8 Hasil Principal Component Partisipan Mahasiswa

  F1 F2 F3 F4
Eigenvalue 15.397 3.557 2.711 1.335
Variability (%) 66.943 15.464 11.787 5.806
Cumulative % 66.943 82.407 94.194 100.000

Tabel 9 Hasil Principal Component Partisipan Mahasiswi

 11

  F1 F2 F3 F4
Eigenvalue 17.222 2.328 2.147 1.303
Variability (%) 74.879 10.121 9.335 5.665
Cumulative % 74.879 85.000 94.335 100.000

Factor Analysis (FA)

Factor Analysis (FA) bertujuan untuk memperkuat hasil analisis sebelumnya yaitu
Principal Component Analysis (PCA) dan menggunakan varimax rotation agar hasil yang
diperoleh lebih tepat.
Tabel 10 Konsep Emosi Berdasarkan FA dari Seluruh Partisipan
Kansei Word D1 Kansei Word D2
Colorfull 0.995 Alami 1.000
Lucu 0.990 Natural 0.990
Modern 0.974 Canggih 0.863
Kreatif 0.972 Sederhana 0.820
Informatif 0.968 Simpel 0.741
Unik 0.963 Mudah 0.675
Ringkas 0.934 Aman 0.655
Elegan 0.932 Klasik 0.614
Nyaman 0.907 Cerah 0.472
Hidup 0.898 Menarik 0.470
Rapi 0.889 Rapi 0.426
Menarik 0.870 Nyaman 0.425
Cerah 0.861 Hidup 0.414
Dinamis 0.854 Elegan 0.335
Klasik 0.779 Dinamis 0.299
Aman 0.736 Unik 0.272
Mudah 0.696 Kreatif 0.239
Simpel 0.638 Modern 0.218
Sederhana 0.502 Informatif 0.217
Canggih 0.469 Lucu 0.142
Natural 0.123 Colorfull 0.056
Alami 0.000 Ringkas -0.060
Kekinian -0.045 Kekinian -0.925

Tabel 11 Konsep Emosi Berdasarkan FA dari Partisipan Mahasiswa

Kansei Word D1 Kansei Word D2
Colorfull 0.993 Sederhana 0.976
Cerah 0.937 Canggih 0.954
Unik 0.923 Klasik 0.934
Modern 0.921 Natural 0.849
Kansei Word D1 Kansei Word D2
Hidup 0.912 Aman 0.830
 12

Nyaman 0.892 Informatif 0.741

Lucu 0.866 Ringkas 0.667
Kekinian 0.844 Menarik 0.643
Kreatif 0.838 Mudah 0.634
Dinamis 0.792 Kekinian 0.502
Menarik 0.760 Dinamis 0.493
Elegan 0.748 Simpel 0.433
Rapi 0.713 Kreatif 0.431
Mudah 0.620 Elegan 0.418
Ringkas 0.584 Rapi 0.413
Informatif 0.576 Hidup 0.356
Aman 0.411 Cerah 0.335
Alami 0.372 Modern 0.287
Klasik 0.296 Unik 0.267
Natural 0.255 Nyaman 0.257
Canggih 0.234 Alami 0.229
Simpel 0.045 Colorfull -0.106
Sederhana -0.035 Lucu -0.250

Tabel 12 Konsep Emosi Berdasarkan FA dari Partisipan Mahasiswi

Kansei Word D1 Kansei Word D2
Hidup 0.199 Cerah 0.282
Ringkas 0.167 Colorfull 0.233
Mudah 0.127 Lucu 0.149
Sederhana 0.125 Menarik 0.124
Informatif 0.115 Alami 0.109
Aman 0.105 Kekinian 0.092
Simpel 0.087 Unik 0.076
Canggih 0.069 Rapi 0.074
Dinamis 0.051 Modern 0.041
Modern 0.040 Elegan 0.039
Kansei Word D1 Kansei Word D2
Elegan 0.039 Kreatif 0.036
Kreatif 0.038 Nyaman 0.032
Nyaman 0.037 Klasik 0.030
Klasik 0.036 Dinamis 0.028
Natural 0.034 Natural 0.026
Rapi 0.014 Canggih 0.001
Unik 0.011 Simpel -0.028
Kekinian -0.004 Aman -0.041
Menarik -0.032 Informatif -0.062
Alami -0.036 Sederhana -0.068
Lucu -0.055 Mudah -0.069
Colorfull -0.148 Ringkas -0.132
Cerah -0.188 Hidup -0.184
 13

Berdasarkan hasil dari Tabel 10, Tabel 11 dan Tabel 12 maka dapat disimpulkan
konsep emosi yang paling berpengaruh untuk masing-masing partisipan adalah :
Tabel 13 Konsep Emosi Hasil Analisis PCA dan FA

Kelompok Konsep Emosi

Seluruh Partisipan Alami
Partisipan Mahasiswa Collorfull
Partisipan Mahasiswi Cerah

Menterjemahkan Data Statistik ke dalam Elemen Desain

Tabel 14 Nilai Range Elemen Desain Seluruh Partisipan
Alami Range
No Kategori
Variabel Coefficient 0.0083
body-bg-color-white 0.007
body-bg-color-black -0.003
body-bg-color-purple 0.005
Body BG body-bg-color-blue 0.006
1 body-bg-color-silver -0.007 0.0132
Color body-bg-color-yellow 0.000
body-bg-color-green -0.003
body-bg-color-grey -0.003
body-bg-color-none 0.000
Body BG body-bg-style-solid -0.001
2
Style body-bg-style-picture 0.001 0.003
Body body-bg-font-color-white -0.006
body-bg-font-color-blue 0.000
3 Font 0.0129
body-bg-font-color-green 0.000
Color body-bg-font-color-black 0.006
 14

body-bg-font-color-red 0.000
body-bg-font-color-yellow -0.007
body-bg-font-color-grey 0.000
Body body-bg-font-size-small 0.000
4 0.0000
Font Size body-bg-font-size-small 0.000
.... .... .... .... ....

Tabel 15 Nilai Range Elemen Desain Partisipan Mahasiswa

Collorfull Range
No Kategori
Variabel Coefficient 0.0678
body-bg-color-white 0.072
body-bg-color-black -0.031
body-bg-color-purple 0.030
Body BG body-bg-color-blue 0.069
1 body-bg-color-silver -0.072 0.1431
Color body-bg-color-yellow 0.000
body-bg-color-green -0.031
body-bg-color-grey -0.049
body-bg-color-none 0.000
Body BG body-bg-style-solid 0.001
2 0.0016
Style body-bg-style-picture -0.001
body-bg-font-color-white -0.020
body-bg-font-color-blue 0.000
Body Font body-bg-font-color-green 0.000
3 body-bg-font-color-black 0.020 0.0913
Color body-bg-font-color-red 0.000
body-bg-font-color-yellow -0.072
body-bg-font-color-grey 0.000
Body Font body-bg-font-size-small 0.000
4 0.0000
Size body-bg-font-size-small 0.000
.... .... .... .... ....
 15

Tabel 16 Nilai Range Elemen Desain Partisipan Mahasiswi

Cerah Range
No Kategori
Variabel Coefficient 0.0489
body-bg-color-white 0.059
body-bg-color-black -0.016
body-bg-color-purple 0.018
Body BG body-bg-color-blue 0.050
1 body-bg-color-silver -0.059 0.1174
Color body-bg-color-yellow 0.000
body-bg-color-green -0.016
body-bg-color-grey -0.038
body-bg-color-none 0.000
Body BG body-bg-style-solid -0.001
2 0.0023
Style body-bg-style-picture 0.001
body-bg-font-color-white 0.027
body-bg-font-color-blue 0.000
Body body-bg-font-color-green 0.000
3 Font body-bg-font-color-black -0.027 0.0858
Color body-bg-font-color-red 0.000
body-bg-font-color-yellow -0.059
body-bg-font-color-grey 0.000
Body body-bg-font-size-small 0.000
4 0.0000
Font Size body-bg-font-size-small 0.000
.... .... .... .... ....

Matriks Desain Antaramuka Usulan Analisis Kansei Engineering

Pada tahap ini merupakan usulan konsep desain user interface Indigoes menurut
hasil Kansei Engineering. Berdasarkan hasil perhitungan PLS dapat dibuat matrik
rekomendasi desain tampilan. Elemen desain yang memiliki nilai range diatas rata-rata
adalah elemen desain yang direkomendasikan sesuai dengan Kansei engineering.
 16

Tabel 17 Rekomendasi Elemen Desain Antarmuka Hasil Analisis KE untuk seluruh

Partisipan
Alami Range
No Kategori
Variabel Coefficient 0.0083
menu-fontcolor-blue -0.0026
menu-fontcolor-green -0.0066
Menu Font menu-fontcolor-black 0.0108
1 0.0174
Color menu-fontcolor-yellow 0.0063
menu-fontcolor-white 0.0000
menu-fontcolor-grey 0.0000
header-bgcolor-blue -0.0010
header-bgcolor-green -0.0026
Header header-bgcolor-purple 0.0104
2 Background header-bgcolor-yellow 0.0108 0.0134
Color header-bgcolor-silver 0.0028
header-bgcolor-white 0.0062
header-bgcolor-none 0.0000
menu-bgcolor-white 0.0086
menu-bgcolor-grey -0.0066
Menu menu-bgcolor-purple 0.0048
3 Background menu-bgcolor-black 0.0000 0.0152
Color menu-bgcolor-green -0.0026
menu-bgcolor-red 0.0000
menu-bgcolor-blue 0.0026

Tabel 18 Rekomendasi Elemen Desain Antarmuka Hasil Analisis KE untuk Partisipan

Mahasiswa
Collorfull Range
No Kategori
Variabel Coefficient 0.0678
Menu Font menu-fontcolor-blue -0.0315
1 menu-fontcolor-green -0.0716 0.1641
Color menu-fontcolor-black 0.0925
 17

menu-fontcolor-yellow 0.0197
menu-fontcolor-white 0.0000
menu-fontcolor-grey 0.0000
header-bgcolor-blue 0.0070
header-bgcolor-green -0.0315
Header header-bgcolor-purple 0.0818
2 Background header-bgcolor-yellow 0.0925 0.1240
Color header-bgcolor-silver 0.0140
header-bgcolor-white 0.0687
header-bgcolor-none 0.0000
bgcolor-white 0.0716
bgcolor-black -0.0315
bgcolor-purple 0.0302
Background bgcolor-blue 0.0687
3 bgcolor-silver -0.0716 0.1431
Color bgcolor-yellow 0.0000
bgcolor-green -0.0315
bgcolor-grey -0.0485
bgcolor-none 0.0000
menu-position-left 0.0086
Menu menu-position-bottom -0.0066
4 0.0152
Position menu-position-top 0.0048
menu-position-right 0.0000

Tabel 19 Rekomendasi Elemen Desain Antarmuka Hasil Analisis KE untuk Partisipan

Mahasiswi
Cerah Range
No Kategori Coefficien
Variabel 0.0489
t
bgcolor-white 0.0587
bgcolor-black -0.0162
bgcolor-purple 0.0180
Backgroun bgcolor-blue 0.0499
1 bgcolor-silver -0.0587 0.1431
d Color bgcolor-yellow 0.0000
bgcolor-green -0.0162
bgcolor-grey -0.0380
bgcolor-none 0.0000

No Kategori Cerah Range

Variabel Coefficien 0.0489
 18

t
menu-position-left 0.0587
Menu menu-position-bottom -0.0587
2 0.1174
Position menu-position-top 0.0000
menu-position-right 0.0000
header-bgcolor-blue 0.0300
header-bgcolor-green -0.0162
Header header-bgcolor-purple 0.0319
3 Backgroun header-bgcolor-yellow 0.0299 0.0692
d Color header-bgcolor-silver -0.0192
header-bgcolor-white 0.0499
header-bgcolor-none 0.0000

Matriks Desain User Interface Prototype Sampel

Desain user interface prototype sampel dibuat berdasarkan pemilihan semua kategori
yang memiliki nilai tertinggi diantara kategori yang lain.
Tabel 20 matriks desain user interface untuk konsep “Alami”

N
Kategori
o
1 Body BG Color
2 Body BG Style
3 Body Font Color
4 Body Font Size
5 Menu Style
6 Menu Background Color
7 Menu Font Color
8 Menu Font Size
9 Menu Position
10 Header Logo Position
Header Background
11
color
12 Header Style
13 Header Font Color
14 Header Font Size
Keterangan
body-bg-color-white
body-bg-style-picture
body-bg-font-color-
black
body-bg-font-size-small
menu-style-reguler
menu-bgcolor-white
menu-fontcolor-black
menu-fontsize-small
menu-position-left
header-logoposition-left
header-bgcolor-yellow
header-style-picture
header-fontcolor-black
header-fontsize-small

Tabel 21 matriks desain user interface untuk konsep “Collorfull”

N
Kategori Keterangan
o
1 Body BG Color body-bg-color-white
2 Body BG Style body-bg-style-solid

3 Body Font Color
4 Body Font Size
5 Menu Style
6 Menu Background Color
7 Menu Font Color
8 Menu Font Size
9 Menu Position
10 Header Logo Position
Header Background
11
color
12 Header Style
13 Header Font Color
14 Header Font Size
Tabel 22 matriks desain user interface untuk konsep “Cerah”
N
Kategori
o
1 Body BG Color
2 Body BG Style
3 Body Font Color
4 Body Font Size
5 Menu Style
6 Menu Background Color
7 Menu Font Color
8 Menu Font Size
9 Menu Position
10 Header Logo Position
Header Background
11
color
12 Header Style
13 Header Font Color
14 Header Font Size
Membuat Prototype Sampel Berdasarkan Hasil Analisis Kansei Engineering
19
body-bg-font-color-
black
body-bg-font-size-small
menu-style-reguler
menu-bgcolor-white
menu-fontcolor-black
menu-fontsize-small
menu-position-left
header-logoposition-left
header-bgcolor-yellow
header-style-picture
header-fontcolor-black
header-fontsize-small
Keterangan
body-bg-color-white
body-bg-style-picture
body-bg-font-color-
white
body-bg-font-size-small
menu-style-reguler
menu-bgcolor-white
menu-fontcolor-black
menu-fontsize-small
menu-position-left
header-logoposition-
center
header-bgcolor-white
header-style-solid
header-fontcolor-black
header-fontsize-small
 20

Gambar 3 Desain awal user interface Indigoes

Gambar 4 Perkiraan Prototype Desain user interface Indigoes untuk konsep Alami

Gambar 5 Perkiraan Prototype Desain user interface Indigoes untuk konsep Collorfull
 21

Gambar 6 Perkiraan Prototype Desain user interface Indigoes untuk konsep Cerah

KESIMPULAN DAN SARAN

Kesimpulan
Penelitian analisis user experience untuk perancangan user interface Indigoes

menggunakan Kansei Engineering ini menghasilkan kesimpulan sebagai berikut :

1. Penelitian ini menghasilkan tiga buah produk desain user interface Indigoes yang

meliputi desain user interface Indigoes untuk seluruh partisipan, desain user interface

Indigoes untuk partisipan mahasiswa dan desain user interface Indigoes untuk

partisipan mahasiswi.

2. Hasil analisa dari penelitian ini adalah menghasilkan konsep emosi yang berpengaruh

kuat terhadap alternatif desain user interface Indigoes. Konsep emosi yang

mempengaruhi seluruh partisipan adalah “Alami”, sedangkan konsep emosi yang

mempengaruhi partisipan mahasiswa adalah “Collorfull” dan konsep emosi yang

mempengaruhi partisipan mahasiswi adalah “Cerah”.

3. Produk desain user interface Indigoes dihasilkan dari konsep emosi yang memiliki

nilai variabel diatas nilai range dari masing-masing kategori untuk rekomendasi

pembuatan desain user interface Indigoes. Produk desain untuk seluruh partisipan

menghasilkan konsep emosi “Alami”, sedangkan produk desain untuk partisipan

 22

mahasiswa menghasilkan konsep emosi “CollorfullI” dan produk desain untuk

partisipan mahasiswi menghasilkan konsep emosi “Cerah”.

Saran
Penelitian ini masih jauh dari kata sempurna sehingga perlu adanya analisa dan

penelitian lebih lanjut. Saran untuk penelitian selanjutnya adalah

1. Jumlah Kansei Word dan alternatif desain yang dapat digunakan untuk penelitian ini

bisa lebih dari 23 Kansei Word dan 5 alternatif desain. Semakin banyak Kansei Word

dan alternatif desain yang digunakan maka hasil dari penelitian akan semakin tajam

dan prototype yang dihasilkan untuk desain user interface Indigoes akan semakin

bagus.

2. Elemen desain dalam penelitian dapat ditambah lebih detail sehingga menghasilkan

metrik elemen lebih baik lagi sebagai rekomendasi konsep desain user interface

Indigoes.

DAFTAR PUSTAKA

Addinsoft. (n.d.). Statistical software & data analysis add-on for Excel | XLSTAT.
Retrieved June 2, 2017, from https://www.xlstat.com/en/
Dian Wahyuningsih, M. Pd., R. M. (2017). E-Learning Teori dan Aplikasi.
Dr. Junliansyah Noor, S. E., M. M. (2011). Metodologi penelitian.
Griha, I., Isa, T., & Hadiana, A. (2017). Implementasi Kansei Engineering dalam
Perancangan Desain Interface E-Learning Berbasis web ( Studi Kasus : SMK Negeri 1
Sukabumi ), 3(April), 104–115.
Gube, J. (2010). What Is User Experience Design? Overview, Tools And Resources.
Www.smashingmagazine.com.
Hadiana, A. (2015). Pemanfaatan Kansei Engineering dalam Pengembangan Sistem
Informasi. Infotech Journal, 1(2), 32–35.
Hassenzahl, M., Hassenzahl, M., & Tractinsky, N. (2017). User experience - A research
agenda, (March 2006). http://doi.org/10.1080/01449290500330331
 23

Jacob Gube. (2010). What Is User Experience Design? Overview, Tools And Resources.
Retrieved August 4, 2017, from https://www.smashingmagazine.com/2010/10/what-
is-user-experience-design-overview-tools-and-resources/
Law, E. L., Leicester, L. E., & Hassenzahl, M. (2009). Understanding , Scoping and
Defining User eXperience : A Survey Approach, 719–728.
Lokman, A. M., Noor, N. L., & Nagamachi, M. (2009). Expert Kansei Web : A Tool to
Design Kansei Website, 894–905.
Lokman, A. M., & Sciences, M. (2010). Design & Emotion : The Kansei Engineering The
Definition of Kansei, 1(1), 1–14.
Nagamachi, M. (2011). Kansei/Affective Engineering.
Prof. Dr. Ir. Amos Neolaka, M. P. (2014). Metode Penelitian dan statistik.
Sugiyono, P. D. (2012). Metode Penelitian Pendidikan.
Wicaksono, F., Hadiana, A., & Asfi, M. (2016). Penerapan Kansei Engineering Pada
Rancangan Antarmuka E-Learning Berbasis Web. Seminar Nasional Teknologi
Informasi Dan Multimedia, 6–7.