BAB I

ANALISA MASALAH
1.1 Review Aplikasi Serupa
JAKARTANOTEBOOK.COM

Gambar 1.1 Tampilan Website Jakarta Notebook

Tampilan Awal
Website ini tampilan pertama nya sangat membingungkan pengguna karena
thumbnails yang di gunakan terlalu besar membuat pengguna bingung pada saat
pertama kali membukanya
Menu-menu juga yang di sediakan di atas tidak teratur dan tombol-tombol yang di
sediakan terlalu banyak dan menu kategori seharusnya di buat menu khusus dan
menu tambahan seperti contact dan sebagai nya seharusnya di letakan di bawah
website
pada saat menu kedua tersedia macam-macam brand yang ada, seharusnya menu
ini di letaknya di list bagian tophead of website agar mempermudah pengguna
saat mencari brand elektronik yang ada agar pengguna tidak perlu scroll kebawah
Dan pada saat saat scroll berikut terdapat menu kategori tetapi kategori yang
tersedia ini seharusnya di sediakan pada menu bar sendiri agar tampilan awal
tidak membuat menu utama di tampilan pertama tidak terlihat berantakan. Website

ini setelah di lihat sampai ke page paling bawah hanya di penuhi dengan menu
yang membingungkan.
Desain
Dari segi desain website ini hanya seadanya, maksudnya website ini hanya di
penuhi dengan thumbnails-thumbnails yang seharusnya bisa di letakkan di menu
bar agar bisa di akses lebih mudah.
Dari segi prosedur peletakan menu-menu yang ada sedikit membingungkan
pengguna karena tulisan ada yang kecil dan ada juga yang besar dan warna yang
di gunakan tidak teratur
Prosedur Pembelajaan
Tentang prosedur belanja juga sedikit membuat pengguna bingung karena table
deskripsi barang kecil lumayan kecil tetapi tentang stock barang mereka
menyediakan beberapa tempat dari stok dan harga dan tertulis harga normal dan
juga harga diskon dan tersedia juga overview detail tentang barang elektronik
yang akan di beli, di sisi overview ini juga cukup lengkap karena semua deskripsi
di ambil dari official barang tersebut

Bhinneka.com

Gambar 1.2 Tampilan website Bhinneka.com

Dari segi desain

Perpaduan warna putih, biru dan orange
Menurut

psikologi

warna,

putih

dalam website ini sangat menarik.

menghadirkan

suasana

nyaman,

biru

menenangkan pikiran, dan orange (kombinasi warna merah dan kuning) memiliki
daya tarik yang kuat karena mampu menstimulus mata. Pemakaian dari ketiga
warna ini sangat serasi karena mengandung daya tarik untuk penggunanya. Selain
warna, penggunaan ikon-ikon produk yang ditampilkan memiliki ukuran yang
tidak terlalu besar dan saturasi warna yang tidak terlalu tajam sehingga tidak
bosan untuk dilihat. Fitur-fitur yang terdapat dalam menu bar atau panel teratur
berdasarkan jenis-jenis produk. Dengan adanya keteraturan fitur-fitur tersebut
pengguna lebih mudah mengoperasikan website ini.
Dari segi prosedur pembayaran
Untuk pembelian terdapat ikon beli disetiap produk. Prosesnya terdiri dari 3
bagian, pertama perincian belanja dimana terdapat harga, kuantitas, dan total
harga serta pemilihan kota tujuan, juga jasa pengiriman yang akan digunakan.
Untuk pengiriman barang yang dibeli, perusahaan ini menggunakan jasa kurir

dengan bekerjasama menggunakan jasa TIKI dan JNE. Secara otomatis

