Menerjemahkan Data Statistik ke dalam Elemen Desain
b. Variabel x Independen berupa elemen desain yang diterjemahkan ke dalam
dummy variable. c.
5 Spesimen E-Learning berbasis web
Sebelum tahapan berikutnya, kategori elemen desain diterjemahkan ke dalam dummy variable dengan mengubah tanda ceklis diberi nilai 1 dan kolom
kosong diberi nilai 0 sehingga dihasilkan sebanyak 32 variabel, seperti terlihat pada tabel 4.13 data lengkap pada lampiran 5 :
Tabel 4.14 Dummy Variable
White Gray
10 px 12 px
Arial Calibri
BCW BCG
BFS10 BSF12
BFTA BFTC
1 1
1 1
2 1
1 1
3 1
1 1
4 1
1 1
5 1
1 1
ID S
P E
S IM
E N
Background Body
Color Font Size
Font Type
Selanjutnya data dummy variable tersebut disebut dengan variabel x dan variabel y berupa hasil rata-rata emotion dari partisipan disortir dan diolah dengan
menggunakan fasilitas PLS Regression
dari software
XLStat, sehingga menghasilkan data seperti pada tabel 4.14 Data lengkap pada lampiran 6 :
Tabel 4.15 Hasil Analisis PLS
Variable Coefficient
Variable Coefficient
Variable Coefficient
BGColorWhite -0.0973 BGColorWhite
-0.0974 BGColorWhite -0.0973
BGColorGray 0.0973 BGColorGray
0.0974 BGColorGray 0.0973
BodyFont10 0.0495 BodyFont10
0.0482 BodyFont10 0.0490
BodyFont12 -0.0495 BodyFont12
-0.0482 BodyFont12 -0.0490
BodyFontArial 0.0075 BodyFontArial
0.0050 BodyFontArial 0.0066
BodyFontCalibri -0.0075 BodyFontCalibri
-0.0050 BodyFontCalibri -0.0066
HeaderColorWhite -0.0075 HeaderColorWhite
-0.0050 HeaderColorWhite -0.0066
HeaderColorGray 0.0385 HeaderColorGray
0.0349 HeaderColorGray 0.0370
HeaderColorGreen 0.0404 HeaderColorGreen
0.0424 HeaderColorGreen 0.0412
HeaderColorBlack -0.0697 HeaderColorBlack
-0.0712 HeaderColorBlack -0.0702
HeaderLogoOK 0.0000 HeaderLogoOK
0.0000 HeaderLogoOK 0.0000
HeaderImgOK 0.0075 HeaderImgOK
0.0050 HeaderImgOK 0.0066
TopMenuOK -0.0403 TopMenuOK
-0.0420 TopMenuOK -0.0410
TopMenuBGColGreen -0.0495 TopMenuBGColGreen
-0.0482 TopMenuBGColGreen -0.0490
TopMenuBGColGray -0.0255 TopMenuBGColGray
-0.0296 TopMenuBGColGray -0.0271
TopMenuBGColWhite 0.0000 TopMenuBGColWhite
0.0000 TopMenuBGColWhite 0.0000
TopMenuBGColBlack 0.0404 TopMenuBGColBlack
0.0424 TopMenuBGColBlack 0.0412
TopMenuFontSmall 0.0404 TopMenuFontSmall
0.0424 TopMenuFontSmall 0.0412
TopMenuFontMedium -0.0659 TopMenuFontMedium
-0.0689 TopMenuFontMedium -0.0671
TopMenuAboveHeader 0.0404 TopMenuAboveHeader
0.0424 TopMenuAboveHeader 0.0412
TopMenuBelowHeader -0.0659 TopMenuBelowHeader
-0.0689 TopMenuBelowHeader -0.0671
BodyMenuRight -0.0240 BodyMenuRight
-0.0238 BodyMenuRight -0.0238
BodyMenuLeft -0.0643 BodyMenuLeft
-0.0628 BodyMenuLeft -0.0636
BodyMenuCenter 0.0385 BodyMenuCenter
0.0349 BodyMenuCenter 0.0370
BodyMenuText -0.0973 BodyMenuText
-0.0974 BodyMenuText -0.0973
BodyMenuIcon 0.0973 BodyMenuIcon
0.0974 BodyMenuIcon 0.0973
BodyMenuTextSmall -0.0385 BodyMenuTextSmall
-0.0349 BodyMenuTextSmall -0.0370
BodyMenuTextMedium 0.0385 BodyMenuTextMedium
0.0349 BodyMenuTextMedium 0.0370
SearchBarAsLink -0.0239 SearchBarAsLink
-0.0235 SearchBarAsLink -0.0236
SearchBarAsTextbox 0.0643 SearchBarAsTextbox
0.0628 SearchBarAsTextbox 0.0636
SearchBarAtTopCenter -0.0697 SearchBarAtTopCenter
-0.0712 SearchBarAtTopCenter -0.0702
SearchBarAtTopRight 0.0973 SearchBarAtTopRight
0.0974 SearchBarAtTopRight 0.0973
LEMBUT SERASI
INDAH
Variabel yang memiliki nilai tersebut pada tabel 4.15 kemudian dikategorikan berdasarkan jenisnya seperti pada tabel 4.16 dan dicari nilai Range
dari setiap kategori. Nilai Range Kategori dilakukan untuk mengetahui seberapa besar nilai pengaruh variabel elemen desain terhadap konsep emotion. Langkah
yang dilakukan dalam menentukan range kategori adalah sebagai berikut : a. Tentukan nilai coefficient terbesar variabel dalam satu kategori
b. Tentukan nilai coefficient terkecil variabel dalam satu kategori
c. Cari selisih nilai coefficient terbesar dan terkecil dengan rumus CoefficientMax-CoefficientMin
d. Lakukan cara yang sama untuk seluruh kategori di bawahnya e. Setelah seluruh nilai range kategori ditentukan, cari range patokan
dengan menghitung rata-rata hasil range kategori f.
Nilai range kategori tertinggi memiliki pengaruh kuat terhadap konsep emotion, sedangkan range kategori yang memiliki nilai dibawah range
patokan tidak memiliki pengaruh terhadap konsep emotion.
Variabel pada tabel 4.16 dikelompokkan berdasarkan kategori misalnya variabel BGColorWhite dan BGColorGray masuk ke dalam kategori BGColor,
begitu halnya dengan variabel-variabel lainnya. Untuk mencari variabel yang memiliki nilai pengaruh yang cukup kuat terhadap emotion, maka perlu diketahui
Range dari tiap kategori variabel, seperti rumus diatas dengan Coefficient Max – Coefficient Min.
Setelah seluruh kategori didapatkan nilai range nya, langkah selanjutnya adalah mencari nilai rata-rata keseluruhan range tersebut. Bila nilai range
kategori lebih rendah dari nilai patokan range, maka kategori tersebut tidak berpengaruh. Tabel 4.16 menunjukkan nilai range kategori berdasarkan emotion
data terlampir pada lampiran 7 :
Tabel 4.16 Hasil Range Kategori berdasarkan emotion
Range Range
Category Variable
Coef 0.090
Category Variable
Coef 0.092
BGColorWhite -0.097
BGColorWhite 0.0369
BGColorGray 0.097
BGColorGray -0.0369
BodyFont10 0.047
BodyFont10 -0.1130
BodyFont12 -0.047
BodyFont12 0.1130
BodyFontArial 0.007
BodyFontArial -0.0860
BodyFontCalibri -0.007
BodyFontCalibri 0.0860
HeaderColorWhite -0.007
HeaderColorWhite 0.0860
HeaderColorGray 0.044
HeaderColorGray 0.0230
HeaderColorGreen 0.036
HeaderColorGreen -0.0606
HeaderColorBlack -0.072
HeaderColorBlack -0.0678
Header Logo HeaderLogoOK
0.000 0.000 Header Logo
HeaderLogoOK 0.0000 0.000
Header Image HeaderImgOK
0.007 0.000 Header Image HeaderImgOK
-0.0860 0.000 Top Menu OK
TopMenuOK -0.039 0.000
Top Menu OK TopMenuOK
0.0076 0.000 TopMenuBGColGreen
-0.047 TopMenuBGColGreen
0.1130 TopMenuBGColGray
-0.023 TopMenuBGColGray
-0.0366 TopMenuBGColWhite
0.000 TopMenuBGColWhite
0.0000 TopMenuBGColBlack
0.036 TopMenuBGColBlack
-0.0606 TopMenuFontSmall
0.036 TopMenuFontSmall
-0.0606 TopMenuFontMedium
-0.061 TopMenuFontMedium
0.0557 TopMenuAboveHeader
0.036 TopMenuAboveHeader
-0.0606 TopMenuBelowHeader
-0.061 TopMenuBelowHeader
0.0557 BodyMenuRight
-0.027 BodyMenuRight
-0.0616 BodyMenuLeft
-0.068 BodyMenuLeft
-0.0126 BodyMenuCenter
0.044 BodyMenuCenter
0.0230 BodyMenuText
-0.097 BodyMenuText
0.0369
BodyMenuIcon 0.097
BodyMenuIcon -0.0369
BodyMenuTextSmall -0.044
BodyMenuTextSmall -0.0230
BodyMenuTextMedium 0.044
BodyMenuTextMedium 0.0230
SearchBarAsLink -0.029
SearchBarAsLink -0.1048
SearchBarAsTextbox 0.068
SearchBarAsTextbox 0.0126
SearchBarAtTopCenter -0.072
SearchBarAtTopCenter -0.0678
SearchBarAtTopRight 0.097
SearchBarAtTopRight -0.0369
Search Bar Type 0.117
Search Bar Position
0.031 Body Menu
Position 0.085
Body Menu Type
0.074 Body Menu
Text Size 0.046
0.154
Top Menu Background
0.174 Top Menu Font
Size 0.116
Top Menu Position
0.116
0.097 0.169
FEMININ Bacground
Color 0.074
Body Font Size 0.226
Body Font Type 0.172
Header Color
0.083 0.098
0.098 0.111
0.194 0.088
Header Color Body Font Type
FUTURISTIK 0.194
0.094 0.013
0.116 Bacground Color
Body Font Size
Top Menu Position
Top Menu Font Size
Top Menu Background
Search Bar Position
Search Bar Type Body Menu Text
Size Body Menu Type
Body Menu Position
Setelah didapat range dari tiap kategori dan patokan range dari keseluruhan kategori, maka didapat nilai range kategori yang memiliki nilai lebih
tinggi atau rendah dari range rata-rata, seperti pada kolom “Futuristik” di tabel 4.16, dimana kategori Background Color memiliki nilai sebesar 0.194 yang
artinya lebih tinggi dari nilai range rata-rata yang sebesar 0.090 dan memiliki pengaruh kuat dalam perancangan desain konsep emotion “Futuristik”, sedangkan
Top Menu Background memiliki nilai lebih rendah dari range patokan yaitu
sebesar 0.083 yang berarti tidak berpengaruh dalam perancangan desain konsep
emotion “Futuristik”. Tabel 4.17 menunjukan hasil nilai range pada tiap kategori data terlampir pada lampiran 8 :
Tabel 4.17 Nilai Range pada tiap Kategori
FUTURISTIK Range
NYAMAN Range
UNIK Range
COLORFUL Range
Category 0.090
Category 0.090
Category 0.097
Category 0.098
Bacground Color 0.194 Bacground Color
0.194 Bacground Color 0.127 Bacground Color
0.126 Body Font Size
0.094 Body Font Size 0.102 Body Font Size
0.070 Body Font Size 0.059
Body Font Type 0.013 Body Font Type
0.021 Body Font Type 0.042 Body Font Type
0.054 Header Color
0.116 Header Color 0.108 Header Color
0.151 Header Color 0.152
Header Logo 0.000 Header Logo
0.000 Header Logo 0.000 Header Logo
0.000 Header Image
0.000 Header Image 0.000 Header Image
0.000 Header Image 0.000
Top Menu OK 0.000 Top Menu OK
0.000 Top Menu OK 0.000 Top Menu OK
0.000 Top Menu Background
0.083 Top Menu Background 0.090 Top Menu Background
0.173 Top Menu Background 0.179
Top Menu Font Size 0.098 Top Menu Font Size
0.103 Top Menu Font Size 0.202 Top Menu Font Size
0.203 Top Menu Position
0.098 Top Menu Position 0.103 Top Menu Position
0.202 Top Menu Position 0.203
Body Menu Position 0.111 Body Menu Position
0.106 Body Menu Position 0.082 Body Menu Position
0.081 Body Menu Type
0.194 Body Menu Type 0.194 Body Menu Type
0.127 Body Menu Type 0.126
Body Menu Text Size 0.088 Body Menu Text Size
0.082 Body Menu Text Size 0.134 Body Menu Text Size
0.137 Search Bar Type
0.097 Search Bar Type 0.088 Search Bar Type
0.039 Search Bar Type 0.034
Search Bar Position 0.169 Search Bar Position
0.164 Search Bar Position 0.106 Search Bar Position
0.111
Untuk mempermudah dalam menginterpretasi tabel 4.17, maka kategori disusun berdasarkan urutan terbesar hingga terkecil seperti pada tabel 4.18,
kategori yang memiliki nilai di atas atau sama dengan range rata-rata adalah variabel-variabel yang memiliki pengaruh dalam perancangan layout konsep
emotion.
Tabel 4.18 Peringkat Range Kategori
FUTURISTIK Range
NYAMAN Range
UNIK Range
COLORFUL Range
Category 0.090
Category 0.090
Category 0.097
Category 0.098
Bacground Color 0.194 Bacground Color
0.194 Top Menu Font Size 0.202 Top Menu Font Size
0.203 Body Menu Type
0.194 Body Menu Type 0.194 Top Menu Position
0.202 Top Menu Position 0.203
Search Bar Position 0.169 Search Bar Position
0.164 Top Menu Background 0.173 Top Menu Background
0.179 Header Color
0.116 Header Color 0.108 Header Color
0.151 Header Color 0.152
Body Menu Position 0.111 Body Menu Position
0.106 Body Menu Text Size 0.134 Body Menu Text Size
0.137 Top Menu Font Size
0.098 Top Menu Font Size 0.103 Bacground Color
0.127 Bacground Color 0.126
Top Menu Position 0.098 Top Menu Position
0.103 Body Menu Type 0.127 Body Menu Type
0.126 Search Bar Type
0.097 Body Font Size 0.102 Search Bar Position
0.106 Search Bar Position 0.111
Body Font Size 0.094 Top Menu Background
0.090 Body Menu Position 0.082 Body Menu Position
0.081 Body Menu Text Size
0.088 Search Bar Type 0.088 Body Font Size
0.070 Body Font Size 0.059
Top Menu Background 0.083 Body Menu Text Size
0.082 Body Font Type 0.042 Body Font Type
0.054 Body Font Type
0.013 Body Font Type 0.021 Search Bar Type
0.039 Search Bar Type 0.034
Header Logo 0.000 Header Logo
0.000 Header Logo 0.000 Header Logo
0.000 Header Image
0.000 Header Image 0.000 Header Image
0.000 Header Image 0.000
Top Menu OK 0.000 Top Menu OK
0.000 Top Menu OK 0.000 Top Menu OK
0.000