ANALISIS USER EXPERIENCE UNTUK PERANCANGAN USER INTERFACE INDIGOES MENGGUNAKAN METODE KANSEI ENGINEERING

(Studi Kasus : STMIK IKMI Cirebon)

Oleh : Martanto NPM 2015210136

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).

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. 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.

Kansei Assessment

Mengusulkan sketsa desain Menghimpun dan Menentukan

kansei Word

Menyusun Struktur Skala SD kansei Word

Mengumpulkan sampel desain (spesimen)

Mengklasifikasikan Elemen desain

Inisiasi Penelitian Pengambilan Data Quisioner dari Partisipan

Analisis statistik Multivariat

Menterjemahkan Data Statistik ke dalam elemen desain

Memberikan hasil penerjemahan kepada Desainer Multimedia

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.

Gambar 2. Metodologi Penelitian

HASIL ANALISIS DAN PEMBAHASAN

Product Concept

Kansei Analysis

Berikut adalah daftar Kansei Word yang terpilih dan akan digunakan untuk melakukan penelitian melalui kuisioner kepada partisipan.

Tabel 1. Daftar Kansei Word Terpilih No Kata Kansei

Hasil Kuisioner Arti Kata Menurut KBBI

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

6 Dinamis

penuh semangat dan tenaga sehingga cepat bergerak dan mudah menyesuaikan diri dengan keadaan dan sebagainya; mengandung dinamika 7 Elegan elok; rapi; anggun; lemah gemulai; luwes

8 Hidup

seakan-akan bernyawa atau benar-benar tampak seperti keadaan sesungguhnya (tentang lukisan, gambar)

9 Informatif bersifat memberi informasi; bersifat menerangkan

10 Kekinian keadaan kini atau sekarang

11 Klasik

mempunyai nilai atau mutu yang diakui dan menjadi tolok ukur kesempurnaan yang abadi; tertinggi

12 Kreatif memiliki daya cipta; memiliki kemampuan untuk menciptakan, bersifat (mengandung) daya cipta 13 Lucu menggelikan hati; menimbulkan tertawa; jenaka No Kata Kansei

Hasil Kuisioner Arti Kata Menurut KBBI

14 Menarik menyenangkan, mempengaruhi atau membangkitkan hasrat untuk memperhatikan

15 Modern terbaru; mutakhir

16 Mudah

tidak memerlukan banyak tenaga atau pikiran dalam mengerjakan; tidak sukar; tidak berat; gampang

17 Natural bersifat alam; alamiah, bebas dari pengaruh; 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

21 Sederhana bersahaja; tidak berlebih-lebihan,tidak banyak seluk-beluknya

22 Simpel mudah dikerjakan atau dimengerti

23 Unik

tersendiri dalam bentuk atau jenisnya; lain 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

1

2

No Alternatif Desain

4

5

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.

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 Variables Alami Ama

n Canggi h Cera h Colorfu ll Dinami s Elega 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 ... . Informat if 0.215 0.874 0.610 0.959 0.985 0.884 0.992 ... . Kekinian -0.935 -0.705 -0.744 0.547 -0.125 -0.288 -0.404 ... . 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 ...

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

Tabel 5 Hasil CCA untuk Partisipan Mahasiswa Variables Alami Aman

Canggi h Cerah Colorful l Dinami 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 ... . .... .... .... .... .... .... .... .... ...

. Tabel 6 Hasil CCA untuk Partisipan Mahasiswi

Variables Alami Aman

Canggi h Cerah Colorful l Dinami s Elega n ... . 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

Canggi h Cerah Colorful l Dinami s Elega n ... . 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)

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

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

Colorfull 0.993 Sederhana 0.976

Cerah 0.937 Canggih 0.954

Unik 0.923 Klasik 0.934

Modern 0.921 Natural 0.849

Hidup 0.912 Aman 0.830 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

Hidup 0.199 Cerah 0.282

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

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

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

No Kategori Alami Range

Variabel Coefficient 0.0083 1 Body BG Color body-bg-color-white 0.007 0.0132 body-bg-color-black -0.003 body-bg-color-purple 0.005 body-bg-color-blue 0.006 body-bg-color-silver -0.007 body-bg-color-yellow 0.000 body-bg-color-green -0.003 body-bg-color-grey -0.003 body-bg-color-none 0.000 2 Body BG Style body-bg-style-solid -0.001 0.003 body-bg-style-picture 0.001 3 Body Font Color body-bg-font-color-white -0.006 0.0129 body-bg-font-color-blue 0.000 body-bg-font-color-green 0.000 body-bg-font-color-black 0.006 body-bg-font-color-red 0.000 body-bg-font-color-yellow -0.007 body-bg-font-color-grey 0.000 4 Body Font Size body-bg-font-size-small 0.000 0.0000 body-bg-font-size-small 0.000 .... .... .... .... ....

Tabel 15 Nilai Range Elemen Desain Partisipan Mahasiswa

No Kategori Collorfull Range

Variabel Coefficient 0.0678 1 Body BG Color body-bg-color-white 0.072 0.1431 body-bg-color-black -0.031 body-bg-color-purple 0.030 body-bg-color-blue 0.069