perusahaan tersebut memberikan garansi jika ada kerusakan atau cacat yang
terjadi selama pengiriman. Atau kita bisa menggunakan jasa pengiriman yang kita
ingikan dengan memberitahu sebelumnya, dengan ketentuan jaminan barang
sampai ketempat tujuan sepenuhnya ditanggung oleh pembeli. Kedua, menginput
informasi data pembeli yang terdiri dari nama lengkap, jenis kelamin, email,
alamat, kode pos dan nomor telepon. Dan yang terakhir, pembayaran yang dapat
dilakukan melalui online payment dan offline payment. Bhinneka.com melayani
pembelian untuk seluruh wilayah Indonesia. Untuk pembelian luar kota,
perusahaan ini menawarkan fasilitas Shopping Cart di www.Bhinneka.com
ataupun via telepon maupun email ke sales@bhinneka.com untuk pemesanan.
Sedangkan untuk pembeli yang berada di jabodetabek bisa melakukan pembelian
secara langsung dengan mengunjungi kantor atau outlet. Pembeli juga bisa
melakukan pembelian secara kredit melalui Adira Kredit dan AEON Finance
dengan syarat dan ketentuan yang berlaku. Perusahaan ini menawarkan
pembayaran dengan rupiah ataupun dollar yang dapat dilakukan dengan cara
transfer bank, KlikBCA, kredit, kartu kredit / BCA Debit (offline), BCA debit,
bayar di tempat (COD), ataupun proses perusahaan.
Beberapa keunggulan yang dimiliki situs Bhinneka antara lain :

Katalog yang terstruktur dengan baik.

User dapat mengunduh file katalog dan harga dalam format pdf.
Memiliki script pengubah kurs mata uang sesuai yang diinginkan

customer.
Tawar online
Photography page (all about camera)
Mobile version (khusus untuk diakses melalui mobile phone)
DropDown menu (memudahkan navigasi dalam mengakses web/blog)
Rancang sendiri (build your own PC)
Bekarja sama dengan JNE (jasa pengiriman)
e-Care (garansi produk (untuk notebook) 24 bulan)
Payment confirmation e-mail & SMS (notifikasi, apabila uang telah

diterima pihak bhinneka.com)

Service tracking (ketahui sendiri kondisi barang anda yang sedang
diservice teknisi bhinneka.com)
Help/FAQ

Beberapa kekurangan dari fitur yang ada pada website Bhinneka.com yaitu :

Salah satu fitur yang kurang dari bhinneka.com dari situs toko online
lainnya yaitu, fitur simulasi yang membuat calon pembeli menjadi lebih
mudah mengetahui harga komputer rakitan yang ingin dibeli.

Bila kita perhatikan deskripsi produk di bhinneka.com masih menggunakan

2 bahasa, padahal akan lebih baik bila bhinneka.com tersedia dalam 2 versi
bahasa, dan banyak juga situs yang dilengkapi dua bahasanya tapi tidak
menyatu. Bahasa yang dicampur ini akan membuat pengunjung kurang
nyaman, dan membuat beberapa dari mereka kurang mengerti (asumsi tidak
semua pengunjung dapat berbahasa Inggris dengan baik) apabila spesifikasi
produk hanya tersedia dalam Bahasa Inggris.

URL yang digunakan oleh bhinneka.com belum ramah kepada mesin

pencari seperti google, yahoo, dll. karena URL yang digunakan tidak
berdasarkan jenis produk atau kategori produk, sehingga bila kita mencari
di google dengan menggunakan nama-nama produk praktis URL dari
bhinneka.com tidak akan terindex. JAdi bila pembaca pada suatu saat nanti
ingin membuat situs toko online, maka gunakanlah URL yang ramah
mesin pencari supaya calon pembeli lebih cepat menemukan situs Anda.

Bhinneka.com memiliki 8 dimensi tentang memberikan pengalaman terbaik

didalam bidang perbelanjaan secara online yaitu :
o Community Value
o Great Product Presentation
o Superb Bussiness Prosess
o Excellence Service

Delighting and Fun

o Excellence Atmostphere
o Solution and Education Value

o Friendly Technology

belanjakomputer.com

Gambar 1.3 Tampilan Website Belanjakomputer.com

Dari segi design website ini memiliki tampilan dengan perpaduan warna yang
bagus yaitu background yang berwarna putih, dan menu bar yang berwarna biru.
kombinasi ini memberikan rasa aman dan kualitas yang baik , namun warna putih
yang di jadikan background membuat mata merasa sedikit lelah akan contras nya
yang
agak menyilaukan hal ini dapat di atasi dengan mengurangi pencahayaan laptop
atau PC yang digunakan.
dan menu-menu yang dibuat secara terstruktur berdasarkan merk dari barang yang
kita inginkan juga memudahkan pengguna dalam mencari barang yang di
inginkan.
dari segi prosedur pembelian website ini sungguh membingungkan bagi pemula
karna memiliki 6 step untuk memberi barang yang di inginkan antara lain
checkuot

