Mengapa Belajar UI UX Design Penting di Era Digital
Jadi, kenapa sih UI UX design jadi penting banget sekarang? Gampang, setiap startup dan perusahaan teknologi butuh desainer yang bisa bikin pengalaman pengguna yang oke. Bukan cuma soal bikin yang cantik aja, tapi juga gimana membuat aplikasi atau website yang mudah dipakai dan intuitif.
Pernah kesal pake aplikasi yang membingungkan? Nah itu hasil design yang kurang maksimal. Sebaliknya, aplikasi yang enak dipakai, indah dipandang, dan memahami kebutuhan pengguna itu karena ada desainer UI UX yang tahu caranya. Di era digital ini, skill ini bukan lagi pilihan tapi keharusan kalau mau berkembang di industri.
Peluang Karir, Passive Income, dan Skill yang Relevan
Nah yang paling seru, peluang karir UI UX designer itu sangat gede. Untuk entry level (baru lulus atau baru pindah karier) gaji mulai dari 5-9 juta per bulan, terus naik jadi 8-15 juta untuk junior designer yang sudah punya 1-3 tahun pengalaman. Tapi itu belum semua, lho. Skill ini juga bisa jadi passive income lumayan dari penjualan UI kit, design template, atau freelancing dengan klien internasional. Ada desainer yang bisa hasilkan ratusan juta per tahun dari UI kit mereka.
Terus yang paling asik adalah skill ini relevan untuk jangka panjang. Desain interface akan selalu dibutuhin selama ada aplikasi dan website. Jadi ini investasi skill yang nggak akan lapuk.
Apa Saja yang Akan Kita Bahas dalam Artikel Ini
Oke, jadi dalam artikel ini kita akan bahas 5 kelas gratis berkualitas dari BuildWithAngga khusus buat pemula. Setiap kelas punya fokus berbeda, dari fundamental research, membuat user persona, user flow, sampe tools profesional seperti Figma dan wireframing.
Kamu juga bakal dapat rekomendasi learning path sesuai tujuan kamu. Mau jadi desainer profesional? Ada. Mau monetisasi desain? Ada juga. Atau mungkin pengen gabung design dan development? Semuanya bisa. Semua kelas sudah dikurasi dengan teliti dan gratis. Yuk kita mulai!
Kelas-Kelas Dasar (Foundational)
Sebelum kamu belajar soal desain interface yang cantik atau membuat wireframe yang keren, ada satu hal fundamental yang harus kamu kuasain terlebih dahulu. Itu adalah research. Yap, research adalah fondasi yang paling penting dalam dunia UI UX design. Kalau research kamu kurang bagus, desain yang kamu buat bakal jadi asal-asalan dan nggak sesuai sama kebutuhan user. Jadi, dimulai dari sini dulu, ya!
1. Intro to UX Design Research - Fundamental User Research
Intro to UX Design Research - Fundamental User Research
Kelas ini adalah starting point yang tepat kalau kamu baru mau belajar UI UX dari nol. Research adalah bagian penting dalam proses pembuatan produk, baik aplikasi maupun website. Kenapa? Karena melalui research, kamu bisa menggali informasi terkait siapa target user kamu dan apa sih kebutuhan mereka yang sebenarnya. Dari sana, kamu bisa implementasikan insights tersebut ke dalam aplikasi atau website yang akan kamu desain.
Sebagai seorang UX Designer atau UX Researcher, kamu akan adopsi berbagai metode untuk menemukan masalah yang mungkin terjadi pada aplikasi atau fitur baru apa sih yang benar-benar dibutuhin sama user. Bukan asal nebak-nebakan, tapi data-driven. Itu yang bikin research ini krusial banget.
Dalam kelas ini, kamu akan dipandu langsung oleh mentor Angga Risky yang sudah berpengalaman. Mentor akan jelaskan gimana cara memilih metode research yang tepat, bagaimana mengimplementasikan research plan, dan cara melakukan evaluasi terhadap research yang sudah kamu lakukan. Semua dijelaskan dari dasar hingga bisa langsung kamu praktikan.
Kelas Intro to UX Design Research di BuildWithAngga ini cocok banget untuk siapa aja yang pengen mempelajari konsep, teori, dan praktik dari UX Research secara mendalam. Juga sangat bagus untuk Product Designer atau UX Designer lain yang pengen nambah wawasan tentang bagaimana research dilakukan, sehingga bisa kolaborasi lebih baik dengan UX Researcher di kemudian hari.
Key Points yang Akan Kamu Pelajari:
- Belajar dan praktik membuat sebuah Research Plan
- Memahami langkah awal dalam membangun Startup
- Belajar memilih metode Research yang tepat
- Mengenal UX Design Research dari dasar
Dirancang Untuk:
- Kamu yang ingin mengerti lebih luas tentang UX Research
- Anak IT yang ingin membangun sebuah Startup
- UX Designer atau Product Manager yang ingin belajar Research
Tools yang Akan Digunakan: Maze Design, Figma, Notion, Miro
Akses kelas: https://buildwithangga.com/kelas/intro-to-ux-design-research
2. Learn UX User Persona - Membuat User Persona
Learn UX User Persona - Membuat User Persona
Setelah kamu sudah paham tentang research dan gimana cara mengumpulkan data dari user, langkah selanjutnya adalah membuat user persona. Persona adalah representasi dari pengguna yang berisi karakteristik, pengalaman, tujuan, pain points, dan informasi lainnya yang digunakan sebagai panduan tentang siapa yang bakal menggunakan aplikasi kamu nantinya. Ini bukan asal nebak aja, tapi berdasarkan data yang udah kamu kumpulin dari research sebelumnya.
Dengan adanya user persona, kamu bakal lebih mudah menemukan solusi desain yang tepat dan pada akhirnya mampu membuat pengalaman aplikasi yang benar-benar ramah untuk pengguna. Persona ini jadi semacam karakter yang kamu bayangkan saat membuat design decisions, jadi semua keputusan kamu selalu align dengan kebutuhan persona tersebut. Hasilnya, desain kamu bakal lebih fokus dan efektif dalam mengatasi masalah yang dihadapi user.
Dalam kelas Learn UX User Persona di BuildWithAngga, kamu akan belajar gimana cara merancang aplikasi berdasarkan kebutuhan dari pengguna yang sebenarnya. Dengan begini, fitur yang akan dibangun development team akan beneran bermanfaat untuk pengguna, bukan asal features aja. Di sisi lain, waktu dan tenaga yang kamu berikan untuk merancang aplikasi jadi lebih hemat dan efektif. Nggak ada design yang sia-sia karena semuanya based on real user needs.
Nggak cuma user persona aja, dalam kelas ini kamu juga akan diajak untuk memahami dan membuat User Story Board. User Story Board ini berfungsi untuk menggambarkan tahapan-tahapan yang dilalui pengguna dari awal hingga akhirnya mencapai tujuan mereka. Ini visual storytelling yang sangat berguna buat tim understand customer journey secara menyeluruh. Kalau kamu menemui kesulitan saat belajar, kamu bisa bertanya langsung pada mentor BuildWithAngga melalui grup Telegram.
Key Points yang Akan Kamu Pelajari:
- Memahami komponen-komponen dalam User Persona
- Memahami tahapan dan cara membuat User Persona yang valid
- Memahami cara membuat User Story Board dengan baik
- Praktik langsung pembuatan User Persona
- Praktik langsung pembuatan User Story Board
Dirancang Untuk:
- Kamu yang ingin mempelajari User Persona secara mendalam
- Kamu yang ingin mempelajari User Story Board
- Kamu yang ingin berkarir sebagai UI UX Designer
- Kamu yang ingin berkarir sebagai User Experience Research
Tools yang Akan Digunakan: Miro
Akses kelas: https://buildwithangga.com/kelas/learn-ux-user-persona
Kelas-Kelas UI Design & Tools
Sekarang kamu sudah memahami research, persona, dan user flow, saatnya masuk ke tahap visual design. Ini adalah tahap dimana kamu bakal membuat interface yang cantik, fungsional, dan sesuai dengan kebutuhan user. Di section ini, kamu akan belajar tools profesional yang digunakan industri dan teknik-teknik desain modern yang bakal membuat karya kamu bersaing di dunia kerja.
3. Mastering Figma Modern UI Dashboard Design - Tool Industri Standar
.png)
Mastering Figma Modern UI Dashboard Design - Tool Industri Standar
Dalam membuat User Interface sebuah website, designer harus memerhatikan visual design yang atraktif demi kepuasan pengguna. Ini berarti tampilan situs nggak hanya enak dipandang aja, tapi user juga harus paham kegunaan setiap komponen design yang kamu pilih. Prosesnya dimulai dari memahami fitur apa yang dibutuhin pengguna, terus bagaimana menggambarkannya melalui wireframe, sampai akhirnya membangun konsep desain itu menjadi nyata melalui visual design yang lengkap dengan gambar, warna, dan tipografi.
Kali ini kamu akan belajar visual design berupa tampilan dashboard dengan tool populer Figma. Dashboard sangat dibutuhin dalam situs bisnis karena berisi data penting pengguna. Desain yang terencana dengan baik bisa meningkatkan produktivitas bisnis dan profit penjualan. Bersama mentor ahli dari BuildWithAngga, kamu akan membuat desain yang efektif mulai dari membuat design project, export design, sampai membuat design presentation demi peluang karir yang lebih bagus.
Hasil project dari kelas ini nantinya bisa kamu kembangkan lagi sesuai keinginan dan showcase pada platform online seperti Dribbble. Ini sangat berguna buat membangun portofolio kamu yang bisa jadi senjata utama saat melamar kerja. Plus, kamu bakal belajar langsung gimana cara membuat design yang tidak hanya cantik tapi juga solve real business problems.
Untuk bergabung pada kelas ini, kami sarankan untuk terlebih dulu belajar dasar Visual Design dan Icon pada Kelas Starter BuildWithAngga. Silakan upgrade paket ke Freemium Plus agar bisa dapat seluruh materi yang bermanfaat di kelas ini.
Key Points yang Akan Kamu Pelajari:
- Mengubah wireframe menjadi visual design yang menarik
- Mendesain tampilan dashboard website yang profesional
- Mempelajari tool utama pada Figma secara mendalam
- Membangun portofolio website design yang impressive
- Teknik export dan presentation untuk design showcase
Dirancang Untuk:
- Kamu yang ingin belajar visual design dari figma
- UI Designer yang ingin menguasai dashboard design
- Designer yang ingin membangun portofolio profesional
- Siapa aja yang ingin terjun ke UI design dengan tool industri standar
Tools yang Akan Digunakan: Figma
Akses kelas: https://buildwithangga.com/kelas/mastering-figma-modern-ui-dashboard-design
4. Belajar Sketch untuk Junior UI Designer 2021 - Alternatif Design Tool
Belajar Sketch untuk Junior UI Designer 2021 - Alternatif Design Tool
Untuk menjadi desainer antarmuka (UI) yang profesional, kamu membutuhin jam terbang yang banyak melalui beragam design project untuk pengembangan website atau aplikasi. Selain itu, kamu juga perlu investasikan waktu untuk cari hal baru tentang design seperti belajar software design yang populer dan efisien. Nggak cuma Figma aja yang bisa kamu gunakan, ada alternatif lain yang juga sangat powerful dan banyak digunakan designer profesional.
Sejak 2011, Sketch hadir sebagai tool terbaik untuk UI design. Sketch unggul dalam plugin dan integration yang sangat memudahkan workflow designer. Dukungan library yang besar pada fitur tersebut memungkinkan pembuatan UI jadi lebih efisien dan cepat. Banyak designer yang prefer menggunakan Sketch karena interface-nya yang clean dan fitur-fitur yang focused pada UI design.
Kelas Freemium ini berisi materi tentang cara menggunakan fitur-fitur Sketch melalui latihan sederhana pembuatan aplikasi Travel. Pada pengenalan awal, kamu akan mengenal area workspace, artboard, union dan subtract yang sangat berguna untuk ilustrasi, dan banyak hal lainnya. Terus kamu akan membangun sebuah UI design yang nantinya siap untuk proses prototyping, dimulai dari mengimpor image, menempatkan copywriting, mendesain tabs sampai carousel.
Sketch cocok digunakan untuk mengkomunikasikan desain bersama developer atau design handoff karena user friendly dan bisa diaplikasikan secara real-time. Ini membuat kolaborasi antara designer dan developer jadi lebih smooth dan efektif. Plus, learning curve untuk Sketch relatif lebih mudah dibanding tool lainnya, jadi cocok banget untuk junior designer yang baru mulai.
Key Points yang Akan Kamu Pelajari:
- Memahami tools utama pada Sketch App dengan mendalam
- Menginstal dan setup software Sketch App dengan benar
- Menggunakan Sketch Data untuk workflow yang lebih efisien
- Mendesain aplikasi Travel dari konsep hingga finished design
- Design handoff dan komunikasi dengan developer
Dirancang Untuk:
- Kamu yang ingin belajar UI Design dengan alternatif tool
- Kamu yang sedang memulai karir sebagai designer
- Kamu yang ingin belajar software Sketch secara mendalam
- Kamu yang ingin eksplorasi berbagai design tools di industri
Tools yang Akan Digunakan: Sketch
Akses kelas: https://buildwithangga.com/kelas/belajar-sketch-untuk-junior-ui-designer-2021
Kelas-Kelas Wireframing & Visual Design
Setelah memahami tools dan design system, saatnya kamu belajar tentang wireframing dan visual design. Ini adalah tahap dimana kamu mulai merancang tampilan nyata dari aplikasi berdasarkan user flow dan research yang udah kamu lakukan sebelumnya. Section ini akan ajarin kamu gimana cara membuat wireframe yang solid dan mengubahnya menjadi visual design yang cantik dan fungsional.
5. Complete Guide UX Wireframe Design - Wireframe Fundamentals
%20(1).png)
Complete Guide UX Wireframe Design - Wireframe Fundamentals
Pada seri kelas design ini, kamu akan mengenal wireframing yaitu proses membuat rancangan awal design aplikasi demi meningkatkan pengalaman pengguna atau UX. Wireframe berbentuk gambar rangka dengan fokus pada penataan konten dan fungsionalitas suatu screen aplikasi. Ini seperti blueprint dari sebuah rumah sebelum dimulai konstruksi, jadi semua orang bakal paham gimana layout dan struktur keseluruhan.
Pada tahapan wireframing, designer harus memperhatikan kebutuhan user beserta user flow yang udah dibuat sebelumnya agar menciptakan UX yang benar-benar baik. Bukan asal bikin aja, tapi semua keputusan harus berdasarkan data dan insights dari research dan persona yang udah kamu pelajari. Jika wireframe dibangun dengan baik oleh sang designer dan penyampaiannya kepada rekan lain seperti stakeholder dan developer berjalan lancar, proses pengembangan aplikasi tentunya jadi lebih hemat uang dan waktu.
Bersama Angga Risky, kamu akan mengetahui cara membuat satu screen visual design dari sebuah wireframe. Tahapan materi terdiri dari pembahasan workflow sesuai dengan brief project, tool brainstorming yang efektif seperti Whimsical dan Miro, information architecture atau bagan informasi untuk menyusun user interface secara terstruktur, sampai praktik membangun visual design yang sebenarnya.
Hasil project pada kelas ini bisa jadi langkah awal bagi kamu mendesain aplikasi yang lebih kompleks dan beragam. Kamu akan paham gimana proses dari abstract idea menjadi konkrit design yang siap untuk development. Plus, kamu bakal punya project yang bisa showcase di portofolio kamu. Kalau berminat, kamu bisa lanjut berlatih pada kelas premium design BuildWithAngga untuk project yang lebih beragam dan menantang.
Key Points yang Akan Kamu Pelajari:
- Memahami brief project dari klien atau perusahaan dengan benar
- Mengenal definisi dan manfaat wireframe dalam design process
- Mendalami Whimsical dan Figma untuk brainstorming wireframe
- Mengubah wireframe menjadi visual design yang menarik
- Membuat information architecture untuk struktur yang baik
- Teknik komunikasi design kepada tim development
Dirancang Untuk:
- Kamu yang ingin mendalami UX wireframe secara mendalam
- Kamu yang ingin belajar membuat wireframe yang solid
- Kamu yang ingin memiliki portfolio design yang impressive
- UI Designer yang ingin paham wireframing dari dasar
Tools yang Akan Digunakan: Figma, Whimsical
Akses kelas: https://buildwithangga.com/kelas/complete-guide-ux-wireframe-design
Kesimpulan
Kamu udah tahu ada 11 kelas gratis terbaik di BuildWithAngga untuk belajar UI UX design. Dari research fundamental sampai monetisasi design, semuanya ada. Ini adalah kesempatan emas yang nggak boleh kamu lewatkan.
Mengapa BuildWithAngga
Semua 5 kelas ini gratis dan berkualitas tinggi. Mentor-mentor di sini adalah praktisi berpengalaman yang working di industri besar. Kamu juga dapat support komunitas yang aktif dan helpful. Plus, setiap kelas punya project konkrit yang bisa langsung masuk portofolio kamu.
Peluang Karir
Setelah selesaikan kelas ini, kamu bisa apply ke posisi junior UI UX designer dengan gaji 5-15 juta per bulan. Atau jadi freelancer, jual UI kit, dan dapat passive income hingga jutaan rupiah. Kamu punya banyak pilihan untuk earn.
Mulai Sekarang
Jangan tunggu lagi. Akses 5 kelas gratis ini hari ini dan mulai perjalanan karir design kamu.