body-bg-color-green -0.031 body-bg-color-grey -0.049 body-bg-color-none 0.000 2 Body BG Style body-bg-style-solid 0.001 0.0016 body-bg-style-picture -0.001 3 Body Font Color body-bg-font-color-white -0.020 0.0913 body-bg-font-color-blue 0.000 body-bg-font-color-green 0.000 body-bg-font-color-black 0.020 body-bg-font-color-red 0.000 body-bg-font-color-yellow -0.072 body-bg-font-color-grey 0.000 4 Body Font Size body-bg-font-size-small 0.000 0.0000 body-bg-font-size-small 0.000 .... .... .... .... ....

Tabel 16 Nilai Range Elemen Desain Partisipan Mahasiswi

No Kategori Cerah Range

Variabel Coefficient 0.0489 1 Body BG Color body-bg-color-white 0.059 0.1174 body-bg-color-black -0.016 body-bg-color-purple 0.018 body-bg-color-blue 0.050 body-bg-color-silver -0.059 body-bg-color-yellow 0.000 body-bg-color-green -0.016 body-bg-color-grey -0.038 body-bg-color-none 0.000 2 Body BG Style body-bg-style-solid -0.001 0.0023 body-bg-style-picture 0.001 3 Body body-bg-font-color-white 0.027 0.0858

Font Color body-bg-font-color-blue 0.000 body-bg-font-color-green 0.000 body-bg-font-color-black -0.027 body-bg-font-color-red 0.000 body-bg-font-color-yellow -0.059 body-bg-font-color-grey 0.000 4 Body Font Size body-bg-font-size-small 0.000 0.0000 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.

Tabel 17 Rekomendasi Elemen Desain Antarmuka Hasil Analisis KE untuk seluruh Partisipan

No Kategori Alami Range

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

Tabel 18 Rekomendasi Elemen Desain Antarmuka Hasil Analisis KE untuk Partisipan Mahasiswa

No Kategori Collorfull Range

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

Tabel 19 Rekomendasi Elemen Desain Antarmuka Hasil Analisis KE untuk Partisipan Mahasiswi No Kategori Cerah Range Variabel Coefficien t 0.0489 1 Backgroun d Color bgcolor-white 0.0587 0.1431 bgcolor-black -0.0162 bgcolor-purple 0.0180 bgcolor-blue 0.0499 bgcolor-silver -0.0587 bgcolor-yellow 0.0000 bgcolor-green -0.0162 bgcolor-grey -0.0380 bgcolor-none 0.0000 No Kategori Cerah Range Variabel Coefficien t 0.0489 2 Menu Position menu-position-left 0.0587 0.1174 menu-position-bottom -0.0587 menu-position-top 0.0000 menu-position-right 0.0000 3 Header Backgroun d Color header-bgcolor-blue 0.0300 0.0692 header-bgcolor-green -0.0162 header-bgcolor-purple 0.0319 header-bgcolor-yellow 0.0299 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

o Kategori Keterangan

1 Body BG Color body-bg-color-white 2 Body BG Style body-bg-style-picture 3 Body Font Color

6 Menu Background Color menu-bgcolor-white 7 Menu Font Color menu-fontcolor-black 8 Menu Font Size menu-fontsize-small 9 Menu Position menu-position-left 10 Header Logo Position header-logoposition-left 11 Header Background

color header-bgcolor-yellow

12 Header Style header-style-picture 13 Header Font Color header-fontcolor-black 14 Header Font Size header-fontsize-small

Tabel 21 matriks desain user interface untuk konsep “Collorfull” N

1 Body BG Color body-bg-color-white 2 Body BG Style body-bg-style-solid 3 Body Font Color

body-bg-font-color-black

4 Body Font Size body-bg-font-size-small 5 Menu Style menu-style-reguler 6 Menu Background Color menu-bgcolor-white 7 Menu Font Color menu-fontcolor-black 8 Menu Font Size menu-fontsize-small 9 Menu Position menu-position-left 10 Header Logo Position header-logoposition-left 11 Header Background

color header-bgcolor-yellow

12 Header Style header-style-picture 13 Header Font Color header-fontcolor-black 14 Header Font Size header-fontsize-small Tabel 22 matriks desain user interface untuk konsep “Cerah”

N

1 Body BG Color body-bg-color-white 2 Body BG Style body-bg-style-picture 3 Body Font Color

body-bg-font-color-white

4 Body Font Size body-bg-font-size-small 5 Menu Style menu-style-reguler

6 Menu Background Color menu-bgcolor-white 7 Menu Font Color menu-fontcolor-black 8 Menu Font Size menu-fontsize-small 9 Menu Position menu-position-left 10 Header Logo Position

header-logoposition-center 11 Header Background

color header-bgcolor-white

12 Header Style header-style-solid 13 Header Font Color header-fontcolor-black 14 Header Font Size header-fontsize-small

Membuat Prototype Sampel Berdasarkan Hasil Analisis Kansei Engineering

Gambar 3 Desain awal user interface Indigoes

Gambar 5 Perkiraan Prototype Desain user interface Indigoes untuk konsep Collorfull

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 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.

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

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.