Desain website e-commerce pada umkm dengan menggunakan metode benchmarking (Studi Kasus: E-Commerce Fashion) a. COVER

perpustakaan.uns.ac.id

digilib.uns.ac.id

DESAIN WEBSITE E-COMMERCE PADA UMKM DENGAN
MENGGUNAKAN METODE BENCHMARKING
(Studi Kasus: E-Commerce Fashion)

Skripsi

SHEILA AMALIA SALMA
I0312052

PROGRAM STUDI TEKNIK INDUSTRI FAKULTAS TEKNIK
UNIVERSITAS SEBELAS MARET
SURAKARTA
2016

commit to user

perpustakaan.uns.ac.id


digilib.uns.ac.id

DESAIN WEBSITE E-COMMERCE PADA UMKM DENGAN
MENGGUNAKAN METODE BENCHMARKING
(Studi Kasus: E-Commerce Fashion)

Skripsi
Sebagai Persyaratan Untuk Memperoleh Gelar Sarjana Teknik

SHEILA AMALIA SALMA
I0312052

PROGRAM STUDI TEKNIK INDUSTRI FAKULTAS TEKNIK
UNIVERSITAS SEBELAS MARET
SURAKARTA
2016

commit to user


perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

perpustakaan.uns.ac.id

digilib.uns.ac.id

SURAT PERNYATAAN
ORISINALITAS KARYA ILMIAH
Saya mahasiswa Program Studi Sarjana Teknik Industri Fakultas Teknik UNS yang
bertanda tangan di bawah ini:
Nama

: Sheila Amalia Salma

NIM


: I 0312052

Judul tugas akhir

: Desain

Website

E-Commerce

pada UMKM

dengan

Menggunakan Metode Benchmarking (Studi Kasus ECommerce Fashion)

Dengan ini saya menyatakan bahwa Tugas Akhir atau Skripsi yang saya susun tidak
mencontoh atau melakukan plagiat dari karya tulis orang lain. Jika terbukti Tugas
Akhir yang saya susun tersebut merupakan hasil plagiat dari karya orang lain maka
Tugas Akhir yang saya susun tersebut dinyatakan batal dan gelar sarjana yang saya

peroleh dengan sendirinya dibatalkan atau dicabut.
Demikian surat pernyataan ini saya buat dengan sebenarnya dan apabila di
kemudian hari terbukti melakukan kebohongan maka saya sanggup menanggung
segala konsekuensinya.

Surakarta, 17 Oktober 2016

Sheila Amalia Salma
I0312052

commit to user

perpustakaan.uns.ac.id

digilib.uns.ac.id

SURAT PERNYATAAN
PUBLIKASI KARYA ILMIAH
Saya mahasiswa Program Studi Sarjana Teknik Industri UNS yang bertanda tangan
di bawah ini,

Nama

: Sheila Amalia Salma

NIM

: I 0312052

Judul tugas akhir

: Desain

Website

E-Commerce

pada UMKM

dengan


Menggunakan Metode Benchmarking (Studi Kasus ECommerce Fashion)

Menyatakan bahwa Tugas Akhir (TA) atau Skripsi yang saya susun sebagai syarat
lulus Sarjana S1 disusun secara bersama-sama dengan Pembimbing I dan
Pembimbing II. Bersamaan dengan syarat pernyataan ini bahwa hasil penelitian dari
Tugas Akhir (TA) atau Skripsi yang saya susun bersedia digunakan untuk publikasi
dari proceeding, jurnal, atau media penerbit lainnya baik di tingkat nasional
maupun internasional sebagaimana mestinya yang merupakan bagian dari publikasi
karya ilmiah.
Demikian surat pernyataan ini saya buat dengan sebenar-benarnya.

Surakarta, 17 Oktober 2016

Sheila Amalia Salma
I0312052

commit to user

perpustakaan.uns.ac.id


digilib.uns.ac.id

