SILABUS

SEKOLAH
UI/UX
Copyright :
Sekolah UI/UX - ​www.sekolahuiux.com
PT. Cilsy Fiolution Indonesia - ​www.cilsyfiolution.com

Siapapun dilarang untuk menggunakan, mengkopi, menyebarluaskan, menjual sebagian

atau seluruh isi dokumen ini tanpa seizin pemilik yaitu PT. Cilsy Fiolution Indonesia. Konten
Silabus ini adalah hak cipta dari PT. Cilsy Fiolution Indonesia dan dilindungi oleh
Undang-Undang.

1 - Silabus Sekolah UI/UX Batch 1

Target lulusan murid-murid Sekolah UI/UX benar-benar harus yang bisa diserap oleh
Industri. Berikut adalah skill & requirement yang akan Anda peroleh setelah lulus dari
Sekolah UI/UX :

Sekolah UI/UX - Student Requirements

UI/UX Designer

Date : 2019
Based
on : Traveloka, Jurnal, Ruangguru

After graduate from bootcamp, Student should be able to do these jobs :

Code Job Description
Creating, presenting and delivering user flows, wireframes, prototype, mockups, process,
JD1 maps and feature lists to effectively communicate design ideas.
JD2 Assist in planning and conducting usability testing and evaluate user feedback.

JD3 Providing suggestions and recomendations to improve product user experience.

Conceptualizing complicated design ideas and high-level requirements into interactive,
JD4 intuitive and fuctional user interfaces.
JD5 Measuring your UX Success

And student should have these qualifications :

Code Qualifications
Knowledgeable with any rapid prototyping tools for both low and high fidelity (Adobe XD,
Q1 SketchApp, FramerJS, InvisionApp, MarvelApp, Zeplin, Axure etc.)
Q2 Understanding UI Designing aspect such as typography, coloring, consistency
Q3 Strong Understanding the concept of Design Thinking & Design Sprint
Q4 Proficient on using Design tools such as Photoshop/Illustrator/Adobe XD
Q5 Able to create the animated interaction prototype
Q6 Able to evaluate existing UI
Q7 Know how to create UX Design with Micro Interactions
Q8 Portfolio that showcase your UI/UX design experience and creative design thinking
Q9 Excellent verbal and written English communication skills
Understanding of Usability Testing, A/B testing, customer-focused design, responsive &
Q10 adaptive design
Q11 Know how to work in agile environment, especially Scrum methodology
Q12 Know how to measure effectiveness of your UX Design
Q13 Excellent Team Player, Communication and Presentation Skills

2 - Silabus Sekolah UI/UX Batch 1

Untuk mencapai seluruh requirement diatas, maka silabus yang akan Anda pelajari adalah
sebagai berikut :

Judul Bootcamp : Become a UI/UX Designer

Goal : Bagaimana caranya orang yang benar-benar dari nol, bisa mempunyai skill,
knowledge, dan portofolio yang cukup utk bisa melamar kerja sebagai UI/UX
Designer. Atau dia bisa freelance/membuka firm konsultan sendiri.

Course 1 : Fundamental Preparation

Week 1
Section 1 : Why UI/UX Design? Why now?

● Materi : UI/UX Design 101 (Mengenai pengertian ui/ux design, sejarah singkat ui/ux
design, kenapa harus ada ui/ux design)

● Materi :Perbedaan antara UI Design dan UX Design

● Materi : Mengetahui seberapa worth it kerjaan sebagai UI/UX Designer dan peluang
kerja di suatu korporat

● Materi: Hal yang harus diperhatikan ketika membuat ui/ux design

● Materi : Platform untuk mencari kerja mau di korporat atau freelance untuk UI/UX
Designer (Penjelasan dribbble. uplabs, behance, dan fiverrr)

● Materi : Teori dasar atau kaidah-kaidah tentang UI/UX Design (Usability Testing,
UCD, dll)

Section 2 : Cara Menggunakan Adobe XD

● Materi : Kenapa menggunakan Adobe XD?

● Materi : Adobe XD Overview

● Materi : Keyboard Shortcuts for XD

● Materi : Basic Tools

● Materi : Property Inspector

● Materi : Repeat Grid

● Materi : Responsive Resize

● Materi : Masking

● Materi : Assets Panel & Creative Cloud Libraries

● Materi : Layers Panel Shortcuts

3 - Silabus Sekolah UI/UX Batch 1

 ● Materi : Working with Symbols

● Materi : Creating your own Icons in Adobe XD

● Materi : Onboarding App Project Overview

● Materi : Onboarding App Project Design

● Materi : Onboarding App Project Prototype

● Materi : Prototype Tab Overview

● Materi : Share for Review, for Developers & Record Prototypes

