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 P= 2 2 29 Mar 2026
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Arvin Claudy Frobenius, M.Kom
Lilis Dwi Farida, S.Kom., M.Eng.
Ir. AKHMAD DAHLAN, S.KOM., M.KOM.
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK.04.1 Mampu menerapkan konsep dasar sistem informasi untuk merancang solusi teknologi informasi yang sesuai dengan kebutuhan organisasi secara kolaboratif dan bertanggung jawab.
CPMK.08.3 Mampu menerapkan teknik UI/UX dalam membangun sistem aplikasi sesuai dengan karakteristik kebutuhan organisasi
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.DM157.CPMK.04.1.1 Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
sub.cpmk.DM157.CPMK.08.3.1 Mahasiswa Mampu Membangun Sistem Aplikasi dengan Framework Design Thinking
Korelasi CPMK terhadap Sub-CPMK
CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1
CPMK.08.3 sub.cpmk.DM157.CPMK.08.3.1
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) dan Usability Testing
Pustaka Utama
  • 1. Staiano, F. (2022). Designing and prototyping interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop. Birmingham: Packt Publishing.
Pendukung
  • 2. Schwarz, D. (2022). The designer’s guide to Figma: Master prototyping, collaboration, handoff, and workflow. Independently published.
Dosen Pengampu Arvin C Frobenius, S.Kom., M.Kom.
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.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Mahasiswa mampu menjelaskan konsep UI/UX Design Kriteria
Ketepatan Menjawab Kuis
Teknik
Tanya Jawab 		Praktikum,Tanya Jawab,[TN=100 Menit]
 Praktikum,Tanya Jawab,[TN=100 Menit]
 Topik
Pengenalan konsep UI/UX Design dan Penerapan Figma
Sub Topik
Konsep Dasar UI/UX, Pengenalan aplikasi figma

 2
2 sub.cpmk.DM157.CPMK.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Ketepatan mahasiswa dalam mengimplementasikan konsep typography UI/UX Design Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Laporan Praktikum,[LP=100 Menit]
 Kuliah Online Zoom,Laporan Praktikum,[LP=100 Menit]
 Topik
Layout UI/UX Design.
Sub Topik
Frame, Grid dan Layout Grid
  • [2] Hal: 102-104
4
3 sub.cpmk.DM157.CPMK.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Ketepatan mahasiswa dalam mengimplementasikan konsep typography UI/UX Design Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Laporan Praktikum,[LP=100 Menit]
 Kuliah Online Zoom,Laporan Praktikum,[LP=100 Menit]
 Topik
Imolementasi konsep typography Design
Sub Topik
Typeface and Font, Font Sizes, Line Height (Leading), Letter Spacing (Tracking), Text Alignment
  • [1] Hal: 107-117
4
4 sub.cpmk.DM157.CPMK.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Ketepatan mahasiswa dalam mengimplementasikan konsep warna desain UI/UX Design Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Laporan Praktikum,[LP=100 Menit]
 Kuliah Online Zoom,Praktikum,[P=100 Menit]
 Topik
Mengimplementasikan konsep color UI/UX Design.
Sub Topik
Color Palettes, 60:30:10 Method
  • [2] Hal: 119-131
4
5 sub.cpmk.DM157.CPMK.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Ketepatan mahasiswa dalam mengimplementasikan konsep Autolayout UI/UX Design Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Praktikum,[P=100 Menit]
 Kuliah Online Zoom,Praktikum,[P=100 Menit]
 Topik
Autolayout
Sub Topik
Pengaturan arah (vertikal/horizontal), Spacing antar elemen, Padding (ruang dalam), Alignment (perataan), dan Resizing (hug, fill, fixed)
  • [2] Hal: 119-131
4
6 sub.cpmk.DM157.CPMK.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Ketepatan mahasiswa dalam menjelaskan konsep component UI/UX Design Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Praktikum,[P=100 Menit]
 Kuliah Online Zoom,Praktikum,[P=100 Menit]
 Topik
Component
Sub Topik
Main Component dan Instance, penggunaan Variants , Auto Layout, manajemen Component Properties.
  • [2] Hal: 119-131
4
7 sub.cpmk.DM157.CPMK.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Ketepatan mahasiswa dalam menjelaskan konsep prototype UI/UX Design Kriteria
Ketepatan mengikuti perintah
Teknik
Penugasan 		Praktikum,Laporan Praktikum,[LP=100 Menit]
 Kuliah Online Zoom,Laporan Praktikum,[LP=100 Menit]
 Topik
Implementasi konsep Prototype UI/UX Design dan Penerapan
Sub Topik
wireframe, penghubungan antar frame (node), pengaturan trigger (klik, hover), prototype device, dan usability testing
 4