ABSTRAK
Sheila Amalia Salma, NIM : I 0312052. DESAIN WEBSITE E-COMMERCE
PADA UMKM DENGAN MENGGUNAKAN METODE BENCHMARKING
(STUDI KASUS: E-COMMERCE FASHION ). Skripsi. Surakarta : Program
Studi Teknik Industri Fakultas Teknik, Universitas Sebelas Maret,
September 2016.
E-Commerce merupakan alternatif bisnis yang cukup menjanjikan untuk
diterapkan pada saat ini. Lembaga riset ICD memperkirakan bahwa potensi ECommerce di Indonesia akan tumbuh 42% pada tahun 2012-2015, dan merupakan
salah satu negara dengan pertumbuhan E-Commerce terbesar untuk wilayah AsiaPasific. Usaha Mikro Kecil dan Menengah (UMKM) di Indonesia merupakan
sasaran pokok yang harus dibina dan didorong agar dapat memanfaatkan ECommerce. Namun hanya terdapat 38% dari 56 juta UMKM yang menggunakan
E-Commerce. Dengan demikian, perlu adanya rekomendasi cara untuk
membangun E-Commerce, salah satunya dengan melakukan benchmark terhadap
perusahaan E-Commerce lainnya. Dalam membangun sebuah website ECommerce, perlu memperhatikan usability yang merupakan salah satu faktor yang
mempengaruhi niat dan keputusan pengguna untuk membeli dari sebuah website
online. Pada penelitian ini akan dibahas bagaimana rancangan website ECommerce (studi kasus pada E-Commerce fashion) untuk UMKM yang
memperhatikan usability. Pada penelitian ini menggunakan metode
benchmarking. Metode benchmarking yang digunakan adalah competitive
benchmarking. Tahapan benchmarking yang dilakukan yaitu tahap perencanaan,

tahap analisis, dan tahap integrasi. Selanjutnya, dari hasil benchmarking dilakukan
desain tampilan website E-Commerce. Hasil yang didapatkan adalah best practice
proses pembelian dan parameter usability yang banyak diadaptasi dari website
Zalora, serta desain tampilan website E-Commerce fashion yang akan diterapkan
pada UMKM.

Kata kunci: E-Commerce, benchmarking, usability
ix + 154 halaman; 27 gambar; 8 tabel; 7 lampiran
Daftar pustaka : 48 (1989 – 2015)

commit to user
v

perpustakaan.uns.ac.id

digilib.uns.ac.id

ABSTRACT
Sheila Amalia Salma, NIM : I 0312052. DESIGN OF E-COMMERCE
WEBSITE FOR SMEs USING BENCHMARKING METHOD (CASE

STUDY: E-COMMERCE FASHION). Thesis. Surakarta : Departement of
Industrial Engineering, Faculty of Engineering, Sebelas Maret University,
September 2016.
E-Commerce is an alternative profitable business to be applied at this time.
ICD Research institute estimated that the potential of E-Commerce in Indonesia
will grow 42% in 2012-2015, and that is one of the countries with the largest
growth of E-Commerce for Asia-Pacific. Small and Medium Enterprises (SMEs)
in Indonesia is an eterprise which should be supported and encouraged to take
advantage of E-Commerce. However, only 38% of the 56 million SMEs use the ECommerce. Thus, it takes on how to build E-Commerce, one of them is a
benchmark to other E-Commerce companies. In building an E-Commerce
website, need to pay attention to usability which is one of the factors that
influence the intention and the decision to buy from an online website. In this
study will be discussed how the design of E-Commerce website (case study on ecommerce fashion) for SMEs with usability intention. This research uses
benchmarking method that is competitive benchmarking. The stages of
benchmarking include the planning stage, the analysis stage, and the integration
stage. Furthermore, the results of benchmarking is designed the display ECommerce website. The result is the best practice of purchase process and
usability parameters that generally adapted from Zalora website, and the design
of E-Commerce website will be applied to SMEs.
Keywords: E-Commerce, benchmarking, usability


ix + 154 pages; 27 pictures; 8 tables; 7 appendixs
References : 48 (1989 – 2015)

commit to user
vi

perpustakaan.uns.ac.id

digilib.uns.ac.id

KATA PENGANTAR
Syukur Alhamdulillah, penulis panjatkan ke hadirat Allah SWT, yang telah
melimpahkan berkah dan rahmat-Nya sehingga penulis dapat menyelesaikan
laporan Skripsi dengan judul “Desain Website E-Commerce pada UMKM dengan
Menggunakan Metode Benchmarking (Studi Kasus E-Commerce Fashion)” ini
dengan baik. Laporan ini disusun untuk memenuhi syarat guna memperoleh gelar
Sarjana Teknik.
Laporan Skripsi ini dapat diselesaikan berkat dukungan dan bantuan dari
berbagai pihak. Pada kesempatan ini penulis ingin menyampaikan ucapan terima
kasih atas bimbingan, bantuan, dan dukungan yang tak ternilai kepada pihak-pihak