● Materi : Exporting Assets & Design Files

● Latihan : Membuat satu page website dengan menggunakan tools (AdobeXD)

Course 2 : UX Designer
Week 2
Section 1 : Menjadi UX Designer

● Materi : Penjelasan role UX Designer dan jobdesc UX Designer di perusahaan

● Materi : Penjelasan tentang user research, cara user research, dan cara mengelola
informasi dari user

● Materi : Menjelaskan metode user research yg biasa digunakan

● Materi : Menentukan User Persona, Customer Journey, Design Flow

● Latihan : Murid diminta melakukan user research (1 user dengan tema dibebaskan)

● Materi : Evaluasi user research yg telah dilakukan

● Materi : Penjelasan tentang wireframe

● Latihan : Membuat contoh wireframe (dengan tema ditentukan instruktur)

● Materi : Penjelasan tentang prototyping

● Latihan : Membuat contoh prototype (dengan tema ditentukan instruktur)

Week 2-4
Section 2 : Design Thinking

● Materi : Kenapa Design Thinking? Kenapa pentingnya mempelajari hal ini?

4 - Silabus Sekolah UI/UX Batch 1

 ● Materi : Mindset apa saja yang perlu diterapkan dalam design thinking

● Materi : How to use Design Thinking? (Empathy, Ideation, dll)

● Materi : Contoh mempraktekkan bagaimana menerapkan seluruh proses design

thinking dengan contoh suatu kasus.

● Materi : Contoh case Design Thinking dalam real flow di perusahaan.

● Materi : Penjelasan tentang design sprint vs design thinking vs scrum

● Latihan 1 : Praktek membuat seluruh proses design thinking menggunakan sticky

notes ambil contoh kasus yang ada di sekitar (design flow, customer mapping, dll)

● Latihan 2 : Praktek membuat seluruh proses design thinking menggunakan sticky

notes ambil contoh kasus yang ada di sekitar (design flow, customer mapping, dll)

● Latihan 3 : Praktek membuat seluruh proses design thinking menggunakan sticky

notes ambil contoh kasus yang ada di sekitar (design flow, customer mapping, dll)

● Small Project :
o Murid diminta melakukan user research ( minimal 3 user & membuat
wireframe beserta prototype)

● Evaluasi terhadap small project yg dilakukan

Judul Course 3 : UI Designer

Week 5
Section 1 : Fundamental UI Designer

● Materi : Penjelasan role UI Designer dan jobdesc UI Designer di perusahaan

● Materi : Tips untuk UI Designer dan memulai membuat UI Design

● Materi : Mempelajari komponen-komponen yg ada di UI Design

● Materi : Pentingnya sebuah portofolio bagi seorang designer

Section 2 : Kaidah-kaidah UI Designer

● Materi : Kenapa pentingnya mempelajari hal ini?

● Materi : Alignment

● Materi : Size & Contrast

● Materi : Space

● Materi : Color Theory

5 - Silabus Sekolah UI/UX Batch 1

 ● Materi : Selecting Better Colors

● Materi : Typography

● Materi : Consistency

● Materi : Simplicity

● Materi : Contoh-contoh apps/website apa saja yang menggunakan kaidah-kaidah

diatas dan yang tidak.

● Materi : How to menerapkan kaidah-kaidah diatas.

Section 2 : Menjadi UI Designer

● Materi : Cara evaluasi UI yang sudah ada

● Materi : Contoh meredesign sebuah page.

● Latihan : Membuat redesign sebuah page

● Materi : Evaluasi terhadap design yg dibuat

● Latihan : Membuat design sebuah page berdasarkan studi kasus (Tema: Kesehatan)

● Materi : Evaluasi terhadap design yg dibuat

● Latihan : Membuat design sebuah page berdasarkan studi kasus(Tema: Olahraga)

● Materi : Evaluasi terhadap design yg dibuat

● Materi : Cara berkolaborasi dengan programmer

● Materi : Praktek menggunakan Zeplin.

● Latihan : Import design dari Adobe XD ke zeplin

● Small Project :
o Membuat design berdasarkan hasil dari small project course UX Design dan
responsive di 3 platform (tablet, web, mobile)

o Presentasi dan hasil akhir di upload di Dribbble dan Linkedin.

Judul Course 4 : Design Sprint

Week 6
Section 1 : Fundamental Design Sprint

● Materi : Kenapa harus pakai Design Sprint? Kapan harus pakai Design Sprint?

6 - Silabus Sekolah UI/UX Batch 1

 ● Materi : Siapa saja yang berperan di dalam Design Sprint

● Materi : Hal-hal yang harus disiapkan sebelum memulai Design Sprint

● Materi : Penjelasan detil hari per hari dari Design Sprint