options,account

&

billing

method,payment method,confirm order.

details,delivery

details,delivery

namun dari segi keamanan dalam berbelanja website ini mengharuskan pembeli
untuk mengisi data diri sehingga barang dapat di terima di tempat tujuan.
dari segi pembayaran website ini menggunakan banyak cara agar pembeli dapat
memilih cara pembelian yang di inginkan sesuai cara yang memudahkannya.
dari segi user experince website ini mendapatkan ulasan yang bagus dari para
pengguna karena detail yang di berikan website mengenai barang yang di jual.
dan cara pembayaran yang di tawarkan ada berbagai cara.
1.2 User Experience
Review Pengguna website Jakarta Notebook .com
Feedback menurut pengalaman pengguna beberapa yang bilang pelayanan kurang
bagus, contoh yang saya baca yaitu tentang nomor resi yang di complain karena
pengguna ini bilang setalah mendapat nomor resi tetapi tidak bisa tracking dan
ada juga yang complain tentang klaim garansi yang sedikit slow respon.
Kesimpulan dari feedback yang beberapa yang di baca ini abkibat toko yang
menjual layanan yang kurang bukan website nya karena di sini kalau tentang segi
desain belum ada yang memberikan komentar karena pengguna di sini hanya
kerjanya hanya menjual dan membeli mereka tidak terlalu memperhatikan desain
website nya
Review dan Pengalaman Pengguna website Bhinneka.com
Berdasarkan review dan pengalaman pengguna dari TrustedCompany.com,
Bhinneka masuk ke dalam kategori website bintang 3. Kenapa Bhinneka hanya
mendapat bintang 3? Tentunya setiap membeli barang/produk online, pastinya
konsumen menginginkan kepuasan dari transaksi tersebut. Ternyata Bhinneka
memiliki banyak review dan pengalaman yang kurang baik, dalam hal ini banyak
mendapat komentar negatif akibat sering terjadinya keterlambatan pengiriman
dari jasa pengirimannya.

Review dan pengalaman Pengguna website belanja Komputer.com

Dari hasil dan pengalaman pengguna website ini yaitu soal masalah slow respon ,
banyak pengguna yang mengeluh, karena di saat pengguna ingin membeli barang
respon yang lama oleh penjual tersebut
1.3 Deskripsi Aplikasi Baru
Jenis website ini yaitu e-commerce barang elektronik, dimana barang
elektronik seperti handphone, televisi, tablet, laptop, pc dan kamera di jual
belikan disini, jadi di website ini menjadi sarana untuk para pembeli seperti
masyarakat pada umumnya, di website ini bersifat online jadi barang yang di
beli hanya tinggal di pilih, harga spesifikasi barang sudah tertuliskan di
deskripsi barang, barang elektronik tersebut di bayar dengan berbagai macam
metode pembayaran, di antaranya via ATM, Kredit card, dan indomaret. Juga
di website ini menyediakan keranjang yang kegunaan nya sama seperti
keranjang di supermarket yang gunanya untuk menampung barang-barang
yang akan di beli, tapi karena pembelian disini bersifat online jadi barang
yang akan di letakkan di keranjang hanya di pilih dan akan di letakkan di
keranjang pembelian, dan juga keranjang disini juga bisa menambahkan
barang yang akan di beli, jika barang selesai di pilih pengguna akan mengisi
data diri yaitu, nama lengkap, nomor handphone dan alamat lengkap. Alamat
disini harus lengkap agar supaya kurir yang mengatarkan barang tidak
kebingugan saat mengantar barang, setelah pengisian data diri selanjutnya
yaitu

1.4 Proses Bisnis Aplikasi Baru

1. Jika ingin membeli barang pengguna harus membuat username baru

untuk bisa membeli barang yaitu menklik tombol SIGN UP yang di
sediakan jika sudah punya akun pilih SIGN IN
2. Pengguna mendaftarkan diri dengan memasukan semua kolom registrasi
yang di sediakan
3. Setelah itu pengguna tinggal memilih barang yang akan di beli dengan
mengklik tombol product di menu product terdapat:
- Handphone
- Tablet
- Televisi
- Laptop
- PC
- Camera
4. Jika sudah memilih barang yang akan di beli pengguna akan masuk ke
spesifikasi detail barang tersebut
5. Barang yang dipilih akan di masukan ke keranjang dan akan lanjut ke
proses pembayaran
6. Proses Pembayaran ada 3 metode yaitu
- ATM : yaitu menggunakan kartu ATM untuk transaksi
- Credit Card : yaitu menggunakan Kartu Kredit jika ingin mencicil
Barang
- Indomaret : yaitu pembayaran melalui kasir indomaret
7. Setelah itu masuk ke form data diri nomor handphone dan Alamat
8.
9.

