Ujian Akhir Semster (UAS) Ganjil

Interaksi Manusia dan Komputer

Disusun Oleh :

Nama : Rival Bayu Chandra

NIM : 11220091

PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS SERANG RAYA

TAHUN 2024
 Perancangan dan Evaluasi Design UI E-Commerce ”UMKM Banten”

• PERANCANGAN Sketsa UMKM Banten

• PERANCANGAN Design UI dan Prototype Banten’s UMKM dengan

Aplikasi Figma

Design dan Prototyping Slide Show Tools :

- https://www.figma.com/file/gxnOOQgVt0Xqk4q8KSVsZm/E-Commerce---Mobile-Apps-
(Community)?type=design&node-id=0%3A1&mode=design&t=7a4UqUt0MpjRVb0D-1

- https://www.figma.com/proto/gxnOOQgVt0Xqk4q8KSVsZm/E-Commerce---Mobile-Apps-
(Community)?type=design&node-id=726-3197&t=XY1jrJmfHkJvi8mh-1&scaling=scale-down&page-
id=0%3A1&starting-point-node-id=726%3A3197&show-proto-sidebar=1&mode=design

• Link G Drive
https://drive.google.com/drive/folders/10oWGs6Q0uAH8fYdhdoPTUYsayrd2M3mD?usp=s
haring
-
Design UI serta Prototyping di atas merupakan tampilan User sekaligus Admin yang

Menjual, hampir Sama seperti E-commerce yang sudah ada dan banyak digunakan saat ini

oleh Masyarakat untuk berbelanja sekaligus Berjualan. Maka Design UI diatas hampir

mengikuti Referensi E-Commerce yang ada saat ini.

• Evaluasi Design UI Banten’s UMKM

Kuisioner Design Aplikasi

Jumlah Responden = 20 Orang

Nama Evaluator 1 : Agung Ginantoro

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √

Konsistensi Simbol dan Kata √

User Friendly √

Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 2 : Yanda Bimantara

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 3 : Ahmad Bukhory

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)
 Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 4 : Reza Pramudita

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 5 : Indira

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √

User Friendly √

Perpaduan Warna √
Informasi Produk √
Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 6 : Rika

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 7 : M. Abdul Lutfi

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3(Bagus) 4(Sangat Bagus)

Nama Evaluator 8 : Rezah Syahrehan

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 9 : Naofal Adiliantama

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 10 : Mawira Aruna M.

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

 Nama Evaluator 11 : Taufik Hidayatullah

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 12 : Anabella Setyaningrum

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 13 : Defandra Rifky Wibowo

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 14 : Fauzan Wahyu Ramadhan

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 15 : M. Attalahrieq fiore

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

 Nama Evaluator 16 : M. Bintang Dwi A.

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 17 : Aninda Destriani

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 18 : M. Thoif

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 19 : Dikri Ghaniyyu R.

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

Nama Evaluator 20 : M. Holid Rifa’i

Dari Design E-Commerce Banten’s UMKM, Silah berikan penilaian dengan Menggunakan
Check List (√)

Skala Linkert
Kriteria
1 2 3 4
Layout / Tata Letak √
Konsistensi Simbol dan Kata √
User Friendly √
Perpaduan Warna √
Informasi Produk √

Keterangan : 1(Sangat Buruk) 2(Buruk) 3 (Bagus) 4 (Sangat Bagus)

 Hasil Evaluasi

Evaluator
Kriteria Rata-Rata
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
Layout / Tata
4 4 3 4 4 4 4 4 3 4 4 4 4 4 4 4 3 4 4 4 3.85
Letak
Konsistensi 4 3 4 3 4 3 4 4 4 4 4 4 4 4 4 3 4 4 4 4
Simbol dan 3.8
Kata
User Friendly 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4.0
Perpaduan
4 3 4 4 4 4 3 4 4 4 3 4 3 3 4 4 4 4 4 4 3.75
Warna
Informasi
4 4 4 3 4 4 3 4 3 4 4 4 3 4 3 3 4 4 4 4 3.7
Produk
Total Rata-Rata 3.82

Penilaian dari 20 responden tersebut kemudian didapat nilai rata-rata untuk setiap kriteria yaitu
sebagai berikut :

• Nilai rata-rata untuk kriteria Layout / Tata Letak adalah 3.85

• Nilai rata-rata untuk kriteria Konsistensi Simbol dan Kata adalah 3.8

• Nilai rata-rata untuk kriteria User Friendly adalah 4.0

• Nilai rata-rata untuk kriteria Perpaduan Warna adalah 3.75

• Nilai rata-rata untuk kriteria Informasi Produk adalah 3.7

• Total nilai rata-rata untuk semua kriteria adalah 3.82

Dari hasil tersebut, maka secara keseluruhan pendapat para evaluator 20 orang adalah sudah
cukup bagus karena didapat nilai sebesar 3.82

Kriteria yang paling bagus adalah Kriteria Layout/Tata Letak dengan nilai sebesar 3.85,
sedangkan yang harus mendapat perhatian lebih baik adalah kriteria Informasi Produk yang
mendapat nilai sebesar 3.7