● Latihan : Simulasi singkat bagaimana melakukan Design Sprint dalam 1 minggu

Week 7
Section 2 : Sprint 1 : AI Apps

● Latihan : Simulasi dalam kelas real selama 5 hari melakukan Sprint 1 untuk solving
problem terkait AI Apps perusahaan PT. ABC.

Week 8
Section 3 : Sprint 2 : Evaluasi hasil Sprint 1 AI Apps

● Latihan : Simulasi dalam kelas real selama 5 hari melakukan Sprint 2 untuk solving
problem terkait AI Apps perusahaan PT. ABC. Hasil akhir bisa diupload di Dribbble &
Linkedin.

● Materi : Summary kapan pakai Design Thinking kapan pakai Design Sprint.

Judul Course 5 : Advanced Technique

Week 9
Section 1 : Interaction Design
● Materi : Mengenal apa pentingnya Interaction Design? Kenapa harus mempelajari
hal ini?
● Materi : Apa saja aspek dan mindset yang harus dipelajari terkait Interaction Design
● Materi : Contoh-contoh UI yang menerapkan Interaction Design.
● Materi : Contoh praktek menerapkan interaction design
● Latihan : Coba mengedit dan menerapkan Interaction Design pada salah satu design
yg sudah dibuat, lalu coba dibandingkan efektifitasnya dengan yang belum
menggunakan.

Week 10
Section 2 : Microinteractions
● Materi : Mengenal apa itu Microinteractions? Kenapa harus mempelajari hal ini?
● Materi : Apa pentingnya Microinteractions dalam UX?
● Materi : Contoh-contoh Microinteractions

7 - Silabus Sekolah UI/UX Batch 1

 ● Materi : Contoh praktek menerapkan Microinteractions
● Latihan : Coba mengedit dan menerapkan Microinteractions pada salah satu design
yg sudah dibuat, lalu coba dibandingkan efektifitasnya dengan yang belum
menggunakan Microinteractions.

Section 4 : Tips & Tricks di lingkungan kerja

● Materi : Tips menghadapi wawancara
● Materi : Tips membuat cv kerja
● Materi : Tips berkarir sebagai UI/UX
● Materi : Tips setelah selesai bootcamp harus apa

Judul Course 6 : Maximizing Portfolio

Week 11-12
Section 1 : Project Final 1 Tema Lingkungan
Membuat suatu aplikasi dari awal research lanjut ke ui design dan terakhir import ke zeplin
untuk diteruskan ke programmer.
● Melakukan user research
● Membuat design thinking/Design Sprint berdasarkan hasil research
● Membuat wireframe dan mockup berdasarkan hasil research
● Membuat tampilan UI Design berdasarkan hasil mockupnya
● Memberikan hasil UI Design kepada user (dan terdapat revisian tampilan)
● Memulai kembali dari pembuatan wireframe dan mockup
● membuat tampilan revisian UI Design
● Memberikan hasil kepada user
● Melakukan testing kepuasan user terhadap tampilan yg dibuat
● Presentasi
● Upload di Dribbble & Linkedin

Week 13-14
Section 2 : Project Final 2 Tema Blockchain
Membuat suatu aplikasi dari awal research lanjut ke ui design dan terakhir import ke zeplin
untuk diteruskan ke programmer.
● Melakukan user research
● Membuat design thinking/Design Sprint berdasarkan hasil research
● Membuat wireframe dan mockup berdasarkan hasil research
● Membuat tampilan UI Design berdasarkan hasil mockupnya
● Memberikan hasil UI Design kepada user (dan terdapat revisian tampilan)
● Memulai kembali dari pembuatan wireframe dan mockup
● membuat tampilan revisian UI Design
● Memberikan hasil kepada user
● Melakukan testing kepuasan user terhadap tampilan yg dibuat
● Presentasi
● Upload di Dribbble & Linkedin

8 - Silabus Sekolah UI/UX Batch 1

Week 15-16
Section 3 : Project Final 4 Tema IoT
Membuat suatu aplikasi dari awal research lanjut ke ui design dan terakhir import ke zeplin
untuk diteruskan ke programmer.
● Melakukan user research
● Membuat design thinking/Design Sprint berdasarkan hasil research
● Membuat wireframe dan mockup berdasarkan hasil research
● Membuat tampilan UI Design berdasarkan hasil mockupnya
● Memberikan hasil UI Design kepada user (dan terdapat revisian tampilan)
● Memulai kembali dari pembuatan wireframe dan mockup
● membuat tampilan revisian UI Design
● Memberikan hasil kepada user
● Melakukan testing kepuasan user terhadap tampilan yg dibuat
● Presentasi
● Upload di Dribbble & Linkedin

9 - Silabus Sekolah UI/UX Batch 1