w

Hasil Kerja Ujian Tengah

Semester
Semester Ganjil 2021/2022

Nama : Aldi Rinaldi

NIM : 41119268
No. HP : 081280916350
Waktu Ujian : Selasa, 09 November 2021
Mata Kuliah : DESAIN WEB / UI & UX Web Design / UI
& UX
Nama Dosen : Mohamad Yusuf, S.Kom., M.C.S.
 1. Definisikan tentang UI/UX, Arsitektur Komputer, dan apa fungsi dari AI

TATAP
UI/UX : UI (User Interface) adalah proses MUKA
dimana menampilkan sebuah hasil dalam bentuk

8
Fakultas: tampilan yang dapat dilihat oleh pengguna (user). Sedangkan, UXMata
Kode (User Experience)
Kuliah: adalah
…………………..
Program Studi: Kode Kelas: ……………………
proses dimana menampilkan sebuah hasil dalam bentuk tampilan yang dapat dilihat oleh
pengguna (user).

Arsitektur Komputer : arsitektur komputer adalah konsep perencanaan serta struktur

pengoperasian dasar dari sebuah sistem komputer. Arsitektur komputer juga dapat diartikan
sebagai ilmu yang mempelajari tentang cara menghubungkan berbagai komponen perangkat
keras, hingga terbentuklah sebuah komputer.

Fungsi dari AI :

 memberi kemudahan pada para pengguna saat mencari informasi dibutuhkan

 memastikan semua tahap dalam situs web berjalan dengan efisien dan lancar
 memberikan pengalaman berselancar di situs web yang memuaskan
 mencegah segala perubahan programming dan visual yang memakan banyak biaya dan
juga waktu
 membantu mengidentifikasi berbagai fitur yang dibutuhkan, lokasi dan jumlah link
navigasi serta penempatan konten pada saat awal proses

2. Jelaskan tentang suatu riset pada UI/UX dan apakah method yang digunakan pada riset UIX
dan apakah hasil dari riset tersebut, serta berikan pendapat anda tentang Usability metric

user experience (UX) research adalah penelitian menyeluruh dari pengguna atau user  dan

kebutuhannya. Hal ini dilakukan untuk memberikan masukan pada proses desain user
experience. Proses riset ini bertujuan untuk mengidentifikasi, menemukan kebutuhan, dan
kesulitan dari para pengguna. Tujuan dilakukannya penelitian tersebut tentunya untuk

2021 MATAKULIAH : UNIVERSITAS DIAN NUSANTARA

2 http://www.undira.ac.id
Nama dan NIM :
meningkatkan kualitas dan membuat desain produk agar bisa menjadi lebih baik dan sesuai
dengan keinginan dari para target pengguna.

Metode riset dari UX research yang digunakan terdapat 3 macam yaitu observasi, pemahaman,
dan analisis.

1. Observasi

Sebelum melakukan penelitian tentunya harus didahului dengan observasi.

Kegiatan yang satu ini bisa dimanfaatkan bagi peneliti untuk membuat beberapa catatan yang
bisa menentukan pola dari para pengguna. Dalam tahap observasi setiap peneliti harus
mencaritahu karakteristik dari target pengguna.

2. Pemahaman

Setelah menjalani proses observasi, metode selanjutnya adalah pemahaman atau understanding.

Dalam metode ini peneliti harus bisa melihat situasi dari para pengguna.

Pahami dulu seperti apa latar belakang dari pengguna sehingga saat diajak melakukan
wawancara, pertanyaan yang sudah disiapkan sudah relevan.

Proses pemahaman ini juga mewajibkan peneliti untuk mengidentifikasi seperti apa
karakteristik dan keinginan dari pengguna.

3. Analisis

Setelah mengumpulkan sejumlah informasi yang dibutuhkan, proses selanjutnya adalah dengan
melakukan analisis pada data-datanya. Dalam proses ini peneliti harus bisa mengidentifikasi
pola dari data yang sudah didapatkan.

Saat menemukan suatu masalah, maka mereka juga harus memberikan sebuah solusinya. Hasil
dari analisis ini bisa berupa grafik yang mewakili karakteristik pengguna.

2021 MATAKULIAH : UNIVERSITAS DIAN NUSANTARA

3 http://www.undira.ac.id
Nama dan NIM :
Info dari grafik ini dibuat dengan tujuan untuk membuat produk yang lebih baik dan mudah

digunakan oleh pengguna.

Pendapat saya tentang UX metrics adalah sebuah ukuran yang menilai interaksi di antara
pengguna dan produk. Nantinya, ia bisa menunjukkan apakah produk telah bekerja sesuai
ekspektasi atau belum.

Ukuran ini hadir dalam bentuk data angka alias kuantitatif. Data-data ini bisa membuat
perusahaan mengambil keputusan bukan atas opini, melainkan berdasarkan fakta.

Idealnya, UX metrics ditentukan sejak awal kita mendesain solusi. Dengan begitu, kita bisa
segera tahu apakah solusi tadi telah memenuhi ketentuan.

Jika memang ada hal-hal yang perlu diperbaiki, misalnya realita yang tak sesuai rencana, kita
bisa segera memperbaikinya.