berikut:
1.

Allah SWT atas limpahan berkah dan rahmat-Nya sehingga penulis dapat
menyelesaikan tugas akhir ini.

2.

Abah, Ibu, dan Adik tercinta yang selalu memberikan doa, perhatian, dan
dukungan untuk selalu memberikan yang terbaik.

3.

Bapak Dr. Ir. Wahyudi Sutopo, S.T., M.Si. IPM selaku Kepala Program Studi
Sarjana Teknik Industri Universitas Sebelas Maret Surakarta.

4.

Bapak Irwan Iftadi, S.T., M.Eng. dan Bapak Wakhid Ahmad Jauhari, S.T.,
M.T. selaku dosen pembimbing, atas segala bimbingan, arahan, dan waktu
selama menyelesaikan laporan skripsi.

5.

Ibu Retno Wulan Damayanti, S.T., M.T. dan Ibu Fakhrina Fahma, S.T., M.T.
selaku penguji yang telah memberikan kritik dan saran terhadap penelitian
ini.

6.

Ibu Prof. Dr. Ir. Susy Susmartini, MSIE. selaku dosen pembimbing akademik,
atas bimbingan dan nasehatnya.

7.

Seluruh Bapak/Ibu Dosen Program Studi Sarjana Teknik Industri UNS atas
semua ilmu dan motivasi selama penulis mengikuti proses perkuliahan di TI
UNS.

8.

Seluruh Karyawan TU TI UNS atas segala bantuan administrasinya.

commit to user

vii

perpustakaan.uns.ac.id

9.

digilib.uns.ac.id

Aulia Hamada, Eva Kholisoh, Oktiviandri, dan Yuliani Angraini, temanteman ciwis yang selalu mendukung, mendoakan, dan membantu dalam
mengerjakan skripsi ini.

10.

Alviandi Wahyu Nugroho atas segala waktu, dukungan, semangat, dan
motivasinya.

11.

Teman-teman seperjuangan bimbingan, Ade, Meil, Helma, Galuh, dan Anita,
atas bantuan, motivasi, dan dukungannya.

12.

Keluarga besar Angkatan Teknik Industri 2012 (ATILAS 2012), atas waktu,
motivasi, kebersamaan, kehangatan, dan keceriaan yang luar biasa. Sukses
untuk kita semua!

13.

Presidium HMTI 2015, Irfan, Virda, Sandra, Anis, Aris, Ibun, Melman, Ika,
Deput, dan Azmi, atas segala bantuan dan dukungannya.

14.

Teman-teman asisten LPSKE 2012 Deput, Helma, Nabil, Akid, dan Ade atas
semua kebersamaan, dukungan, dan kerjasamanya.

15.

Kakak-kakak asisten LPSKE 2011 Mas Arga, Mas Zaesar, Mbak Devi, Mbak
Diana, Mbak Anas, Mas Wibi, serta adik-adik asisten LPSKE 2013 Dimul,
Che, Fita, Situs, Nisa, Nia, Dhika, Dita, dan LPSKE 2014 Navi, Dhila,
Maudiena, Ghina, Mesti, Eldi.

16.

Keluarga Kos Graha Cendekia, Nadia, Safa, Fira, Sufi, Fajrin, Mbak Alma,
Ana, dll, atas dukungan, semangat, dan motivasinya.

17.

Semua pihak yang tidak dapat penulis sebutkan satu persatu, atas bantuan,
doa, semangat, dan dukungan yang telah diberikan.
Penulis menyadari bahwa laporan skripsi ini masih jauh dari sempurna. Oleh

karena itu, penulis membuka diri untuk segala masukan, kritik, dan saran. Semoga
laporan skripsi ini dapat memberikan manfaat bagi penulis dan pembaca sekalian.
Aamiin…
Surakarta, 20 Oktober 2016

commit to user

Penulis

viii

perpustakaan.uns.ac.id

digilib.uns.ac.id

DAFTAR ISI
ABSTRAK ................................................................................................... v
ABSTRACT ................................................................................................. vi
KATA PENGANTAR ................................................................................. vii
DAFTAR ISI ................................................................................................. ix
DAFTAR TABEL ....................................................................................... xii
DAFTAR GAMBAR ................................................................................... xiii

BAB I