lengkap
Pilih kurir Pengiriman:
JNE Express
J&T Express
Pos Indonesia
Barang akan segera di proses dan akan di kirimkan

1.5 Target pengguna dan hak pengguna

Target pengguna :
-

Di kalangan 17+ sampai < 65 tahun

Sudah memiliki KTP (Kartu Tanda Penduduk)

Tidak memiliki cacat mental

Yang sudah terbiasa menggunakan internet

Hak Pengguna
-

Pengguna dapat membeli barang lebih dari 1 atau lebih

Pengguna bisa mengirimkan kritikan dan saran via contact yang di

sediakan
Pengguna bisa secara detail melihat spesifikasi-spesifikasi barang yang di

jual
Jika sudah membeli barang, pengguna akan mendapatkan struk
pembayaran dan nomor resi yang akan di kirimkan di e-mail atau nomor
handphone yang di berikan

1.6 Attribut ELGA

Salah satu attribut ELGA kami yang dapat dari Progress pertama ini yaitu
-

Critical Thinker
Karena, dalam tugas ini kami berpikir secara kritis untuk me-review
website serupa yang akan kami jadikan patokan untuk membuat website
baru yang akan kami buat nanti, sehingga penerapan atribut ELGA critival
thinker sangat cocok dalam pembuatan tugas ini.

BAB II
DESAIN INTERAKTIF
2.1 Storyboard Antarmuka Menu

Home

Gambar 2.1 Tampillan Storyboard Home

Product

Gambar 2.2 Tampilan Storyboard Product

About

Gambar 2.3 Tampilan Storyboard About

How to order

Gambar 2.4 Tampilan Storyboard How to order

2.2 Interaksi WIMP

Windows

Di dalam windows dari aplikasi website yang kami buat, terdapat 4 menu
utama yang dapat di lihat. Yaitu Home, Product, How to order, dan About.
Dimana window menu home adalah tampilan utama dari website, di tampilan
utama tersebut pengguna bisa melihat promo promodari product yang kami jual.
Dan pada window menu product pengguna bisa melihat semua product yang
kami jual berdasarkan kategori yang ada. Pada menu how to order pengguna bisa
melihat cara pemesanan, pada menu yang bertuliskan About pengguna bisa
melihat informasi tentang website yang kami kembangkan ataupun contact dari
kami, sehingga ketika pengguna mengalami masalah dalam penggunaan website
ataupun masalah yang dihadapi ketika melakukan pemesanan, pengguna dapat
menghubungi kami.

Gambar 2.5 Menu Utama

Icon
Icon yang kami gunakan dalam website kami ada beberapa jenis di
antaranya :

Gambar 2.6 Smartphone

Gambar 2.7 Tablet

Gambar 2.8 PC

Gambar 2.9 Laptop

Gambar 2.10 Televisi

Gambar 2.11 Kamera

Gambar 2.12 Kaca Pembesar

Gambar 2.13 Troli

Gambar 2.14 Tambah

Gambar 2.15 Kurang

Gambar 2.16 ATM

Gambar 2.17 Kartu kredit dengan tanda centang

Gambar 2.18 Belanja

Gambar 2.19 Kartu Kredit

Gambar 2.20 Keranjang dengan tanda centang

Gambar 2.21 Indomaret

Gambar 2.22 Pengiriman

Menu
Ada terdapat berbagai menu yang kami gunakan selain 4 menu utama yaitu :

Gambar 2.23 Menu pembayaran

Gambar 2.24 Menu pengiriman

Gambar 2.25 Menu sign in/ Sign up

Gambar 2.26 Menu category Product

Pointer
Pointer yang kami gunakan dalam website kami yaitu pointer yang berbentuk
anak panah, untuk memilih menu menu dan icon icon dalam website kami.

2.3 Warna dan Metafora