Dalam setiap organisasi, yang bertanggung jawab dalam mengukur UX tentu berbeda-beda.
Akan tetapi, semua orang yang berkaitan dengan pengalaman pengguna dan produk memiliki
peran di dalamnya.

3.

- Menentukan user utama

- Mengumpulkan data mentah
- Studi literatur
- Analisis kebutuhan sistem

2021 MATAKULIAH : UNIVERSITAS DIAN NUSANTARA

4 http://www.undira.ac.id
Nama dan NIM :
User journey map adalah visualisasi hubungan individu dengan produk/merek dari waktu ke
waktu dan di berbagai saluran. Meskipun user journey map hadir dalam berbagai bentuk dan
format, umumnya peta ini direpresentasikan sebagai garis waktu dari semua titik kontak antara
pengguna dan produk. Garis waktu ini berisi informasi tentang semua saluran yang digunakan
pengguna untuk berinteraksi dengan suatu produk. Journey Maps mencoba menangkap
pengalaman pengguna selama berinteraksi dengan produk. Mereka adalah perjalanan visual
pengguna di seluruh solusi. Journey Maps adalah semacam jurnal, di mana pengguna mencatat
perasaan, titik rasa sakit, dan momen kesenangan mereka.

User flow adalah jalur yang dilalui user – dari titik masuk ke tujuan akhir – untuk
menyelesaikan tugas di antarmuka user. Titik masuk mungkin adalah beranda situs dan tujuan
akhir membeli produk. User flow menentukan semua langkah navigasi dalam perjalanan user
untuk mencapai tujuan mereka.
Pengaruh terhadap proses pembuatan UI dan UX agar ideal, keinginan, ekspektasi dan aspek
lainnya dari pengguna harus dipertimbangkan saat membuat produk. Ini akan menjaga user
experience, serta membuat pengguna nyaman dengan produkmu.

4. Definisikan tentang wireframe dan prototype, bagaimanakah anda menghasilkan design

yang responsive

Wireframe adalah sebuah kerangka untuk menata suatu item di laman website atau aplikasi.
Pembuatan wireframe biasanya dilakukan sebelum pembuatan produk tersebut dilakukan.
Item yang berkaitan seperti teks, gambar, layoiting, dan sebagainya.
Prototype adalah sebuah simulasi interaksi antara pengguna dan tampilan (interface) dimana
user atau pengguna dapat melihat dan berinteraksi dengan user interface secara langsung.
Mungkin tidak tampak persis seperti produk akhir, tetapi mendekati desain produk real-nya.
Prototipe adalah mockup yang sepenuhnya interaktif dan fungsional dengan UI dengan
ketelitian tinggi, interaksi dan animasi yang kaya. Ini adalah proses terakhir dari produk situs
web / aplikasi, Jadi sangat ideal untuk digunakan untuk menguji potensi masalah aplikasi
sebelum pindah ke tahap pengembangan.

2021 MATAKULIAH : UNIVERSITAS DIAN NUSANTARA

5 http://www.undira.ac.id
Nama dan NIM :
1. Fluid Grid

Maksud dari fluid grid adalah sebuah grid atau garis-garis batas yang menentukan letak suatu
komponen dalam desain, namun dapat berubah-ubah sesuai dengan ukuran tampilannya.

Hal ini karena satuan yang digunakan adalah satuan yang relatif seperti persen, atau em (satuan
dipakai dalam tipografi).

2. Media queries

Adanya media query memungkinkan desainmu lebih sesuai dengan berbagai ukuran layar.

Media query memungkinkan website untuk dapat mengambil data mengenai ukuran layar yang

digunakan untuk menampilkan konten.

3. Responsive media

Prinsip selanjutnya yang harus diperhatikan dalam membuat responsive web design adalah

media yang responsif.

Seperti pada poin pertama, yaitu kamu harus memastikan bahwa media seperti foto dan video
dapat ditampilkan dengan baik di berbagai ukuran layar.

5. Design pattern merupakan suatu metode untuk menyelesaikan permasalahan-permasalahan

yang biasannya berulang atau memiliki pola dalam pengembangan suatu software. Design
Pattern bukan merupakan metode yang langsung dapat diubah menjadi kode program
melainkan sebuah pola dasar atau template dari cara untuk menyelesaikan suatu masalah dalam
situasi yang berbeda-beda.

Pengaruh UX Law membantu desainer agar dapat membuat desain yang lebih baik lagi buat
user. Bisa juga dianggap sebagai panduan dalam mendesain sebuah produk. Sedangkan Grid

2021 MATAKULIAH : UNIVERSITAS DIAN NUSANTARA

6 http://www.undira.ac.id
Nama dan NIM :
Ruler agar membuat konten lebih rapih, mempermudah designer, konsistensi jarak antar elemen
terjaga.

Sangat berpengaruh karena kedua prinsip tersebut dapat mempermudah dan membuar desain
menjadi lebih baik bagi user

2021 MATAKULIAH : UNIVERSITAS DIAN NUSANTARA

7 http://www.undira.ac.id
Nama dan NIM :