1

Minimal Powerpoint

User
Interface.
Kelompok 7
Mirza Rivaldo Al-Fatah 18.82.0328
Faris Ashim 18.82.0331
Kireyna Rosewitasari 18.82.0340
Yosia Adeodatus Himawan 18.82.0320
2
Minimal Powerpoint
Pengertian

User
Interface User Interface adalah “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).
3
Minimal Powerpoint

Awal mula
// User Interface Pertama

Pada tahun 1968 Douglas Engelbart meciptakan NLS (oN Line

System), sebuah sistem terdiri dari layar GUI, keyboard dan mouse. NLS
baru bisa menampilkan teks dan garis saja dikarenakan keterbatasan
memori yang digunakan.

Gambar 1. Layar system NLS, keyboard dan mouse.

Tahun 1970, dengan dasar dari NLS milik Douglas, XEROX PARC
mengembangkan GUI lebih jauh. Pada tahun 1973 mereka merilis Xerox
Alto yang beberapa tahun setelahnya disempurnakan lagi pada produk
Xerox Star.

Gambar 2. Douglas Engelbart

Gambar 3. Xerox Star

4
Minimal Powerpoint

Era Baru User

Interface

Apple Lisa
Pada tahun 1979, Apple bekerjasama dengan Xerox Parc untuk
merancang GUI pada perangkat Apple. Berlanjut ke tahun 1983, Apple
merilis komputer pribadi berbasis GUI pertamanya yang diberi nama
Apple Lisa. Lisa hadir dengan beberapa fitur yang lebih baik dari Xerox
Alto.

Microsoft Windows 1.0

Tahun 1977 Apple dan Microsoft melakukan pertemuan dan
pertukaran ide dalam pengembangan GUI yang kemudian di tahun
1985 Microsoft berhasil melahirkan Sistem operasi pertamanya yang
berbasis GUI yaitu Windows 1.0. Setelah kemunculan mereka, banyak
bermunculan perusahaan yang mengembangkan GUI versi mereka
sendiri.
 5

Komponen Minimal Powerpoint

User Interface

1
2
TATA LETAK
Warna 3
Pengaturan semua posisi
elemen grafis. UI harus tertata
dengan baik sehingga mudah
Pilihan warna memiliki Tipografi 4
pengaruh besar dalam desain
dilihat dan digunakan. User bisa antarmuka pengguna.
Penggunaan jenis huruf Grafik
yang tepat juga sangat penting
dengan cepat memahami. Penggunaan warna yang karena elemen ini berperan Elemen visual terutama
berbeda (kontras) dalam menentukan tingkat gambar dan ikon bisa menjadi
memudahkan menemukan keterbacaan. Huruf atau teks poin utama. Sebuah logo
fitur yang dicari dan ingin harus mudah dibaca juga enak perusahaan harus memberi
digunakan. dilihat dan unik. fungsi representatif pada model
bisnis atau industri yang digeluti
perusahaan tersebut.
6
Minimal Powerpoint
1. Menjembatani sistem dengan user atau pengguna.

2. Mempermudah Interaksi pengguna dengan produk.

Fungsi 3. Meningkatkan pertumbuhan bisnis dan penjualan.

User Interface
4. Meningkatkan kualitas branding.
7
Minimal Powerpoint

JENIS-JENIS
USER INTERFACE
8 ● Kelebihan
Minimal Powerpoint

01. CLI
- Performa tinggi.
- Lebih efisien.
- Hanya memerlukan spesifikasi hardware yang rendah.
- Hanya membutuhkan memori yang kecil.

Command Line Interface ● Kekurangan

- Tampilan yang kurang menarik bagi mereka yang awam ilmu komputer.
- Harus mengingat baris perintah / kode untuk menjalankan tugas komputer.

CLI (Command Line Interface) adalah