2.3.1 Arti Warna
Abu-abu
Kesan yang ditimbulkan warna ini adalah ketenangan, keteduhan, elegan.
Warna abu-abu mudah dikombinasikan dengan berbagai macam warna
lain, karena tidak bersifat kontras. Sebuah warna yang menggambarkan
keseriusan, kemandirian, dan keluasan. Warna abu-abu yang merupakan
salah satu warna alam ini cenderung memiliki pemaknaan abstrak, atau
tidak menyatakan tujuan dengan jelas. Namun, penggunaan warna ini
akan memberikan keyakinan bahwa pengguna warna dapat diandalkan
dan memiliki sifat stabil. Secara umum, abu-abu bermakna netral, tidak
memihak.Kesan bertanggung jawab dapat ditunjukkan juga dengan
penggunaan warna ini. Namun, pada sisi negatifnya, warna Abu yang
digunakan dengan terlalu mendominasi akan memberikan kesan tidak
komunikatif atau membosankan. Selain itu, beberapa makna negatif yang
bisa ditimbulkan dari penggunaan warna ini adalah kurang percaya diri,
kelembaban, depresi, hibernasi, dan kekurangan energi.

Warna Biru
Biru adalah warna langit dan laut.Memberi kesan luas pada ruangan,
kesejukan, dingin damai, dan menenangkan fikiran. Ketenangan,
kepercayaan, keyakinan, keseriusan, dan professional menjadi gambaran
yang nampak dari penggunaan warna biru, hal ini membuatnya menjadi
salah satu warna yang sering kali dikaitkan dengan dunia bisnis,
khususnya

bisnis-bisnis

yang

mengedepankan

keseriusan

dalam

pekerjaannya. Penggunaan warna biru yang lebih muda akan memberikan

efek kepercayaan yang lebih dominan, sedangkan warna biru gelap lebih
cenderung meningkatkan kesan cerdas pada penggunaannya.Biru adalah
warna langit yang mampu memberikan kesan stabil. Secara umum,
biru akan diasosiasikan dengan Kecerdasan, komunikasi, kepercayaan,
efisiensi, ketenangan, tugas, logika, kesejukan, protektif, refleksi,
kooperatif, integritas, dan sensitif.

Warna Putih
Secara psikologis, putih bisa memberikan efek meredakan rasa nyeri,
steril, menghadirkan aura kebebasan dan keterbukaan. Alasan ini salah
satu yang mendasari kebanyakan rumah sakit dan pekerja rumah sakit
menggunakan warna putih. Disisi lain, warna putih yang berlebihan dapat
pula memberi efek rasa sakit kepala dan kelelahan mata, karena cahaya
yang dipantulkan warna ini.

2.3.2 Metafora
Metafora dari icon yang kami gunakan dalam website kami adalah :

Smartphone digunakan untuk menunjukan pada

Gambar 2.27pengguna kategori product smartphone
Tablet digunakan untuk untuk menunjukan pada
Gambar 2.28pengguna kategori product tablet
PC digunakan untuk menunjukan pada pengguna
kategori product PC

Gambar 2.29

Gambar 2.30Laptop digunakan untuk menunjukan pada pengguna

kategori product laptop
Gambar 2.31Televisi digunakan untuk menunjukan pada pengguna
kategori product
Gambar 2.32Kamera digunakan untuk menunjukan pada pengguna
kategori product kamera
Kaca pembesar digunakan untuk menjadi tombol
Gambar 2.33search, atau jika pengguna ingin mencari product
yang ingin di beli
Troli digunakan sebagai icon keranjang belanjaan
pengguna untuk memuat barang barang yang ingin
Gambar 2.34
dibeli pengguna
Tambah digunakan untuk jika pengguna ingin menambah
barang yang ingin di beli atau dimasukkan kedalam
Gambar 2.35keranjang belanjaan
Kurang

digunakan

untuk

jika

pengguna

ingin

membuang beberapa barang yang ada di keranjang

Gambar 2.36belanjaan
ATM

digunakan

untuk

menunjukan

pemilihan

pembayaran menggunakan ATM

Gambar 2.37
Kartu ATM yang dicentang kami gunakan icon ini untuk
menunjukan di tahap how to order bahwa ini adalah
tahap untuk memilih pembayaran

