UNIVERSITAS AMIKOM YOGYAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI MANAJEMEN INFORMATIKA

RPS-D3MI-DM157
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
UI/UX DESIGN DM157 UI/UX Design 0 2 2 03 Feb 2025
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Arvin Claudy Frobenius, M.Kom
Lilis Dwi Farida, S.Kom., M.Eng.
AKHMAD DAHLAN, S.KOM., M.KOM.
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL08 Mampu membangun sistem informasi dengan menerapkan tools, teknik, dan proses manajemen proyek serta menerapkan teknik UI/UX berdasarkan metodologi yang tepat sesuai dengan karakteristik kebutuhan organisasi.
CPL10 Mampu memahami konsep manajemen proyek untuk pengembangan sistem informasi, perancangan UI/UX, dan penggunaan data yang legal sesuai dengan kebutuhan organisasi beserta keamanannya.
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK.08.3 Mampu menerapkan teknik UI/UX dalam membangun sistem aplikasi sesuai dengan karakteristik kebutuhan organisasi
CPMK.10.3 Mampu menjabarkan konsep perancangan UI/UX sesuai dengan kebutuhan organisasi
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.DM157.CPMK.08.3. Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif
sub.cpmk.DM157.CPMK.10.3. Mahasiswa mampu menjelaskan konsep UI/UX Design
Korelasi CPMK terhadap Sub-CPMK
CPMK.10.3 sub.cpmk.DM157.CPMK.10.3.
CPMK.08.3 sub.cpmk.DM157.CPMK.08.3.
Deskripsi Singkat MK Mata kuliah UI/UX Design adalah mata kuliah yang mengajarkan mahasiswa tentang bagaimana peran serta dalam mewujudkan perangkat lunak yang tepat dan bermanfaat bagi user-nya. Pada mata kuliah UI/UX Design akan mempelajari tentang tahap-tahap dalam proses perancangan antarmuka pengguna UI/UX sesuai pengguna, guideline UI design, design system perencanaan UI/UX, serta mengimplementasikan trend desain UI terkini. Pada perkuliahan ini akan membekali mahasiswa informatika berfikir analitis, logis dan problem solving dalam pengembangan system informasi berbasis mobile dan multimedia interaktif.
Bahan Kajian : Materi Pembelajaran Dasar Fundamental UI/UX Design dan Figma, Layouting, Typography, Design Priciple, Color Theory, Website Design& Mobile Design, Design Thinking (Empathize, Define, Idea, Prototype), Usability Testing.
Pustaka Utama
Pendukung
  • 1. Best Practices for Graphic Designers, Grids and Page Layouts: An Essential Guide for Understanding and Applying Page Design Principles, Amy Graver, 2012Modular design frameworks: A Projects-based Guide for UI/UX Designer, James Cabrera, 2017Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience, Erin Malone & Chritian Crumlish, 2014
Dosen Pengampu ARVIN CLAUDY FROBERNIUS, MUZAKKI AHMAD
Mata Kuliah Syarat -
Pertemuan Ke Kemampuan akhir tiap tahapan belajar (Sub-CPMK) Penilaian Bentuk Pembelajaran; Metode Pembelajaran; Penugasan Mahasiswa; Materi Pembelajaran Bobot Penilaian
Indikator Kriteria & Teknik Luring Daring
1 sub.cpmk.DM157.CPMK.10.3.-Mahasiswa mampu menjelaskan konsep UI/UX Design Mahasiswa dapat menjelaskan konsep UI/UX Design dan platform Figma Kriteria
Ketepatan jawaban sesuai perintah soal
Teknik
Rubrik Analitik Tanya jawab 		Kuliah,Diskusi,[DS=100 Menit]
 Kuliah,Laporan Praktikum,[LP=100 Menit]
 Topik
Pengenalan konsep UI/UX Design dan Penerapan Figma.
Sub Topik
Konsep Dasar UI/UX, Pengenalan aplikasi figma Ref1.
5
2 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa dapat mengimplementasikan layout mobile dan website UI/UX pada Platform Figma Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
 Kuliah,Laporan Praktikum,[LP=100 Menit]
 Topik
Topik Design Visual UI
Sub Topik
Konsep Layout UI/UX, layout mobile dan website Figma Ref1.
 1.6
3 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa dapat mengimplementasikan Typography, Hierarki Typography UI/UX Figma Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
 Kuliah,Laporan Praktikum,[LP=100 Menit]
 Topik
Design Visual UI
Sub Topik
Metode Typography, Hierarki Typography UI/UX Figma Ref1.
1.6
4 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa dapat mengimplementasikan pemilihan Warna dan Metode warna UI/UX Figma Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
 Kuliah,Laporan Praktikum,[LP=100 Menit]
 Topik
Design Visual UI
Sub Topik
Pemilihan Warna, Metode warna UI/UX Figma Ref1.
 1.6
5 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa dapat mengimplementasikan Auto Layout dan Komponen Figma Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
 Kuliah,Laporan Praktikum,[LP=100 Menit]
 Topik
Design Visual UI
Sub Topik
Auto Layout dan Komponen Figma Ref1.
1.6
6 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu mengimplementasikan prototipe figma Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
 Kuliah,Laporan Praktikum,[LP=100 Menit]
 Topik