PENDAHULUAN
1.1. Latar Belakang Masalah .................................................... I-1
1.2. Rumusan Masalah .............................................................. I-5
1.3. Tujuan Penelitian ............................................................... I-5
1.4. Manfaat Penelitian ............................................................. I-5
1.5. Batasan Masalah ................................................................ I-6
1.6. Sistematika Penulisan ........................................................ I-6

BAB II

TINJAUAN PUSTAKA
2.1. E-Commerce ...................................................................... II-1
2.2. Ergonomi ........................................................................... II-3
2.3. Ergonomi Kognitif ............................................................. II-4
2.4. Human Computer Interaction (HCI) ................................. II-5
2.5. Usability............................................................................. II-6
2.5.1. Pengertian ................................................................. II-6
2.5.2. Dimensi Usability .................................................... II-7
2.5.3. Prinsip Usability ....................................................... II-8
2.5.4. Usability Guidelines ................................................. II-9
2.6. Health and Human Services (HHS) Guidelines ................ II-10
2.7. Hierarchical Task Analysis (HTA) .................................... II-11
2.7.1. Pengertian HTA........................................................ II-11
2.7.2. Tahapan HTA .......................................................... II-12

commit
to user ........................................ II-14
2.7.3. Keuntungan
dan Kerugian

ix

perpustakaan.uns.ac.id

digilib.uns.ac.id

2.8. Benchmarking ................................................................... II-15
2.8.1. Pengertian ................................................................. II-15
2.8.2. Jenis-Jenis Benchmarking ....................................... II-15
2.8.3. Tahapan Benchmarking ............................................ II-16
2.8.4. Kelebihan Benchmarking ........................................ II-17
2.8.5. Best Practice ........................................................... II-18
2.9. Penelitian Terdahulu ......................................................... II-18

BAB III

METODOLOGI PENELITIAN
3.1. Tahap Benchmarking ......................................................... III-2
3.1.1. Tahap Perencanaan .................................................... III-2
3.1.2. Tahap Analisis ............................................................ III-4
3.1.3. Tahap Integrasi .......................................................... III-4
3.2. Desain Tampilan Website E-Commerce ............................ III-5
3.3. Tahap Analisis dan Interpretasi Hasil ................................ III-5
3.4. Kesimpulan dan Saran ....................................................... III-6

BAB IV

PENGUMPULAN DAN PENGOLAHAN DATA
4.1. Tahap Benchmarking ......................................................... IV-1
4.1.1. Tahap Perencanaan .................................................. IV-1
4.1.2. Tahap Analisis .......................................................... IV-13
4.1.3. Tahap Integrasi ........................................................ IV-31
4.2. Desain Tampilan Website E-Commerce ............................ IV-54

BAB V

ANALISIS DAN INTERPRETASI HASIL
5.1. Analisis Hasil Best Pratice ................................................ V-1
5.1.1 Analisis Hasil Best Practice Proses Pembelian ....... V-1
5.1.2 Analisis Hasil Best Practice Parameter Usability ... V-1
5.2. Analisis Desain Tampilan Website E-Commerce ................ V-4
5.3. Analisis Kelebihan Desain Tampilan Website E-Commerce
.............................................................................................. V-5

commit to user

x

perpustakaan.uns.ac.id

digilib.uns.ac.id

5.4. Analisis Tahapan Pengembangan Desain Website E-Commerce
.............................................................................................. V-7
BAB VI

KESIMPULAN DAN SARAN
6.1. Kesimpulan .......................................................................... VI-1
6.2. Saran .................................................................................... VI-2

DAFTAR PUSTAKA
LAMPIRAN
Lampiran 1 : Screenshoot Website Zalora ............................................... L-1
Lampiran 2 : Screenshoot Website Berrybenka ........................................ L-7
Lampiran 3 : Screenshoot Website Hijup ................................................. L-13
Lampiran 4 : Benchmarking Tahap Inetgrasi ........................................... L-19
Lampiran 5 : Pemilihan Website Berdasarkan Proses Pembelian ............ L-31
Lampiran 6 : Pemilihan Website Berdasarkan Parameter Usability.......... L-32
Lampiran 7 : Pemilihan Website Berdasarkan Desain Tampilan .............. L-33

commit to user

xi

perpustakaan.uns.ac.id

digilib.uns.ac.id