Gambar 2.38
Orang berbelanja kami gunakan untuk menunjukan di
tahap how to order bahwa tahap ini adalah ketika
Gambar 2.39 pengguna memilih barang
Kartu kredit kami gunakan untuk menunjukan pemilihan
pembayaran menggunakan kartu kredit
Gambar 2.40
Keranjang dengan tanda centang kami gunakan untuk
menunjukan bahwa tahap ini ketika pembayaran barang
Gambar 2.41 sudah di konfirmasi
Indomaret kami gunakan untuk ppemilihan pembayaran
Gambar 2.42

menggunakan

sarana

indomaret

atau

pembayaran

melalui indomaret
Orang

membawa

motor

kami

gunakan

untuk

menunjukan pada pengguna bahwa barang yang sudah di

konfirmasi selanjutnya barang tersebut akan di antarkan
Gambar 2.43 kepada pnegguna
2.4 Atribut ELGA
Unsur Elga yang kami dapatkan dalam pembuatan tugas ini yaitu creative thinker
karena dalam pembuatan tugas ini kami ditugaskan untuk merancang antarmuka
yang kami buat sendiri dimana dalam perancangan antarmuka tersebut kami
membutuhkan kreativitas untuk membuat antarmuka yang baru.

BAB III
ANALISIS DESKRIPSI DAN ANALISIS TUGAS

3.1 SKENARIO POSITIF DAN NEGATIF DARI APLIKASI BARU

Skenario Positif :
Seorang mahasiswa bernama Piter ingin membeli laptop di IT Center,
setelah melihat-lihat harga dan laptop disana, Piter pun bertanya kepada seorang
temannya, lalu temannya itu memberi saran kepada Piter untuk melihat laptop
yang ingin dia beli itu, dan Piter merasa di mudahkan dengan adanya website
tersebut, karna di dalam website tersebut tersedia fitur-fitur yang dapat
memudahkan Piter untuk mencari laptop yang dia inginkan. Di dalam website
yang Piter lihat tersebut terdapat page product dan di dalam page product sudah
terbagi macam-macam elektronik, disitu juga ada berbagai macam laptop,
sehingga Piter dengan mudah dapat mencari laptop yang dia inginkan dan untuk
pembayaran di website ini sangat mudah dengan cara membayar dgn kartu ATM,
credit card, maupun membayar di Indomaret.
Karena dengan adanya website tersebut Piter tidak perlu lagi pergi ke IT Center,
dan hanya tinggal membuka website ini di rumahnya saja.
Skenario Negatif :
Seorang mahasiswa bernama Piter ingin membeli laptop di IT Center,
setelah melihat-lihat harga dan laptop disana, Piter pun bertanya kepada seorang
temannya lalu temannya merekomendasikan untuk melihat-lihat di website
Electronic Spot, lalu Piter pun melihat website tersebut. Setelah melihat-lihat di
dalam website tersebut, Piter agak merasa terganggu karena adanya iklan-iklan
promosi yang masuk di dalam website tersebut. Dan disitu pun Piter merasa
terganggu. Dan pada saat pengiriman barangnya agak lama.

3.2 TEKNIK PENGUMPULAN DATA DAN FEEDBACK PENGGUNA

TABEL 3.1
Homepa
ge
1
2
3
4
5

1 0,6
1
0,
8
0,
8
0,
6

0,8
0,4
0,6
0,8

RESPONDEN
3
4
5
6
0, 0, 0, 0,
8
8
8
8
0, 0, 0,
8
8
4
1
0, 0, 0, 0,
6
8
6
6
0, 0, 0,
6
8
6
1
0, 0, 0,
1
8
6
6

7
0,8
0,8
0,6
0,4
0,8

8
0,
8
0,
6
0,
8
0,
8
0,
8

Total
Nilai

6,4

80

6,2

77,5

5,2

65

5,6

70

75
73,5

TABEL 3.2
Kontens
(ISI)
1
2
3
4

1
2
0,
6 0,8
1

1 0,4
1 0,6

RESPONDEN
3
4
5
6
0, 0, 0, 0,
8
8
6
8
0,
1
1
8
1
0,
0,
8
1
8
1
0,
0, 0,
8
1
6
8

7
0,8

8
0,
2

0,8

Total
Nilai

5,4

67,5

7,6

95

0,8

6,8

85

0,6