Desain Interaksi
Sub Topik
Prototipe Ref1.
1.6
7 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu mengimplementasikan metode pengujian UI/UX Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
 Kuliah,Laporan Praktikum,[LP=100 Menit]
 Topik
Pengujian UI/UX
Sub Topik
Metode Pengujian Ref1.
1.6
8 sub.cpmk.DM157.CPMK.10.3.-Mahasiswa mampu menjelaskan konsep UI/UX Design Ketepatan menjawab Kriteria
Ketepatan Jawaban
Teknik
Ujian 		Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
 Topik
Materi Minggu 1 - 7
Sub Topik

 30
9 sub.cpmk.DM157.CPMK.10.3.-Mahasiswa mampu menjelaskan konsep UI/UX Design Mahasiswa mampu menjelaskan konsep dasar design thinking Kriteria
Ketepatan jawaban sesuai perintah soal
Teknik
rubrik analitik Tanya jawab 		Kuliah,Diskusi,[DS=100 Menit]
 Kuliah,Diskusi,[DS=100 Menit]
 Topik
Pengenalan Design Thinking
Sub Topik
Empati, Define, Idea, Prototipe, dan Testing Ref1.
 5
10 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu membuat persona dan customer journey map Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Tugas 		Praktikum,Studi Kasus,[SK=100 Menit]
 Kuliah,Studi Kasus,[SK=100 Menit]
 Topik
Studi Case
Sub Topik
Empati dan Define Ref1.
 3.3
11 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu membuat arsitektur informasi Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Tugas 		Praktikum,Studi Kasus,[SK=100 Menit]
 Kuliah,Studi Kasus,[SK=100 Menit]
 Topik
Studi Case
Sub Topik
Idea, Prototipe ( Arsitektur Informasi: Sitemap, Task Flow) Ref1.
3.3
12 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu membuat wireframe low-fidelity Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Tugas 		Praktikum,Studi Kasus,[SK=100 Menit]
 Kuliah,Studi Kasus,[SK=100 Menit]
 Topik
Studi Case
Sub Topik
Prototipe (Wireframe) Ref1.
 3.3
13 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu membuat wireframe High-fidelity Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
fidelity Rubrik Holistik Tugas 		Praktikum,Studi Kasus,[SK=100 Menit]
 Kuliah,Studi Kasus,[SK=100 Menit]
 Topik
Studi Case
Sub Topik
(Wireframe) Ref1.
 3.3
14 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu membuat interaksi desain prototipe Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Rubrik Holistik Tugas 		Praktikum,Studi Kasus,[SK=100 Menit]
 Kuliah,Studi Kasus,[SK=100 Menit]
 Topik
Studi Case
Sub Topik
Prototipe Ref1.
 3.3
15 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Mahasiswa mampu membuat pengujian aplikasi UI/UX Kriteria

Teknik
Rubrik Holistik Tugas 		Praktikum,Studi Kasus,[SK=100 Menit]
 Kuliah,Studi Kasus,[SK=100 Menit]
 Topik
Studi Case
Sub Topik
Testing Ref1.
3.9
16 sub.cpmk.DM157.CPMK.08.3.-Mahasiswa mampu mengimplementasikan UI/UX Design berbasis mobile, web dan multimedia interaktif Ketepatan menjawab Kriteria

Teknik
Ujian 		Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
 Topik
Materi Minggu 8 - 14
Sub Topik

 30

Teknik Penilaian CPMK

CPL MK CPMK Kuis Tugas Praktikum Tugas Teori (Kelompok) Tes Tulis (UTS)
CPL08 UI/UX DESIGN CPMK.08.3 Y Y Y
CPL10 UI/UX DESIGN CPMK.10.3 Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL10 CPMK.10.3 sub.cpmk.DM157.CPMK.10.3. Rubrik Analitik Tanya jawab 5 Ketepatan jawaban sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Laporan praktikum 1.6 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Laporan praktikum 1.6 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Laporan praktikum 1.6 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Laporan praktikum 1.6 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Laporan praktikum 1.6 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Laporan praktikum 1.6 Ketepatan jawaban tugas sesuai perintah soal
CPL10 CPMK.10.3 sub.cpmk.DM157.CPMK.10.3. Ujian 30 Ketepatan Jawaban
CPL10 CPMK.10.3 sub.cpmk.DM157.CPMK.10.3. rubrik analitik Tanya jawab 5 Ketepatan jawaban sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Tugas 3.3 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Tugas 3.3 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Tugas 3.3 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. fidelity Rubrik Holistik Tugas 3.3 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Tugas 3.3 Ketepatan jawaban tugas sesuai perintah soal
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Rubrik Holistik Tugas 3.9
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3. Ujian 30
Total 100
2. Penilaian CPMK
CPL MK CPMK Kuis Tugas Praktikum Tugas Teori (Kelompok) Tes Tulis (UTS) Total
CPL08 UI/UX DESIGN CPMK.08.3 0% 9.6% 20.4% 30% 60%
CPL10 UI/UX DESIGN CPMK.10.3 10% 0% 0% 30% 40%
100%