DAFTAR TABEL
Tabel 2.1. Dimensi Usability dari Beberapa Model dan Standard ................... II-7
Tabel 2.2. Parameter Usability Berdasarkan Browser dan Evaluator ............. II-19
Tabel 2.3. Parameter Usability Berdasarkan Transactor dan Customer ......... II-19
Tabel 4.1. Parameter Usability Berdasarkan Browser dan Evaluator .............. IV-4
Tabel 4.2. Parameter Usability Berdasarkan Transactor dan Customer .......... IV-8
Tabel 4.3. Identifikasi Parameter Usability pada Website Zalora.....................IV-16
Tabel 4.4. Identifikasi Parameter Usability pada Website Berrybenka.............IV-21
Tabel 4.5. Identifikasi Parameter Usability pada Website Hijup......................IV-28
Tabel 4.6. Best Practice Proses Pembelian.......................................................IV-32
Tabel 4.7. Best Practice Parameter Usability...................................................IV-39
Tabel 4.8. Verifikasi

Best

Practice

Parameter

Usability

pada

desain

Tampilan..........................................................................................IV-77

commit to user

xii

perpustakaan.uns.ac.id

digilib.uns.ac.id

DAFTAR GAMBAR
Gambar 3.1. Diagram Alir Metodologi Penelitian ........................................ III-1
Gambar 4.1. HTA dari Proses Pembelian Website Zalora............................. IV-15
Gambar 4.2. HTA dari Proses Pembelian Website Berrybenka .................... IV-20
Gambar 4.3. HTA dari Proses Pembelian Website Hijup .............................. IV-27
Gambar 4.4. HTA Best Practice Proses Pembelian ...................................... IV-38
Gambar 4.5. Ilustrasi Desain Tampilan Homepage ....................................... IV-56
Gambar 4.6. Ilustrasi Desain Tampilan Homepage (Search) ........................ IV-57
Gambar 4.7. Ilustrasi Desain Tampilan Homepage (Kategori) ..................... IV-58
Gambar 4.8. Ilustrasi Desain Tampilan Halaman Daftar Produk .................. IV-60
Gambar 4.9. Ilustrasi Desain Tampilan Halaman Detail Produk .................. IV-62
Gambar 4.10. Ilustrasi Desain Tampilan Halaman Detail Produk (Lihat Pesanan)
................................................................................................ IV-63
Gambar 4.11. Ilustrasi Desain Tampilan Halaman Tas Belanja ................... IV-66
Gambar 4.12. Ilustrasi Desain Tampilan Halaman Form Pengguna ............. IV-67
Gambar 4.13. Ilustrasi Desain Tampilan Halaman Form Pengguna Otomatis
(Sudah Login) ........................................................................ IV-68
Gambar 4.14. Ilustrasi Desain Tampilan Halaman Pemilihan Metode Pembayaran
................................................................................................ IV-70
Gambar 4.15. Ilustrasi Desain Tampilan Email Penerimaan Pesanan .......... IV-71
Gambar 4.16. Ilustrasi Desain Tampilan Halaman Track Order dan Konfirm
Order (Akun) ..........................................................................IV-72
Gambar 4.17. Ilustrasi Desain Tampilan Halaman Konfirm Order (Akun)
.................................................................................................IV-73
Gambar 4.18. Ilustrasi Desain Tampilan Halaman Konfirm Order (Non
Akun).......................................................................................IV-74
Gambar 4.19. Ilustrasi Desain Tampilan Halaman Email Konfirmasi Penerimaan
Pembayaran..........................................................IV-75
Gambar 4.20. Ilustrasi Desain Tampilan Halaman Tracking Produk (Akun)
................................................................................................ IV-76
commit to user

xiii

perpustakaan.uns.ac.id

digilib.uns.ac.id

Gambar 4.21. Ilustrasi Desain Tampilan Halaman Tracking Produk (Non Akun)
................................................................................................ IV-77
Gambar 4.22. Ilustrasi Desain Tampilan Halaman Bantuan ......................... IV-78
Gambar 4.23. Ilustrasi Desain Tampilan Halaman Form Masuk .................. IV-79
Gambar 4.24. Ilustrasi Desain Tampilan Halaman Form Daftar .................. IV-80
Gambar 5.1. Persentase Parameter Usability yang Terpilih Berdasarkan Kategori
Usability Menurut Nielsen (1993) ........................................... V-4

Gambar 5.2. Persentase Website yang Terpilih Berdasarkan Tampilan yang
Dirancang ................................................................................. V-6

commit to user

xiv