6,4
0

80
0
65,5

TABEL 3.3
Usability
1
2
3

1
2
0,
2 0,8
0,
6 0,8
0,
6 0,6

RESPONDEN
3
4
5
6
7
0, 0,
0,
8
4
1
8
1
0, 0,
0,
8
6
1
8 0,6
0, 0, 0,
8
6
8
1 0,4

8
0,
8
0,
6
0,
8

4
5

Total
Nilai
5,8

72,5

5,8

72,5

5,6
0
0

70
0
0
43

TABEL 3.4
Readibill
ity
1

1
2
0,
8 0,8

RESPONDEN
3
4
5
6
7
0, 0, 0,
8
8
6
1 0,4

8
0,
4

Total
Nilai
5,6

%
70

2
3
4
5

1
1
0,
8 0,8
0,
8 0,6
0,
8 0,6

0,
8
0,
6
0,
8
0,
8

8
1
0,
8
0,
8

0,
6
0,
8
0,
6
0,
8

1 0,6
1 0,6
0,
8 0,6
1 0,6

1
0,
2
1
0,
2

14

175

5,8

72,5

75

5,6

70
92,5

TABEL 3.5
Accurac
y
1
2
3

1
0,
6
0,
8
0,
8

2
1
1
1

RESPONDEN
3
4
5
6
7
0, 0, 0,
1
6
6
8 0,8
0, 0,
1
4
8
1 0,6
0, 0, 0,
1
4
6
8 0,6

Total
Nilai

6,4

80

6,6

82,5

6,2
0
0

77,5
0
0
48

4
5

TABEL 3.6
Layanan
1

1
1

2
1

RESPONDEN
3
4
5
6
0,
1
8
1
1

7
1

8
0,
8

2
3
4
5

Total
Nilai

7,6
0
0
0
0

95
0
0
0
0
19

TABEL 3.7
Platfrom
1
2
3
4
5

Keterangan:

1
2
0,
8 0,8
1 0,8
0,
8 0,8

RESPONDEN
3
4
5
6
7
0, 0,
0,
8
8
1
6
1
0, 0,
8
6
1
1
1
0, 0,
1
8
8
1 0,8

8
0,
8
0,
8
0,
8

Total
Nilai

6,6

82,5

87,5

6,8
0
0

85
0
0
51

1=0,2

2=0,4

3=0,6

4=0,8

5=1

Maka, untuk mencari hasil persentasenya 1-5 :

Rumus :
Jumlah Semua Data
X 100%
Jumlah Responden

Dipeoleh Hasil Sebagai berikut :

-

Homepage
= 73,5 %
Dari hasil feedback homepage yang di dapat yang tertera di atas bahwa
desain dibagian home sudah baik untuk itu desain kami dibagian
homepage tidak di lakukan perubahan

Gambar 3.1 Tampilan Awal

-

Kontens (Isi)
= 65,5 %
Dari hasil feedback Konstens (isi) sudah di atas 50% yang menilai baik
Dengan hal itu kelompok kami tidak memberikan perubahan di bagian
konstens

Ukuran Kualitas (Usability)

= 53 %
Dari hasil feedback yang ada, ukuran kualitas (usability) 53% pengguna
menilai baik, jadi di bagian Usability juga tidak di berikan perubahan

Gambar 3.2 Tampilan Sign Up / Log in

Gambar 3.3 Tampilan About

Kemudahan Dibaca (Readbility)

= 92,5 %
Dari hasil feedback yang ada, Kemudahan Dibaca(readbility) 92,5%
pengguna menilai baik, jadi di bagian Readbility juga tidak di berikan
perubahan

Gambar 3.4 Tampilan pemilihan pengiriman

Gambar 3.5 Tampilan Konfirmasi Data Diri

Ketepatan (Accuracy)
= 58 %
Dari hasil feedback dari responden yang ada, Ketepatan(Accuracy) 58%
pengguna menilai baik, jadi di bagian Ketepatan juga tidak di berikan
perubahan

Gambar 3.6 Tampilan Daftar belanja

Gambar 3.7 Tampilan Deskripsi Produk

Penggunaan Platfrom
= 51 %
Dari hasil feedback dari responden yang ada, Penggunaan Platform 51%
pengguna menilai baik, jadi di bagian Penggunaan Platform juga tidak di
berikan perubahan

