Uploaded by baguskurniawan999

Laporan Evaluasi & Redesain

advertisement
Daftar Isi
PENDAHULUAN ....................................................................................................................................... 2
EVALUASI IMK PADA WEBSITE TOKOPEDIA ............................................................................................ 3
MENGGUNAKAN METODE USABILITY TESTING ...................................................................................... 3
Latar Belakang..................................................................................................................................... 3
Plot Aspek Usability yang Ditinjau ...................................................................................................... 3
Kuesioner Pengujian Aplikasi .............................................................................................................. 4
Rekap Hasil Survey .............................................................................................................................. 5
KESIMPULAN DARI EVALUASI IMK ........................................................................................................ 14
REDESAIN USER INTERFACE PADA WEBSITE TOKOPEDIA ..................................................................... 15
Sketsa ................................................................................................................................................ 15
Wireframe ......................................................................................................................................... 17
Mockup ............................................................................................................................................. 19
Perbandingan Desain Website Tokopedia Lama dan Baru ............................................................... 21
KESIMPULAN DARI REDESAIN WEBSITE TOKOPEDIA ............................................................................ 25
1|Page
PENDAHULUAN
Usability adalah atribut kualitas yang menjelaskan atau mengukur seberapa mudah
pengguanaan suatu antar muka (interface). Kata “Usability” juga merujuk pada suatu metode
untuk meningkatkan kemudahan pemakaian selama proses desain. Usability diukur dengan
lima kriteria, yaitu : Learnability, Efficiency, Memorability, Errors, dan Satisfaction
User interface merupakan serangkaian tampilan grafis yang dapat dimengerti oleh
pengguna komputer dan diprogram sedemikian rupa sehingga dapat terbaca oleh sistem
operasi komputer dan beroperasi sebagaimana mestinya (Darmawan R, 2013) dan salah satu
faktor yang menentukan peningkatan traffic pada sebuah website. Karena user berinteraksi
dengan logika pemrograman melalui user interface. Dan desain user interface sendiri menjadi
sangat penting mengingat semakin efektif dan efisien suatu desain, semakin betah pula user
untuk berlamalama di website tersebut (Gerald L. Lohse, 1998).
User interface merupakan salah satu faktor terpenting dalam membangun sebuah
website. Tanpa persiapan dan perancangan yang matang, suatu website tertentu tidak bisa
berjalan secara maksimal, bahkan bisa mengakibatkan user berpindah ke website lain.
Penelitian ini bertujuan untuk mengevaluasi desain user interface yang diterapkan pada
website Tokopedia menggunakan metode Usability Testing. Yang mana dalam evaluasi ini
kami menggunakan 5 aspek user interface yang menjadi parameter apakah user interface
tersebut berinteraksi terhadap user dengan baik atau tidak. Cara kerja metode ini yaitu
dengan meminta responden mengisi kuisioner yang berisi beberapa pertanyaan yang
berkaitan dengan 5 aspek user interface dari metode ini, untuk ditarik hasil kesimpulan dan
saran. Sehingga melalui paper ini, didapatkan catatan-catatan penting demi perbaikan dan
pengembangan kualitas website Tokopedia, agar perkembangan e-commerce di Indonesia
semakin meningkat dan kami dapat melakukan redesain pada website Tokopedia sesuai
dengan hasil survey untuk didapat tampilan yang cocok dan sesuai untuk penggunanya.
Pada penelitian analisa usability dengan objek Website Tokopedia menggunakan
evaluasi dengan cara mengisi kuesioner total 46 responden, jawaban responden tersebut
dikumpulkan dan diproses untuk ditarik kesimpulan dan saran untuk tujuan pengembangan
sistem Website Tokopedia.
2|Page
EVALUASI IMK PADA WEBSITE TOKOPEDIA
MENGGUNAKAN METODE USABILITY TESTING
Latar Belakang
Objek yang penulis ambil dalam penelitian kali ini adalah Website Tokopedia. Misi
Website Tokopedia adalah pemerataan ekonomi di Indonesia secara Digital.Tokopedia
merupakan sebuah website jual beli online / toko online (e-commerce) di Indonesia yang
mengusung model bisnis marketplace. Target pasar Tokopedia adalah para penjual dan
pembeli, dimana Tokopedia menyediakan tempat bagi penjual untuk memasarkan
barangnya, serta pembeli yang bisa melihat dan memilih barang yang akan dibeli. Sejak
didirikan pada 17 Agustus 2009 dan masih berjalan sampai sekarang, rata-rata kunjungan
perbulan situs Tokopedia pada triwulan ke-3 tahun 2018 mencapai 153.64 juta kunjungan,
mengalahkan Bukalapak dan juga Shopee.
Tujuan ditulisnya makalah ini adalah untuk mengevaluasi website Tokopedia agar
diharapkan melalui hasil evaluasi ini didapat beberapa aspek yang menjadi pendapat user
terhadap tampilan website tokopedia saat ini. Apakah sudah sangat baik dan sangat sesuai
untuk digunakan dan dipahami atau masi ada beberapa bagian yang kurang dimengerti atau
menjadi keluhan bagi user dalam mengaksesnya.
Plot Aspek Usability yang Ditinjau
❖ Learnability : Mudah dioperasikan sejak awal
❖ Efficiency : Website dapat digunakan dengan efisien
❖ Memorability : Mudah mengingat penggunaan system
❖ Errors : Seberapa banyak pengguna melakukan kesalahan dalam penggunaan website
❖ Satisfaction : Seberapa puas pengguna dengan website tersebut
3|Page
Kuesioner Pengujian Aplikasi
Skenario pengujian digunakan untuk memaparkan rancangan penilaian dari segi 5 aspek yang
dikembangkan dengan beberapa pertanyaan yang nantinya menghasilkan angka vote dari
total koresponden. Berikut adalah hasil dari survey evaluasi tampilan website Tokopedia
berdasarkan 5 aspek yang dikembangkan.
Total Koresponden : 46
No.
Item Pertanyaan
Learnability
1. Apakah website Tokopedia mudah dioperasikan?
2. Apakah informasi dan proses transaksi pada website
Tokopedia mudah diakses?
Efficiency
1. Apakah informasi produk dalam website Tokopedia
mudah dicari?
2. Apakah menu yang ditawarkan sesuai dengan
kebutuhan?
Memorability
1. Apakah simbol, ikon, dan gambar yang ada mudah
dipahami?
2. Apakah menu dan tampilan website Tokopedia
mudah diingat?
Errors
1. Apakah tata letak dan tampilan menu dalam website
Tokopedia dipahami?
2. Apakah tulisan dalam website Tokopedia mudah
dibaca?
Satisfaction
1. Apakah tampilan website Tokopedia mudah dikenali?
2. Apakah perpaduan warna tampilan website
Tokopedia nyaman dilihat dan tidak membosankan?
1
2
3
4
0
9
16
21
0
9
22
15
1
1
17
27
0
4
28
14
1
7
24
14
1
6
22
17
0
3
30
13
0
3
30
13
0
9
16
21
1
9
24
12
Table 1 Kuesioner Pengujian Aplikasi
Ket.
(1) Sangat Sulit/Tidak Nyaman/Tidak Sesuai
(2) Sulit/Tidak Nyaman/Tidak Sesuai
(3) Mudah/Nyaman/Sesuai
(4) Sangat Mudah/Sangat Nyaman/Sangat Sesuai
4|Page
Rekap Hasil Survey
Resp.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
1
4
4
3
4
4
4
4
4
4
4
4
4
4
2
4
4
3
4
4
3
4
4
3
2
3
4
3
2
3
3
2
4
4
2
3
3
2
3
2
3
3
3
2
3
3
2
2
4
4
3
3
3
3
4
3
4
3
4
3
4
2
3
3
3
4
3
4
3
4
4
3
4
4
4
3
4
4
2
3
4
2
2
4
2
2
2
4
3
4
2
4
4
2
3
4
4
3
4
3
3
3
4
4
3
4
4
3
2
3
4
3
4
3
4
2
3
3
2
3
4
3
4
3
3
2
3
3
1
2
3
2
3
2
3
3
3
2
3
3
2
4
4
4
4
2
3
3
3
3
4
3
4
4
3
2
3
4
3
4
3
3
4
4
3
3
3
4
3
4
3
3
3
3
3
3
2
3
3
3
3
4
3
3
3
3
3
3
5
4
4
4
4
4
3
4
3
4
4
4
3
4
2
3
3
3
4
4
4
3
4
4
3
4
4
4
3
4
4
3
3
4
3
3
4
3
4
1
4
3
4
3
4
4
3
6
4
4
3
3
4
3
4
3
4
3
3
4
4
2
3
3
3
4
4
3
4
4
3
2
3
4
3
3
3
3
3
3
3
3
3
3
3
3
3
3
3
3
3
3
4
2
Table 2 Rekap Hasil Survey
5|Page
7
4
4
3
2
4
3
3
3
4
3
4
4
4
2
3
4
2
4
4
4
3
4
3
3
3
4
3
2
3
3
3
3
3
2
2
3
3
4
1
3
3
3
3
3
3
2
8
4
4
4
4
3
2
4
3
4
3
4
3
4
2
3
4
3
4
3
3
4
4
3
3
3
4
3
2
3
3
2
3
4
2
2
3
2
3
2
3
3
3
2
4
3
3
9
4
4
3
4
4
3
4
3
3
2
4
4
4
2
3
4
2
4
3
3
3
4
3
3
3
4
3
3
3
3
3
3
3
3
3
3
3
2
3
4
3
3
3
4
3
3
10
4
4
3
3
4
2
4
3
4
3
4
4
4
2
3
3
3
4
3
3
4
4
4
2
3
4
3
3
3
4
2
3
3
3
2
3
2
4
1
4
3
4
3
3
3
3
Analisa Hasil Evaluasi
Analisis hasil evaluasi digunakan untuk mendapatkan hasil dari data evaluasi antarmuka yang
telah terkumpul dan tersusun. Hasil akan menjadi acuan tentang apa saja yang perlu dibenahi
dari antarmuka objek penelitian. Serta, alasan mengapa perlu adanya perubahan terhadapan
antarmuka-nya.
➢ Total Skor
Rumus :
T x Pn
T = Total Koresponden yang memilih angka tsb
Pn = Angka yang dipilih
➢ Kriteria Interpretasi Skor berdasarkan Interval
Rumus Interval :
I=
I=
𝟏𝟎𝟎
𝟒
𝟏𝟎𝟎
𝑳𝒊𝒌𝒆𝒓𝒕
= 25
➢ Skor Index
Skor Index =
Y
𝑻𝒐𝒕𝒂𝒍 𝑺𝒌𝒐𝒓
𝒀
x 100%
= Angka tertinggi pemilih
= 46 x 4
= 184
• Angka 0% - 24,99% = Sangat Sulit, Tidak Sesuai, Tidak Nyaman
• Angka 25% - 49,99% = Sulit, Tidak Sesuai, Tidak Nyaman
• Angka 50% - 74,99% = Mudah, Sesuai, Nyaman
• Angka 75% - 100%
6|Page
= Sangat Mudah, Sesuai, Nyaman
Hasil dan Pembahasan
Evaluasi usability testing bertujuan untuk mendapatkan hasil yang terukur tentang antarmuka
dari Website Tokopedia. Dari Rekap Hasil Survey pada tabel 2 maka dapat ditarik perhitungan
yang menghasilkan angka persentase dan kesimpulan mengenai website tersebut.
❖ Pertanyaan 1 :
Apakah Tampilan Website Tokopedia Mudah Dikenali ?
•
Total Skor
(1) =
0x1
=0
(2) =
9x2
= 18
(3) =
16 x 3 = 48
(4) =
21 x 4 = 84
Total Skor = 150
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
150
= 184 x 100%
Skor Index
•
= 81,52%
Nilai pertanyaan ini adalah 81,52% yang menunjukkan bahwa tampilan Website
Tokopedia sangat mudah dikenali oleh pengguna.
7|Page
❖ Pertanyaan 2 :
Apakah Website Tokopedia Mudah Dioperasikan ?
•
Total Skor
(1) =
0x1
=0
(2) =
9x2
= 18
(3) =
16 x 3 = 48
(4) =
21 x 4 = 84
Total Skor = 150
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
150
= 184 x 100%
Skor Index
•
= 81,52%
Nilai pertanyaan ini adalah 81,52% yang menunjukkan bahwa Website Tokopedia
sangat mudah dioperasikan oleh pengguna.
❖ Pertanyaan 3 :
Apakah Perpaduan Warna Tampilan Website Tokopedia Nyaman Dilihat dan Tidak
Membosankan ?
•
Total Skor
(1) =
1x1
=1
(2) =
9x2
= 18
(3) =
24 x 3 = 72
(4) =
12 x 4 = 48
Total Skor = 139
8|Page
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
139
= 184 x 100%
Skor Index
•
= 75,54%
Nilai pertanyaan ini adalah 75,54% yang menunjukkan bahwa Website Tokopedia
sangat nyaman digunakan oleh pengguna dan tidak membosankan.
❖ Pertanyaan 4 :
Apakah Tata Letak dan Tampilan Menu dalam Website Tokopedia Dipahami ?
•
Total Skor
(1) =
0x1
=0
(2) =
3x2
=6
(3) =
30 x 3 = 90
(4) =
13 x 4 = 52
Total Skor = 148
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
148
= 184 x 100%
Skor Index
•
= 80,43%
Nilai pertanyaan ini adalah 80,43% yang menunjukkan bahwa tata letak dan
tampilan menu dalam Website Tokopedia sangat dipahami oleh pengguna.
9|Page
❖ Pertanyaan 5 :
Apakah Informasi Produk dalam Website Tokopedia Mudah Dicari ?
•
Total Skor
(1) =
1x1
=1
(2) =
1x2
=2
(3) =
17 x 3 = 51
(4) =
27 x 4 = 108
Total Skor = 162
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
162
= 184 x 100%
Skor Index
•
= 88%
Nilai pertanyaan ini adalah 88% yang menunjukkan bahwa informasi produk dalam
Website Tokopedia sangat mudah dicari oleh pengguna.
❖ Pertanyaan 6 :
Apakah Tulisan dalam Website Tokopedia Mudah Dibaca ?
•
Total Skor
(5) =
0x1
=0
(6) =
3x2
=6
(7) =
30 x 3 = 90
(8) =
13 x 4 = 52
Total Skor = 148
10 | P a g e
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
148
= 184 x 100%
Skor Index
•
= 80,43%
Nilai pertanyaan ini adalah 80,43% yang menunjukkan bahwa tulisan dalam Website
Tokopedia sangat mudah dibaca oleh pengguna.
❖ Pertanyaan 7 :
Apakah Simbol, Ikon, dan Gambar yang Ada Mudah Dipahami ?
•
Total Skor
(1) =
1x1
=1
(2) =
7x2
= 14
(3) =
24 x 3 = 72
(4) =
14 x 4 = 56
Total Skor = 143
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
143
= 184 x 100%
Skor Index
•
= 77,71%
Nilai pertanyaan ini adalah 77,71% yang menunjukkan bahwa symbol, ikon, dan
gambar dalam Website Tokopedia sangat mudah dipahami oleh pengguna.
11 | P a g e
❖ Pertanyaan 8 :
Apakah Informasi dan Proses Transaksi pada Website Tokopedia Mudah Diakses ?
•
Total Skor
(1) =
0x1
=0
(2) =
9x2
= 18
(3) =
22 x 3 = 66
(4) =
15 x 4 = 60
Total Skor = 144
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
144
= 184 x 100%
Skor Index
•
= 78,26%
Nilai pertanyaan ini adalah 78,26% yang menunjukkan bahwa informasi proses
transaksi pada Website Tokopedia sangat mudah diakses oleh pengguna.
❖ Pertanyaan 9 :
Apakah Menu yang Ditawarkan Sesuai dengan Kebutuhan ?
•
Total Skor
(1) =
0x1
=0
(2) =
4x2
=8
(3) =
28 x 3 = 84
(4) =
14 x 4 = 56
Total Skor = 148
12 | P a g e
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
148
= 184 x 100%
Skor Index
•
= 80,43%
Nilai pertanyaan ini adalah 80,43% yang menunjukkan bahwa menu yang
ditawarkan pada Website Tokopedia sangat sesuai dengan kebutuhan pengguna.
❖ Pertanyaan 10 :
Apakah Menu dan Tampilan Website Tokopedia Mudah Diingat?
•
Total Skor
(1) =
1x1
=1
(2) =
6x2
= 12
(3) =
22 x 3 = 66
(4) =
17 x 4 = 68
Total Skor = 147
•
Skor Index
Skor Index
=
𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟
𝑌
x 100%
147
= 184 x 100%
Skor Index
•
= 79,89%
Nilai pertanyaan ini adalah 79,89% yang menunjukkan bahwa menu dan tampilan
Website Tokopedia sangat mudah diingat oleh pengguna.
13 | P a g e
KESIMPULAN DARI EVALUASI IMK
Dari hasil analisa dan pembahasan sebelumnya, dapat ditarik kesimpulan dan saran
sebagai berikut:
Berdasarkan pengukuran Website Tokopedia menggunakan metode evaluasi usability
testing didapatkan bahwa 5 aspek yang diteliti mendapatkan angka persentase bekisar 75100% yang artinya website Tokopedia ini sudah sangat sesuai, sangat nyaman, dan sangat
mudah dioperasikan dan dipahami oleh user maupun pengguna baru. Dengan kata lain
tampilan website ini tidak dipermasalahkan dan tidak mengganggu pengguna saat mengakses
website Tokopedia.
Berikut hasil persentase yang didapat dari setiap aspek:
❖ Learnability
: 79,9%
❖ Efficiency
: 84,2%
❖ Memorability
: 78,8%
❖ Errors
: 80,4%
❖ Satisfaction
: 78,5%
Angka persentase tertinggi terdapat pada aspek efisiensi penggunaan. Yang berarti
website ini dapat digunakan dengan sangat efisien bagi user. Kemudian saran untuk
penelitian selanjutnya dapat meningkatkan dengan cara me-redesain tampilan website
sehingga didapat hasil yang maksimal sesuai dengan yang diminta oleh user.
14 | P a g e
REDESAIN USER INTERFACE PADA WEBSITE TOKOPEDIA
Berdasarkan evaluasi analisa hasil survey yang kami simpulkan, terdapat beberapa
komponen/bagian pada website Tokopedia yang perlu kami redesain agar tampilan user
interface website ini dapat digunakan oleh user dengan maksimal baik dalam segi
pemahaman penggunaan dan kenyamanan user dalam menggunakan website Tokopedia ini.
Redesain adalah sebuah aktivitas melakukan pengubahan pembaharuan dengan
berpatokan dari wujud desain yang lama diubah menjadi baru, sehingga dapat memenuhi
tujuan-tujuan positif yang mengakibatkan kemajuan.
Berikut adalah proses redesain website Tokopedia dengan melalui 3 tahap..
Sketsa
Sketsa adalah sebuah gambaran kasar dan ringan dari ide/konsep desain yang telah dipikirkan
yang dapat digunakan untuk bisa mengawali atau sebagai kerangka sebuah penggarapan yang
nantinya dikembangkan di tahap susunan layout selanjutnya.
Gambar 1 Sketsa Halaman Utama
Sebelum Login
15 | P a g e
Gambar 2 Sketsa Halaman Utama
Setelah Login
Gambar 3 Sketsa Footer dan
Halaman Produk
Gambar 4 Sketsa Halaman Keranjang
dan Halaman Checkout
Diatas adalah adalah gambaran kasar yang telah kami desain ulang untuk penataan dan menu
yang dibutuhkan oleh pengguna. Agar pengguna lebih efisien dalam menggunakannya dan
lebih nyaman dengan memperluas space dan jarak di dalam website.
16 | P a g e
Wireframe
Wireframe adalah gambaran blueprint. Ini adalah bagian yang membantu memberikan
tampilan struktur visual dari sketsa yang telah dibuat. wireframe sebenarnya dimaksudkan
untuk memberi tahu dimana elemen/komponen diletakkan, bukan bagaiman desain website
ini akan kelihatan nantinya. Wireframe juga sebaiknya ada di mode grayscale agar Anda focus
100 persen ke layout desain web tersebut.
Untuk memulai, Anda memang membutuhkan pen dan kertas. Tulis dulu semua elemen yang
akan Anda masukkan ke halaman web. Setelah itu susun mereka di halaman webnya. Anda
bisa melakukan penyusunan ini dengan menggambar di kertas atau menggunakan tools
wireframe seperti Proto.io, wireframe.cc, dan bahkan Adobe.
Gambar 5 Wireframe Halaman Utama
17 | P a g e
Gambar 6 Wireframe Halaman Produk
Gambar 7
Wireframe
Halaman Keranjang Produk
Gambar 8
Wireframe
Halaman Checkout
Diatas adalah gambaran layout redesain website Tokopedia berdasarkan dari sketsa yang
dibuat sebelumnya. Disini tata letak dari elemen/komponen dalam website akan diisi dan
dikembangkan ke tahap selanjutnya.
18 | P a g e
Mockup
Mock up selain disebut sebagai visualisasi sebuah konsep desain, bisa juga disebut sebagai gambaran
nyata rancangan produk, atau preview sebuah ide yang terlihat seperti wujud aslinya. Anda bisa
melihat seperti apa preview dari rancangan halaman web yang akan dibuat. Hal ini akan persis seperti
aslinya, hanya saja masih belum memakai aplikasi web dan ini dalam bentuk layout yang dapat buat
dengan aplikasi desain seperti Adobe, Corel, dsb.
Melalui mock up, Anda dapat melihat visualisasi calon website Anda secara nyata sehingga
membantu Anda untuk mendapat hasil yang maksimal. Oleh karena itu, tak heran jika mock up
merupakan bagian penting dari pembuatan website.
Gambar 9 Mockup Halaman Utama
19 | P a g e
Gambar 10 Mockup Halaman Produk
Gambar 11
Mockup
Halaman Keranjang
Gambar 12
Mockup
Halaman Checkout
Diatas adalah tahap hasil akhir redesain dari kembangan ide konsep desain pada website
Tokopedia yang kami buat mengacu pada hasil survey dari 46 koresponden.
20 | P a g e
Perbandingan Desain Website Tokopedia Lama dan Baru
Berikut adalah tampilan website Tokopedia yang llama dan Baru setelah melalui proses
evaluasi survey 46 koresponden dan proses redesain dengan 3 tahap (Sketsa, Wireframe dan
Mockup).
➢ Perbandingan Halaman Utama
Gambar 13 Halaman Utama Web Lama
21 | P a g e
Gambar 14 Halaman Utama Hasil Redesain
➢ Perbandingan Halaman Produk
Gambar 15 Halaman Produk Web Lama
22 | P a g e
Gambar 16 Halaman Produk Hasil Redesain
➢ Perbandingan Halaman Keranjang
Gambar 17 Halaman Keranjang Web Lama
Gambar 18 Halaman Keranjang Hasil Redesain
23 | P a g e
➢ Perbandingan Halaman Checkout
Gambar 19 Halaman Checkout Web Lama
Gambar 20 Halaman Checkout Hasil Redesain
24 | P a g e
KESIMPULAN DARI REDESAIN WEBSITE TOKOPEDIA
Konsep desain yang digunakan pada website Tokopedia adalah simple dan ceria, dengan
penggunaan warna-warna cerah seperti warna biru dengan tidak menghilangkan warna logo
yaitu hijau memberikan kesan ceria dan sejuk pada tampilan website Tokopedia. Hal ini sesuai
dengan kalangan yang ingin ditembak dalam penjualannya yaitu kalangan muda hingga
lansia..
Tampak pada tampilan website tersebut lebih mementingkan tempat space yang
bertujuan agar user lebih nyaman dalam melihat dan tidak merasa kebingungan karna terlalu
banyak komponen didalamnya. Juga pemberian warna pada background dan karakter kartun
logo tokopedia agar tampilan website tidek terasa membosankan. Serta kami juga
menghilangkan beberapa menu yang sekiranya tidak terlalu dibutuhkan atau memiliki fungsi
sama dengan menu lainnya. Jenis font yang digunakan adalah Calibri yang menggambarkan
sesuatu yang universal, bersih, modern, objektif, dan stabil. Menggunakan font ini
menggmbarkan sesuatu yang global, dapat diterima oleh segala golongan. Secara natural, jika
kita menggunakan font ini, semua orang dapat menerimanya.
Dalam proses perancangan redesain website sebaiknya tidak meninggalkan konsep
desain awal yang sesuai dengan karakter Tokopedia. Digunakan layout simple layout guna
memberi kesan simple dan modern.
25 | P a g e
Download