Interface atau antarmuka berbasis teks yang
digunakan untuk berinteraksi dengan perangkat
lunak dan sistem operasi dengan mengetikkan
perintah ke dalam antarmuka dan menerima
respons dengan cara yang sama.
9 Microsoft Windows 10
Minimal Powerpoint

02. GUI
Graphic User Interface
GUI (Graphical User Interface) adalah bentuk
antarmuka pengguna untuk memungkinkan user
dapat berinteraksi dengan perangkat elektronik.

● Kelebihan
- Karena berbasis grafis, tidak memerlukan keahlian khusus.
- Desain dapat diubah dan lebih user friendly.
- Memiliki resolusi gambar tinggi.
- Tampilan lebih menarik.

● Kekurangan
- Kebutuhan spesifikasi komputer yang lebih besar.
- Memerlukan memori yang lebih besar.
- Performa lebih berat.
10

Karateristik Minimal Powerpoint

UI yang BAIK
1. Jelas dan Ringkas
UI yang baik dapat menampilakn informasi yang jelas, dengan tidak terlalu banyak
deskripsi, agar tidak terlihat berantakan.
11
Minimal Powerpoint

2. Desain Responsive
Maksud dari responsive disini, UI dapat menyesuaikan walau dibuka
pada perangkat yang berbeda
(Smartphone, Window, Mac, dll).

3. Infromasi Terstruktur
Membuat tampilan UI dengan memilih jenis dan font yang senada,
informasi tidak tumpang tindih dan tidak menambahkan elemen
yang berlebihan yang membuat layar terlihat penuh.

4. Konsisten
Konsistensi UI dapat memudahkan pengguna memahami tampilan
karena segala aspek memiliki gaya yang sama dan senada.
12

5. Kontras Warna yang Baik Minimal Powerpoint

Pemilihan warna pada UI sangat penting karena dapat memengaruhi typography dan
informasi yang disampaikan.

6. Intuitif
Maksudnya, jika seseorang menggunakan produk anda. Pastikan user sudah tau apa yang
mereka lakukan yaitu dengan meminimalkan waktu yang digunakan untuk produk ( efisien )
tanpa perlu banyak bertanya.
13

UI
Minimal Powerpoint

Contoh Pengaplikasian

Komputer

Website
handphone Smartwatch
14
Minimal Powerpoint

Manfaat
Penggunaan UI

1. Desain yang baik memberikan tampilan yang menarik sehingga memudahkan

interaksi dengan pengguna (user).

2. Meningkatkan kualitas branding.

3. Meningkatkan penjualan dan pertumbuhan bisnis.

4. Engagement (keterlibatan user).

15
Minimal Powerpoint

link video tips membuat ui

yang menarik
shorturl.at/djvU8
16

Daftar Pustaka
Minimal Powerpoint

1) Faticha, Rifda Alfa Aziza, Yahya Taufiq Hidayat, 2019, ANALISAUSABILITYDESAINUSER INTERFACE PADA WEBSITE TOKOPEDIA MENGGUNAKAN
METODE HEURISTICS EVALUATION.
2) Muhamad, Deden Furqon. Bagaimana Sistem Operasi Berbasis GUI Pertama Kali Diciptakan ?. 2019 [diakses 8 Desember 2020]
3) Dimas, “Mengenal UI (User Interface) serta Fungsinya”, 2020, https://ruanglaptop.com/mengenal-user-interface-serta-kegunaanya/ [diakses 8 Desember 2020]
4) Aprilia, Putri, “Pentingnya UI Pada Sebuah Produk”, 2020, https://www.sekawanmedia.co.id/apa-itu-user-interface/ [diakses 8 Desember 2020]
5) Adani, Muhammad, Robith,“Karakteristik User Interface yang Baik Beserta Contohnya”, 2020, https://www.niagahoster.co.id/blog/user-interface/ [diakses pada 8
Desember 2020]
17
Minimal Powerpoint

Ada pertanyaan?
18
Minimal Powerpoint

Sekian &
Terimakasih!