8 sub.cpmk.DM157.CPMK.04.1.1-Mahasiswa Mampu Mengimplementasikan Konsep Dasar UI/UX Design Menggunakan Figma
 Mahasiswa mampi mengimplementasikan Design UI/UX Pada Studi Kasus Kriteria
Ketepatan mengikuti perintah
Teknik
Penugasan 		Ujian terjadwal,Tugas Take Home,[TH=100 Menit]
 Ujian terjadwal,Tugas Take Home,[TH=100 Menit]
 Topik
Ujian Tengah Semester
Sub Topik
Ujian Tengah Semester
 24
9 sub.cpmk.DM157.CPMK.08.3.1-Mahasiswa Mampu Membangun Sistem Aplikasi dengan Framework Design Thinking
 Mahasiswa mampu mengimplementasikan metode pengembangan berpusat pada pengguna Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Praktikum,[P=100 Menit]
 Kuliah Online Zoom,Praktikum,[P=100 Menit]
 Topik
Design Thinking (Emphatize dan Define)
Sub Topik
Personas, Empathy Map, Customer Journey Map dan Problem Statement
 5
10 sub.cpmk.DM157.CPMK.08.3.1-Mahasiswa Mampu Membangun Sistem Aplikasi dengan Framework Design Thinking
 Mahasiswa mampu mengimplementasikan metode pengembangan berpusat pada pengguna Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Laporan Praktikum,[LP=100 Menit]
 Kuliah Online Zoom,Laporan Praktikum,[LP=100 Menit]
 Topik
Design Thinking (Idea)
Sub Topik
Crazy Eight Method and Voting
 5
11 sub.cpmk.DM157.CPMK.08.3.1-Mahasiswa Mampu Membangun Sistem Aplikasi dengan Framework Design Thinking
 Mahasiswa mampu mengimplementasikan metode pengembangan berpusat pada pengguna Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Laporan Praktikum,[LP=100 Menit]
 Kuliah Online Zoom,Laporan Praktikum,[LP=100 Menit]
 Topik
Design Thinking (Prototyping)
Sub Topik
Sitemap, Userflow, wireframe (low-fidelity&high-Fidelity), Prototyping dan Guideline System
 10
12
13
14 sub.cpmk.DM157.CPMK.08.3.1-Mahasiswa Mampu Membangun Sistem Aplikasi dengan Framework Design Thinking
 Mahasiswa mampu mengimplementasikan metode pengembangan berpusat pada pengguna Kriteria
Ketepatan mengikuti Praktikum
Teknik
Penugasan 		Praktikum,Praktikum,[P=100 Menit]
 Kuliah Online Zoom,Praktikum,[P=100 Menit]
 Topik
Design Thinking (Test)
Sub Topik
Moderate & unmoderate Testing, Heatmap Testing Using Maze.co
 10
15
16 sub.cpmk.DM157.CPMK.08.3.1-Mahasiswa Mampu Membangun Sistem Aplikasi dengan Framework Design Thinking
 Mahasiswa mampu membuat sistem aplikasi berpusat pada pengguna Kriteria
Ketepatan mengikuti perintah
Teknik
Penugasan 		Ujian terjadwal,Tugas Take Home,[TH=100 Menit]
 Ujian terjadwal,Tugas Take Home,[TH=98 Menit]
 Topik
Ujian Akhir Semester
Sub Topik
Ujian Akhir Semester
 20

Teknik Penilaian CPMK

CPL MK CPMK Tugas Praktikum Kuis Tes Tulis (UTS) Tes Tulis (UAS)
CPL04 UI/UX DESIGN CPMK.04.1 Y Y Y
CPL08 UI/UX DESIGN CPMK.08.3 Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Tanya Jawab 2 Ketepatan Menjawab Kuis
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Penugasan 4 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Penugasan 4 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Penugasan 4 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Penugasan 4 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Penugasan 4 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Penugasan 4 Ketepatan mengikuti perintah
CPL04 CPMK.04.1 sub.cpmk.DM157.CPMK.04.1.1 Penugasan 24 Ketepatan mengikuti perintah
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3.1 Penugasan 5 Ketepatan mengikuti Praktikum
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3.1 Penugasan 5 Ketepatan mengikuti Praktikum
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3.1 Penugasan 10 Ketepatan mengikuti Praktikum
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3.1 Penugasan 10 Ketepatan mengikuti Praktikum
CPL08 CPMK.08.3 sub.cpmk.DM157.CPMK.08.3.1 Penugasan 20 Ketepatan mengikuti perintah
Total 100
2. Penilaian CPMK
CPL MK CPMK Tugas Praktikum Kuis Tes Tulis (UTS) Tes Tulis (UAS) Total
CPL04 UI/UX DESIGN CPMK.04.1 22% 4% 24% 0% 50%
CPL08 UI/UX DESIGN CPMK.08.3 30% 0% 0% 20% 50%
100%