Gambar 3.8 Tampilan Jenis Pembayaran

Layanan Publik
= 95 %
Dari hasil feedback dari responden yang ada, Layanan Publik 95%
pengguna menilai baik,
-

3.3 ANALISIS TUGAS DAN DIAGRAM HTA

3.3.1 Analisis Tugas

0. Buka website
1. Pilih menu Home
2. Pilih menu Produk
3. Pilih menu How To Order
4. Pilih menu About
Jika pengguna siap mengakses website maka lakukan langkah 1-2-3-4
Plan 1 : Jika pengguna ingin memilih jenis atau kategori produk apa yang
ingin dipesan lakukanlah langka 2.1-2.2-2.3-2.4
2.1 Pilih Kategori Laptop
2.2 Pilih Kategori Kamera
2.3 Pilih Kategori PC
2.4 Pilih Kategori Televisi
2.5 Pilih Kategori Handphone
2.6 Pilih Kategori Tablet
Plan 2: Setelah selesai memilih barang yang akan di beli barang akan di
masukan di keranjang.
Plan 3 : Jika pembeli ingin membeli suatu barang masuk ke dalam tahap
pembayaran ada tiga langkah yang bisa di pilih yaitu Plan 3.1 3.2 dan 3.3
3.1 Pilih pembayaran melalui ATM
3.2 Pilih pembayaran melalui Credit Card
3.3 Pilih pembayaran melalui Indomaret
Plan 4 : Setelah pembayaran selanjutnya di lakukan Konfirmasi dan
memasukan data diri, Nama lengkap, No. Handphone dan Alamat
Plan 5 : Selanjutnya barang akan di kirimkan oleh kurir yang bisa dipilih yaitu
Plan 5.1 Pilih kurir JNE express
Plan 5.2 Pilih kurir Tiki
Plan 5.3 Pilih kurir Pos Indonesia

Diagram HTA :

3.4 ATRIBUT ELGA

Attribut ELGA yang di dapat dari bab 3 ini yaitu Service Driven- Citizen
Karena dari bab 3 ini kami bisa melatih cara melayani masyarakat yaitu
dari sisi positif dan negative kami dapat membedakan cara yang benar
untuk melayani masyarakat dan juga dari responden yang di dapat kami
dapat mengikuti kemauan pengguna atau masyarakat pada umumnya.

BAB IV
KESIMPULAN DAN SARAN
4.1 KESIMPULAN
Dari hasil Pembahasan perancangan website e-commerce electronic ini dapat di
simpulkan :
1. Pembuatan Website e-commerce electronic ini di rancang memudahkan
para pengguna untuk mencari alat-alat elektronik seperti Laptop, Kamera,
Handphone, Tv, Pc dan Tablet
2. Website ELECTRONICS SPOT ini di rancang dengan menapilkan 4 Menu
utama yaitu , Home, Product, How to order, dan About,Pada Menu utama
Home menampikan produk-produk Promosi , pada menu utama Product
menampikan product-product yan tersedia pada Website ELECTRONICS
SPOT serti Laptop,Kamera, Handphone, Tv, Pc dan Tablet, juga di dalam
menu utama product terdapat menu kategori dimana di menu kategori itu
menampilkan kategori-kategori dari produk yang tersedia di website
ELECTRONICS SPOT dimana menu kategori ini juga sangat membantu
parah pengguna website ELECTRONICS SPOT karena dapat lebih mudah
untuk mecari product yang ingin di beli, dan pada Menu utama How to
Order ini menampilkan Cara Berbelanjan atau acara pemesanan pada
website ELECTRONICS SPOT, sedangkan pada menu utama About ini
menampilkan tentang Website ELECTRONICS SPOT , dan juga dalam
Menu utama About terdapat kontak website ELECTRONICS SPOT yang
dapat membantu parah pengguna untuk menghubungi kami.
4.2 SARAN
Saran Dari beberapa orang yang telah kami wawancarai :
1. Sebaikanya penggunaan warna logo jangan hanya menggunakan 2 warna ,
karena terkesan monoton,
2. Tambahkan menu search
3. Coba memilih warna yang lebih menarik pada Warna dari desain website,
dan font nya lebih di perjelas
4. Lebih di perhatikan lagi tentang spesifikasi dari produk-produk yang di
tampilkan