1. UI / UX
DESIGN
Informatics Engineering
ManaMana
SempatSempat

2. Team
ManaManaMana
SempatSempatSempat
Ahmad Thoriq Oshama Siagian - v3420005
Arif Rahman Mubarok - v3420014
Cavan Badiuz Maa - v3420020
MEMBERS

3. UI (User
Interface)
UI (User Interface) adalah
bagian dari UX yang berupa
tampilan visual design sebuah
sistem. Tampilan tersebut
memungkinkan pengguna
terhubung dan berinteraksi
dengan suatu produk.

4. UX (User
Experience)
UX (User Experience) adalah
bagian dari UX yang berupa
tampilan visual design sebuah
sistem. Tampilan tersebut
memungkinkan pengguna
terhubung dan berinteraksi
dengan suatu produk.

5. Desainer UX mendesain bagaimana user interface
bekerja, sementara desainer UI mendesain
bagaimana user interface ditampilkan. Desainer UI
dan UX cenderung akan bekerja dengan
berkesinambungan. Tim UX akan mengerjakan
application flow, bagaimana tombol-tombol
tersebut akan beroperasi, dan bagaimana user
interface secara efektif memenuhi kebutuhan
informasi pengguna. Sementara tim UI akan
menentukan bagaimana semua elemen user
interface tersebut ditampilkan.
ALUR KERJA DESAIN UI DAN UX

7. BANYAK ORANG
YANG SALAH
MENGARTIKAN
BAHWA UI SAMA UX
ITU ADALAH SATU
HAL YANG SAMA.
PADAHAL
FAKTANYA UX DAN
UI ITU BERBEDA,
NAMUN SALING
TERHUBUNG SATU
SAMA LAIN.
P E R B E D A A N U I D A N U X

8. SPMB UNS
UI DESAIGN
Dalam web SPMB UNS itu terdapat
beranda atau home yang menarik,
dengan diawali video yang
memaparkan tempat-tempat yang ada
di UNS dan juga disuguhkan dengan
berbagai macam warna yang segar.
Grafik dalam web tersebut juga sangat
berkualitas dan tidak membuat mata
kita sakit
VideoVideoVideo

9. SPMB UNS
UI DESAIGN
Ditampilkan dalam SPMB
UNS itu banyak fitur seperti
ingin melihat Pengumuman,
Informasi, Jadwal dan
sebagainya.
Juga terdapat contact person
jika mengalami error saat
mengakses pengumuman
atau lainnya

10. Strategy
Secara garis besar Strategy merupakan elemen UX
yang berisi tentang bagaimana suatu produk
dibuat sesuai dengan kebutuhan user.
UX
Dalam web spmb.uns.ac.id, jelas web tersebut dibuat untuk seleksi mahasiswa baru
Universitas Sebelas Maret

11. SCOPE
Pada bagian scope, berisi tentang fitur-fitur fungsionalitas dalam suatu produk.
Dalam web spmb.uns.ac.id, banyak fitur-fitur yang memudahkan calon mahasiswa
baru untuk menuju seleksi yang ingin dipilih.
u
UX

12. Berisi tentang bagaimana pengalaman
pengguna sesuai dengan produk yang
dikembangkan, seperti interaksi antara
pengguna dengan produk.
Dalam web spmb.uns.ac.id terdapat
informasi kesalahan saat salah dalam
menginputkan informasi akun.
SRUCTURE
UX

13. Skeleton berisi tentang bagaimana semua elemen berada dalam posisi
yang tepat dan informasinya dalam proporsi yang baik.
Pada web spmb.uns.ac.id, tata letak fitur dan informasi sudah cukup
proporsional.
Skeleton
UX

14. Surface
Pada elemen ini, berpusat pada visual design. Bagaimana tiap warna
dan ilustrasi mempengaruhi informasi maupun interaksi, dan lain- lain
Dalam web tersebut, cukup banyak ilustrasi-ilustrasi yang mendukung
fitur-fitur dalam web..UX