dan nama figma instruction untuk kelas 3 kita bakal mulai di kelas 9.30 ya teman-teman jadi kita tunggu yang lain dulu ya oh iya sebelum kita mulai kelasnya teman-teman bisa nih download dulu figma practice-nya yang bakal di-share nanti di kolom chat zoom ya Halo teman-teman, selamat datang yang baru bergabung di Short Class MySkill UA UX Design and Design dengan topik utama Sigma Introduction. Nah, untuk kelasnya sendiri kita bakal mulai tepat pukul 19.30 ya teman-teman, jadi kita bakal tunggu yang lain dulu. Nah, buat teman-teman yang baru join bisa nih di-download dulu Figma Practice. dan panduan downloadnya yang bakal dikirim di chat zoom ya oh iya teman-teman bagi teman-teman yang bisa open-tab buang-buang ini, buang-buang ini dan pakai logo backgroundnya supaya kita bisa melihat nih Siapa aja teman-teman yang semangat Oke buat teman-teman yang Belum bisa on cam gapapa ya Pastiin aja nanti Teman-teman bakal tetep fokus Ikutin kelasnya ya Halo teman-teman, selamat datang yang baru bergabung di MySQL UAUS Research and Design dengan topik Maintention. Nah, buat teman-teman yang baru join, jangan lupa baca dan download video-video yang terbaru di Google Chat Zoom.
Halo teman-teman, selamat datang di Shortcase My Skill UI, UX, Research, and Design dengan topik Figma Introduction. Nah, teman-teman dari mana aja nih? Asalnya boleh tulis di kolom chat ya.
Wah, banyak banget nih. Ada yang dari Jogja, ada yang dari Sumo, ada yang dari Jodir, Setanggarang Selatan, Bandung. Wow.
Ada yang dari Lampung juga. Ada yang dari Sultang. Wah, jauh-jauh ya, teman-teman. Oh iya teman-teman disini, apakah teman-teman ini mahasiswa atau masih SMA atau lagi mau switch career nih?
Pengen tau nih teman-teman. Oh, SMK, mahasiswa, career. Wow, first graduate juga. masih mbak saya pemula beragam banget ya teman-teman ini backgroundnya Nah, untuk kelasnya kita tunggu teman-teman yang lain dulu.
Halo teman-teman, maaf tadi ada kendala sedikit. Nah, jadi sebentar lagi kita akan mulai ya, kurang lebih 3 menit lagi kita bakal mulai sesi kelasnya. Nah, sebelum teman-teman masuk kelasnya, mungkin teman-teman bisa nih download dulu Figma Practice File. Dan juga kalau teman-teman masih kebingungan, teman-teman bisa baca panduan downloadnya yang ada di... kolom chat zoom ya ya nih teman-teman boleh nih siapin dulu catatannya kemudian boleh juga siapin air minumnya biar nanti gak perlu lagi capek-capek atau haus lagi pada saat materian ya, jadi yang teman-teman yang switch karir ini sebelumnya, apa nih teman-teman karirnya boleh nih, tulis di kolom chat zoom Wah, ada nih Kak Zalfa Iknan, sebelumnya Bidan.
Wah, beda juga ya Kak switch carrier-nya dari Bidan buat jadi UA UX Research and Designer. Oh, ada yang admin juga, ada yang honorer. Oh, ada yang programmer juga. Wah, ada juga nih yang udah jadi UX designer.
Wah, ada juga yang IT support, data analis. Mau jadi IT, Kak. Masih kuliah, Kak. Mahasiswa. Wah, teman-teman semangat banget nih ya.
banyak yang masih kuliah juga, terus tadi ada juga yang SMK bahkan ya, teman-teman semangat banget sih hari ini. Oke, teman-teman, mungkin karena udah pukul 19.30 juga ya, kita bakal langsung mulai aja sesi kelasnya. Nah, jadi selamat datang di Short Class My Skill, UAU Hacks Research and Design dengan topik utama Figma Introduction. Oke, boleh next slide. Nah, sebelumnya perkenalkan, aku Lia sebagai moderator di sini.
Nah, aku juga bakal menjelaskan sedikit nih kepada teman-teman tentang MySkill. Jadi, MySkill itu adalah platform pengembangan skill dengan pengguna lebih dari 1,8 juta di Indonesia dan menjadi bagian dari top lean startup 2023 di Indonesia. Nah, di MySkill ini, teman-teman bisa mendapatkan lebih dari 1.400 materi e-learning dan juga proyek portfolio. Terus teman-teman juga bisa mendapatkan lebih dari 10 intensif bootcamp fokus praktik dan juga simulasi tes tufel dan CPNS. Selanjutnya, di MySkill sendiri ada program full stack intensif bootcamp MySkill dengan lebih dari 10 ribu alumni diterima di berbagai top companies.
Wah, keren banget ya teman-teman. Urusan dari MySkill bisa keterima di top companies. Boleh next?
Nah, di Full Stack Intensive Bootcamp UIUX Research and Design, teman-teman bisa mendapatkan kesempatan belajar intensif dan lebih dalam tentang UIUX Research and Design, dan juga teman-teman bisa buat portfolio UIUX yang terbaik. Dan dari portfolio ini bisa menunjang kehadiran teman-teman dengan lebih baik lagi selanjutnya. Nah, selanjutnya buat teman-teman yang menghadiri shortclass MySkill kali ini ada benefit khusus nih. Teman-teman bisa mendapatkan diskon khusus 15% di Fullstack Intensive Bootcamp UA UX Research and Design dengan lebih dari 10 sesi online live dan praktik tentang fundamental UA UX design. UI, UX Design, Research and Writing, User Flow and Wayframing, UI Design and Components, Prototyping, Plugins, Auto Layout, Components, and Variants, dan masih banyak lagi.
Nah, selain itu, benefit dari bootcamp ini, teman-teman bisa mendapatkan live class bersama export, kemudian mendapatkan rekaman materi kelas, mendapatkan sertifikat, dan juga rapor, dan terakhir, teman-teman mendapatkan materi bacaan, retest, dan post-test yang mendapat meninjang hari teman-teman nantinya. Nah, langsung aja teman-teman check out di mysql.id slash bootcamp dengan kode promo. MySkill 15. Oke, boleh next? Nah, selanjutnya ada nih benefit lain yang teman-teman dapetin dari Shortcase MySkill. Yang pertama, pastinya ada esertifikat.
Nah, untuk cara mendapatkan esertifikat ini, teman-teman bakal aku jelasin lagi nanti di akhir ya. Nah, selanjutnya teman-teman juga dapat... mendapatkan sesi praktik dan juga Q&A dengan expertnya nih teman-teman. Ada sesi cash study, kemudian ada praktik untuk mini portfolio dan juga Q&A bersama expert.
Nah, benefit tambahannya seperti yang udah aku bilang, jadi teman-teman bakal mendapatkan diskon bootcamp dari learning sebanyak 15% dan juga teman-teman mendapatkan rakaman materi kelas yang dapat diakses di kapanpun dan dimanapun. Kemudian, teman-teman juga bisa mendapatkan lifetime community member. Selanjutnya, nah, buat teman-teman yang penasaran, S-Certificate dari MySkill itu bisa ditaruh di mana saja sih, Kak? Nah, S-Certificate dari MySkill ini teman-teman bisa cantumkan di CV pada bagian course and certification, atau teman-teman juga dapat melakukan. Bukan, saya dapat mencantumkan di LinkedIn profile dan LinkedIn profile atau LinkedIn post.
Nah, selanjutnya. Nah, buat teman-teman nih, mungkin udah ngesabar banget ya buat ketemu sama ekspor ahli di bidang UX, Research and Design. Nah, kali ini kita kedatangan tamu nih dari lain pasal, yaitu Pak...
Kamaludin Abdul Basit atau Kak Kamal. Nah, Kak Kamal ini adalah produk desainer dari Lion Parcel. Nah, mungkin teman-teman udah disini ada yang pernah dengar gitu ya Lion Parcel itu apa.
Nah, buat teman-teman yang belum pernah dengar, aku bakal jelasin sedikit nih tentang Lion Parcel. Nah, Lion Parcel ini adalah perusahaan di bidang dasar pengiriman yang didirikan pada 14 Februari 2013 nih. Nah, Lion Parcel ini melayani layanan pengantaran for smile hingga less smile untuk pengiriman domestik maupun internasional yang didukung oleh jaringan dan infrastruktur Lion Group. Nah, beberapa servis utama dari Lion Parcel itu ada jagopack, postpack, bigpack, blackpack, interpack, otopack, dan juga ada nih special service dari Lion Parcel, yaitu layanan pengiriman.
yang memerlukan penanganan dan waktu khusus yang dapat diselaikan dengan kebutuhan. Nah, buat teman-teman yang masih penasaran dan mau ngepoin lebih lanjut tentang Lain Parcel, boleh nih teman-teman follow sosial media dan juga kepoin nih website dari lainparcel.com. Nah, sebelum kita masuk ke kelasnya, ada beberapa peraturan nih teman-teman.
Nah, teman-teman diharapkan untuk mute mic dan juga menonaktifkan annotation ya. Dan juga recording dari kelas ini bakal di-share setelah kelas ya teman-teman. Jadi teman-teman nggak perlu lagi untuk merecord mandiri kelas kali ini.
Nah, materi atau PPT yang... bakal disampaikan nanti, itu nggak akan di-share ke peserta. Tapi, kami bakal share recording yang dapat teman-teman akses apapun dan dimanapun.
Nah, lalu, tidak ada pengisian form absen, tapi hanya ada form klaim sertifikat yang berlaku juga sebagai absensi teman-teman ya. Nah, nanti di akhir kita bakal ada CCQ&A yang menggunakan selido ya, teman-teman. Yang terakhir, aku harap teman-teman dapat menghadiri 100% kelas ini dan juga fokus mengikuti kelas dari awal sampai akhir. Nah, buat teman-teman yang penasaran nih, gimana sih cara dapetin sertifikatnya, Kak?
Nah, yang pertama, teman-teman bisa nih mengupload Twibone teman-teman ke media sosial melalui tvncast.com slash shortclassmyskilltwibone. Nah, teman-teman bisa menggunakan caption yang tertera di... webinari tersebut. Nah, teman-teman bisa mengupload tuibunnya ini ke sosial media manapun ya teman-teman.
Bisa Instagram, Facebook, dan sebagainya. Nah, selanjutnya teman-teman juga diharuskan mengerjakan mini-text secara mandiri. Yang proses pengerjaan mini-textnya nanti bakal aku jelasin setelah sesi pemateriannya teman-teman. Nah, setelah teman-teman mengerjakan proses mengerjakan mini-text, teman-teman diwajibkan untuk mengupload proses pengerjaan teman-teman ke sosial media dengan caption bebas sesuai dengan kreativitas teman-teman. Nah, jangan lupa juga untuk tag sosial media MySkill dan lain-lain, dan juga cantumkan hashtag Learn at MySkill.
Nah, selanjutnya teman-teman setelah mengupload Webon dan juga mini-test ke social media teman-teman, teman-teman submit link postingan ke form yang nanti bakal di-share setelah ini ya teman-teman. Nah, link form klaim sertifikat ini bakal ditutup hapus 2 setelah kelas ini, dan juga sertifikat teman-teman bakal dikirimkan melalui grup telegram maksimal hapus 7 setelah. pendutukan form ini nah selanjutnya teman-teman bisa nih meng-share kegiatan produkif teman-teman pada saat sesi shortlist MySkill ini dan jangan lupa untuk tag akun MySkill.id dan juga akun lain parcel ya teman-teman Nah, let's get started. Semangat mulai Ritesh Karir Impian.
Nah, mungkin sekarang apakah Pak Kamal sudah di sini? Aku sudah di sini. Oke.
Pak sudah siap, Pak? Sudah siap. Gimana nih, Kak Kamal, kabarnya?
Alhamdulillah, sehat-sehat. Lagi di mana, Kak? Lagi di rumah atau di mana, Kak?
Lagi di kantor, di Jakarta. Lagi di kantor, Kak. Oke, mungkin Kak Kamal bisa langsung masuk aja, Kak, materiannya. Oke, terima kasih teman-teman semua yang sudah hadir pada malam ini. Assalamualaikum warahmatullahi wabarakatuh.
Selamat malam semua. Hai kelin aku Kamaludin Abdul Basit sekarang kerja di layan ya di layan parcel tepatnya di YYX sendiri aku udah hampir 6 tahun ya, ya tahun ada berpengalaman sih di beberapa perusahaan startup ya terutama, nah mungkin kita langsung mulai aja ya karena ini kan sorot bas ya Jadi aku langsung mulai Aja ke PPT-nya Ini udah muncul ya Ini slide-nya udah muncul Sudah muncul pak Kak, Kamal, maaf sebentar, mungkin suaranya agak kurang jelas, Kak. Kurang jelas, ya? Iya. Hai kek kalau ini udah jelas dulu balik atau masih sama masih agak menggema Kak mungkin Kakak mal bisa mendekati apa mikir ke ini Kak suaranya Kak Sambil menunggu, teman-teman mungkin bisa siapin dulu ya alat tulisnya, atau mungkin persiapan untuk membuka Figma-nya.
Sekarang gimana Mbak, suaranya? Udah agak mendingan, Kak. Udah muncul ya?
Udah Kak Aman. Terima kasih teman-teman yang sudah edit hari malam ini. Jadi, kalau membahas tentang desain UI UX, lebih pasti apa sih tools yang kita pakai buat desain UI UX itu.
Banyak sebenarnya tools yang bisa kita pakai untuk mendesain UI UX. Cuma ada beberapa tools yang memang khusus untuk membuat UI UX karena fitur-fiturnya itu bakal ngebantu banget dari segi kita bisa ngedesainnya cepat, bisa menghasilkan lebih bagus, dan ketika kita kasih hasil desainnya itu bisa mempercepat proses pembuatan suatu produk. Karena UI UX sendiri kan tidak hanya berdiri sendiri sebagai...
satu desain UI UX sudah cukup tapi adalah bagian dari suatu life cycle product gitu karena kita termasuk bagian dalam pembuatan satu produk digital terutamanya nah apa sih tools yang sering digunakan ketika kita mendesain UI UX gitu nah ini ada 6 toolsnya ini Figma mungkin kalau teman-teman udah pernah denger gitu apa Figma gitu baru sekali denger gitu, Figma itu apa sih? Kita bakal masuk sedikit, apa sih Figma itu gitu kan? Kenapa sih kita pakai Figma? Kita bakal introduction di materi ini.
Kayak tadi, nah ini, kalau teman-teman mau find link-in aku, bisa ketik aja namanya atau scan di situ, teman-teman bisa lihat pengalaman kerjaku dan sebagainya sih. Tapi di situ jarang posting, teman-teman paling like-like. dan sebagainya itu Nah tadi kan kalau udah di tempat dijelasin sama balik apa itu lain-lain kita perusahaan logistik itu udah hampir 11 tahun ya ada di Indonesia kita bagian dari lain grup teman-teman mungkin ada yang belum pernah dengan lain parcel mungkin teman-teman udah pasti pernah denger layan air batik spray jet dan sebagainya itu adalah holdingnya lain drop dan lain parcel itu termasuk salah satu di dalamnya gitu teman-teman. Nah apa sih keunggulan kita gitu kan? Keunggulan kita di lain parcel ini kita dari mengambil paket, kita proses, kemudian sampai kita antar ke pengirim itu semuanya dilakukan oleh kita sendiri gitu kan.
Terus jangkauan kita di lain parcel ini udah hampir 98% area Indonesia teman-teman bisa. Irim dan terima paket gitu. Terus selain di dalam negeri sendiri, kita juga udah bisa melakukan pengirim internasional ya teman-teman. Ke 50 lebih negara di seluruh dunia.
Nah karena jangkauan kita udah 98 persen gitu kan, kita juga punya 7 ribu lebih agen yang aktif. Jadi teman-teman mungkin di setiap rumah teman-teman udah ada agen yang parcel, belum pernah nyoba. Teman-teman silahkan bisa nyoba. produk-produk yang kita punya gitu kita juga udah punya 15 terlebih ribu kurir gitu armada kita juga banyak di darat gitu kan ada sekitar 3000 lebih kemudian nah ini salah satu kegunaan kita karena kita dilayan grup maka kita punya aset 350 lebih armada penerbangan yang lain grup jadi kita bisa menjangkau ke hampir seluruh Indonesia dengan ya lebih cepat dari kompetitornya ya maksudnya kita punya armada sendiri itu kurang lebih kenapa sih teman-teman mungkin nanti kalau yang belum pernah nyoba lain parcel teman-teman bisa mulai nyobain layar parcel nah tadi ada layanan ya sebenarnya enggak enggak jauh beda ya kita punya jago PEC yang ekonomi gitu kan atau yang reguler kita punya bos PEC ada inter PEC buat internasional ada BigBank buat temen-temen yang butuh mirim barang gede gitu sama ada Otopax juga nih kalau temen-temen mau kirim-kirim kendaraannya gitu kan kita punya juga service dengan Otopax atau temen-temen punya special case nih atau special service ya temen-temen bisa hubungi CS kita aja buat kita cariin layanan yang maksimal buat dapet winning solution sesuai dengan kebutuhan temen-temennya nah layanan tersebut kan fokus utamanya di bisnis logistik ya teman-teman. Tapi kita tidak mengungkiri bahwa kita juga bisa memanfaatkan teknologi untuk memperluas jangkauan perusahaan, termasuk dari si UI UX-nya.
Jadi kita nilai parcel ini, ngapain si UI UX-nya? Kita bisa membangun produk website sama aplikasi yang digunakan untuk proses pengiriman, kita ke agen, intinya kita punya. aplikasi sendiri yang kita gunakan internal dan teman-teman juga bisa download ke line parcel di appstore sama di playstore itu teman-teman bisa gunakan untuk request paket, butuhkan pickup atau mungkin kirim barang teman-teman bisa cek website line parcel atau download langsung gitu nah oleh sebab itu kita punya produk digital maka kita butuh UI UX disitu jadi kita udah punya team UI UX sendiri Nah apa sih yang bakal kita pelajari malam ini gitu? Nah kita sebenarnya gak terlalu dalam ya teman-teman.
Karena nanti kalau teman-teman mau lanjut lebih dalam, teman-teman bisa ambil course-nya dari Mas Gil gitu. Tapi setidaknya sebelum teman-teman masuk ke course-nya gitu kan, teman-teman tau sih apa sih yang mau kita pelajari. Lebih kurangnya kita bakal kenalan dunia sama Figma gitu kan.
Kenapa sih kita menggunakan Figma, kelebihannya apa? Cara menggunakannya seperti apa? Nanti akan ada sedikit praktek ya gitu teman-teman.
Sama nanti ada mini-tasnya gitu, yang teman-teman bisa kerjakan sesuai dengan instruksi dari Mbak Diakun ya. Oke, mungkin kita mulai aja. Apa sih Figma itu teman-teman?
Nah, sebenarnya ini ya dari mereka tuh Figma itu apa sih? Udah jelas itu adalah software yang berbasis website. Nah, teman-teman.
Di sini gitu kan kalau laptopnya mungkin agak kentang tapi bisa buka web browser itu temen-temen bisa menggunakan figma.com. Nggak seperti aplikasi atau korel problem teman-teman yang harus download dulu gitu kan. Nah teman-teman tinggal akses aja figma.com gitu.
Nanti bakal kebuka websitenya. Nah ini software desain yang emang pada awalnya adalah khusus untuk pembuatan desain di Bayu. Dimana fitur-fiturnya dia bisa support.
gitu kan dari end to end dari awal sampai akhir proses UI UX itu dia bisa membantu banget sih desainernya nah cuman gak hanya buat desain UI UX ya teman-teman ahikmat itu bisa diulapel sebenarnya banyak hal gitu, teman-teman butuh ilustrasi buat UI UX nya, teman-teman bisa bikin list itu, bikin icon nya juga bisa atau teman-teman kebagiannya juga mau bikin infografis gitu kan, nah teman-teman gak perlu lagi buka photoshop buka pada bilisator, teman-teman bisa lakuin di Figma juga, teman-teman mau bikin presentasi, teman-teman juga bisa lakuin itu di Figma jadi, udah jadi all in one tools lah teman-teman buat desain, jadi gak perlu teman-teman subscribe banyak gak perlu beli-beli software lain cukup teman-teman pakai Figma itu teman-teman bisa melakukan banyak hal lah, yang berhubungan sama desain Nah dari kesemua proses tadi selain UI UX tentu saja, di UI UX ini salah satu yang kita desain di Line Parcel. Ini adalah customer apps-nya Line Parcel. Nah tentu saja bisa lihat ini bagian UI UX yang kita desain di Figma.
Kemudian kita juga bikin ilustrasi sendiri. Ilustrasi sendiri kita bikinnya di mana? Bikinnya di Figma juga.
Tentu saja bisa melihat ilustrasi dalam bentuk terlihat. seperti tiga dimensi, nah ini kita bikinnya juga di 5 jadi kita gak perlu banyak pelangganan jadi kantong gak jempol lah cukup pelanggaran Figma kita bisa melakukan banyak hal gitu. Nah icon ini bikin icon kita bikin sendiri juga.
Nah bikin banner, grafik desain kita juga bisa bikin banner yang seperti ini, ini bisa dibikin di Figma dulu. Jadi all in one solution lah buat desainer gitu. Nah apa aja sih kelebihan Figma yang kenapa akhirnya kita pilihlah pakai Figma aja gitu.
Nah, padahal ada nih tools-tools lain, teman-teman. Ada Canva, ada Photoshop, ada Sketch, ada Corel Draw, dan lain-lain. Sebenarnya, teman-teman mau ngedesain di manapun, gitu kan.
UI UX ini bisa aja. Teman-teman mau bikin di Photoshop, bisa. Di Corel juga bisa. Di Canva, Canva juga udah ada fitur khusus buat UI UX, gitu.
Cuman, ada banyak kelebihan-kelebihan yang gak dimiliki tools-tools lainnya. Ada di Vigma, gitu, teman-teman. Kenapa? Karena proses desain UI UX ini pada akhirnya itu bukan produk akhir ya teman-teman. Seperti teman-teman membuat desain grafis, membuat ilustrasi, itu produk akhirnya itu teman-teman yang bakal teman-teman kasih ke orang lain, ke stakeholder, oh ini desainnya udah beda hanya sama UI UX.
Teman-teman ketika desainnya udah jadi, nanti si desainnya masih harus diimplementasi oleh developer atau programmer. Nah ini di Figma ini kita bisa mempermudah transisi antara handover dari kita sebagai desainer kemudian kita kasih ke developer, ke programmer buat diprogram terus desainernya jadi gitu. Nah ini ada fitur-fitur yang bisa kita manfaatkan agar si antara desain sama hasilnya itu mirip banget gitu.
Nah itu nanti bakal kita jelasin di dalam ini. Nah ini apa bedanya sama Figma? Nah kalau di Figma ini, sebenarnya mungkin kalau teman-teman pernah pakai Sketch atau Adobe XD, ada beberapa di sini yang ada di mereka. Cuman kalau selengkap ini, sampai saat ini gitu, masih baru Figma aja yang punya gitu.
Nah apa aja sih? yang pertama ini adalah area kerjanya teman-teman ngedesain UI UX disini teman-teman ngedesain ilustrasi disini bikin icon juga disini jadi dapat digunakan untuk beragam kebutuhan desain ini salah satunya tadi ya teman-teman lihat logo-logo ini kan jago pack, rig pack nah ini dibikin sama desainernya desainer UI UX-nya yang parcel bikinnya di Figma kalau teman-teman mungkin yang udah biasa ngedesain, yang bikin ini kalau nggak di Corel Draw, di Adobe Illustrator ya teman-teman, tapi ini bisa dilakukan di Figma terus apalagi sih selain ini nah ini yang mungkin akan mulai terasa kalau teman-teman udah kerja bareng banyak orang ngedesainnya nggak cuma sendiri, turunnya ada lebih dari satu orang, ada setiap yang ingin lihat atau kalau teman-teman freelance ada klien yang ingin lihat gitu kan nah teman-teman bisa kita kasih link aja lalu mereka bisa lihat bedanya kalau teman-teman pakai Photoshop, Illustrator ya teman-teman harus kasih filenya, mereka lihat komen, terus kasih feedback kita bisa multi-user collaboration ya bisa real-time juga ya teman-teman kita ngobrol apa mereka bisa lihat gitu atau teman-teman sesama desainer butuh diskusi, langsung bisa diskusi di alaman C4-nya langsung di alaman desainer, di link-nya di mana itu, teman-teman bisa kolaborasi langsung lah atau kalau teman-teman punya akses yang sama, teman-teman bisa saling edit gitu kan oh ini lamanya kurang nih, ikurannya kurang bagus nih, coba saya ganti sendiri gitu nah itu bisa gitu, kalau teman-teman punya akses yang sama Nah terus ada prototyping, ini mungkin yang nggak ada di TOSUS, di SEM lainnya nggak khusus buat UI UX ya. Jadi kalau gambar itu worth untuk ribuan kata gitu.
Kalau prototype ini worth untuk ribuan meeting, daripada ribuan meeting gitu kan. Kita ngobrolin, ini produknya akan seperti ini, seperti ini, kita tunjukin aja. Ini contoh produknya nanti ketika udah di... bikin sama programmernya gitu kalau diklik ini dia pindah kemana kalau diklik ini muncul apa apa yang akan terjadi kita bikin tanpa harus kita holding gitu.
Nah tapi, ya ini keribetan prototypingnya sepertinya yang menemukan ada banyak kabel-kabelnya, kalau ini diapain, bakal mau icul mana gitu kan. Nah ini, temen-temen bisa lihat seperti ini. Cuman kita bisa lakukan itu. Kita bisa bikin prototypingnya dari desain yang kita bikin.
Jadi ntar dulu deh mau developnya gitu kan. Harganya pasti mahal kalau ketika ada perubahan gitu kan. Ke programmernya ada perubahan, ada perubahan dan sebagainya. Bisa di-emblokir, nah kalau di sini bisa ketahuan.
kalau terakhir ini nggak cocok, kita bisa lakukan ubah di sini. Atau di Figma ini bisa melakukan hal tersebut, bisa melakukan prototipe. Lanjut, ada apalagi, ini salah satunya nih, web-based.
Walaupun sebenarnya Figma juga ada aplikasinya, cuma ketika digunakan di website, kita akses website-nya, penggunaan memorinya lebih sedikit dibanding teman-teman. install aplikasinya, dan maka kalau teman-teman mungkin udah pakai tablet atau pakai iPad yang agak high-end gitu, yang agak mahal kayak tipe Pro atau pakai M1 teman-teman bisa langsung ngedesain di sini, di iPadnya langsung buka web browser, figma.com dan teman-teman bisa bahkan bisa ngedesain untuk sekarang teman-teman buka figma.com di browsernya HP sekarang udah bisa, nggak bisa kalau agak sulit ya temen-temen. Temen-temen bisa coba sendiri, temen-temen bisa buka file Figma, bisa melihat warna, bisa melihat properties dan sebagainya. Oke, nah ini tadi masih ada hubungannya dengan multi-collaboration. Ini juga bakal mempersingkat atau mempersedikit apa ya, langganan temen-temen ke aplikasi lain.
Contohnya kalau dulu kalau sebelum ada ini ya teman-teman oke kita meeting yuk kita pakai Zoom misalnya pakai Zoom kalau nggak berbayar kan terbatas gitu terus pakai Google Meet teman-teman bisa komunikasi langsung di Vigma gitu lah teman-teman join ke linknya terus join space join apa ya pokoknya teman-teman bisa berkomunikasi langsung disini lah sambil menunjukin oh elisirnya kemana ikutin kursor buluang gitu ini bisa semua dilakukan di Vigma teman-teman bisa berkomunikasi, bisa ngasih feedback juga gitu. Oh, teman-teman ngarahin desainnya ke mana, oh ini kurang apa gitu kan, kurang besar ukurannya gitu kan. Atau mau ngasih appreciation, oh ini udah bagus banget desainnya gitu.
Nah, ini bisa gitu. Dan spesifik ke halaman mana gitu. Jadi, nggak perlu screenshot gitu kan. Teman-teman screenshot, kirim ke stakeholder, ini apa lah hasil desainnya gitu kan, gimana. Kirim ke WhatsApp.
Nanti dia kasih feedback, terus kita balik lagi. Nah, itu juga nggak. mau lihat history atau percakapan feedbacknya itu gimana sih?
Ini udah bener atau belum? Atau udah diberi atau belum? Teman-teman, kalau pakai fitur komunikasi di Simba, itu ada historinya.
Oh, ini si Pak Sini. Simba Jeni ini udah ngasih oke. Oh, berarti udah oke disini. Buktinya apa ketika ini? Kita tinggal buka lagi.
Ini loh komennya Simba Jeni. Ini berarti dia udah buka banget disini. Terus nih, komponen dan library Ini juga yang Mungkin gak teman-teman Dapatin di aplikasi Non-UI UX ya, walaupun Sesama desain gitu, nah teman-teman bisa Digunakan Apa ya, berkali-kali Dan bersama-sama Nah kalau teman-teman buat button Antara setiap orang dan orang lain Ini bisa jadi Berbeda ya teman-teman ada yang textnya gede, ada yang textnya nggak tebel, ada yang ujung-ujungnya tidak mau bulat, atau tidak rounded, tiap orang punya style yang berbeda. Nah padahal komponen ini dipakai berkali-kali ya, kalau teman-teman desain satu artikel atau website, penggunaan button ini akan banyak, baru masuk ke halaman pendaftaran ada button, masuk ke halaman login ada button gitu.
Nah kalau teman-teman... bisa pakai komponen dan library, teman-teman bisa konsisten. Ada teman yang lain, sesama desainer, bikin juga alaman yang membutuhkan button. Ya sudah, tinggal ambil saja, karena sudah ada di perpustakaannya. Tidak usah bikin-bikin sendiri, ide sendiri, warnanya beda, ukuran beda.
Ini sudah ada, sudah disediakan. Kita sudah bikin satu untuk barang-barangnya. Kalaupun ada perubahannya, tinggal... berubah aja di masternya misalnya ini warnanya kayaknya branding line parcel mau jadi hijau deh kan PR banget ya kita punya ribuan halaman yang menggunakan button warna merah itu kalau teman-teman nggak pakai komponen ini dan library-nya teman-teman perlu ubah semua warnanya satu persatu di ribuan halaman yang sudah pernah dibikin nah kalau teman pakai komponen dan library teman-teman ubah aja di masternya warna merah jadi hijau jadi semua button yang digunakan itu bakal berubah jadi hijau semua temen-temen nah itu tadi seperti yang dibilang di awal bahwa UI UX ini bukan produk akhir ya temen-temen bukan produk akhir karena ketika hasil risetnya udah di riset udah dibikin stack holder udah oke semua jadi nah kita masih harus hangover kita harus masih serahkan ini risetnya tolong dibikin aplikasinya atau tolong dibikin nih website-nya pakai Photoshop udah minta lebih ada ya teman-teman fitur ini Nah kalau pakai tigman namanya ada developer-developer yang oke jadi mengudahkan developer untuk implementasi desain temen-temen yang pernah nyoba-nyoba modi atau belajar pasti ada kode-kode seperti ini Nah ketika desainnya diklik ya teman-teman, dia bakal langsung ngasih tau gitu kan, ini loh kode CSS-nya, tipe display-nya apa, flex, lebarnya berapa, 400, 98 piksel gitu.
Kalau gak ada fitur ini bisa jadi sih developernya gilang-gilang, 400 sih kayaknya atau 500 gitu. Ketika diimplementasi berbeda, ribut lah atau UI-UI. Saya kan udah ngasih nih 500px, kenapa sih kamu giniinnya cuma 400px gitu?
Kalau ada kayak gini gak bakal ada ribu gitu. Ini loh buktinya, 468px gitu. Dan sebagainya sih, intinya akan memudahkan penggunaan warnanya seperti apa. Ada jarak margin paddingnya berapa, itu ketahuan semua di sini. Jadi gak perlu nanya-nanya lagi gitu.
Lalu per ngechat sama desainernya, ini bro ukurannya berapa gitu, ini gak perlu gitu. Mereka tinggal klik aja komponennya. bahkan kode nya ini bisa tinggal di copy paste aja gitu ke text editor mereka udah copy sih udah udah nggak bakal ada perbedaan ini yang nggak akan teman teman temukan di aplikasi desain yang lain gitu kan atau tools desain yang lain nih ada version control apa sih version control gitu Jadi ini fitur historical ya, mungkin kan justru melihat dan membalikkan desain dari sebelumnya. Nah, sudah pasti ya ketika kita mendesain UI UX itu banyak banget yang kita ajak ke role. Ada lead designer, ada mungkin stakeholder-nya, bahkan mungkin si level-nya, ada ke team marketing, ada ke team product, ada mungkin ke team ops-nya juga.
Ini sudah oke si desainnya. Oh, ini kurangin ininya, kurangin itunya. balik lagi gitu kan udah sehari oke ternyata ada feedback lagi oh ini bakal kesulitan nih kurirnya ketika kita implementasi lisensi seperti ini cuma balikin ke kemarin kan kita udah gak bisa kontrol Z ya temen-temen gimana sih lihatnya gitu padahal udah kita hapus temen-temen punya namanya fashion history gitu ini contohnya nih siapa yang mau sinkron ada kamu sama Orin di 3 hari yang lalu.
Nah ini pada ngedit file-nya di satu halaman yang sama gitu kan. Oh si Kamal ini juga udah ngeklik bahwa ini ready to dev 4 menit yang lalu. Nah ini udah ada historical-nya teman-teman. Teman-teman butuh desain 3 hari yang lalu lainnya deh yang ada fitur A-nya gitu. Hari ini udah ke-delete ya, teman-teman tinggal balik ke 4 hari lalu atau 3 hari lalu, masih ada ya.
Teman-teman tinggal copy, balik lagi ke depan tinggal paste. Jadi... nggak perlu ngira-ngira, nggak perlu bikin dari awal lagi, teman-teman bisa ngelihat historinya di situ. Terus ada apa lagi nih? Ada plugin ya, mungkin yang terimpakai tools-tools IT kali ya, bahkan familiar lah sama namanya plugin ya, ini plugin ini bakal ngebantu banget gitu kita untuk di proses desain, terutama di Figma ini ya, teman-teman.
Contohnya apa gitu ya? Ada contoh ini adalah Eva Icon. Teman-teman yang punya bikin icon sendiri, kalau mau bikin satu produk, nggak mungkin dong main parcel, punya bikin icon-nya sama kayak Tokopedia. tinggal copy paste kita bikin sendiri gitu atau kalau teman-teman lagi latihan gitu kalau lagi latihan masa bikin sendiri sih gitu kan sampai gitu kan kita pengen lihat layoutnya aja deh gitu iconnya kita enggak pengen bikin dulu ya temen-temen pakai plugin aja gitu icon tinggal cari yang cocok lagi nya oh ini cfa iconnya tinggal ambil aja gitu searchnya ada love wishlist ya tinggal ambil aja gitu, jadi temen-temen gak harus bikin dari awal lagi dan banyak banget lah plugin ini gitu ngebantu nanti saya coba contohkan ya temen-temen contoh beberapa plugin yang sering banget dipake UI UX Design nah itu tadi kan fiturnya udah mantep banget ya temen-temen gitu kan sudah pasti ada harga yang harus dibayar gitu teman-teman jadi jangan kaget ketika teman-teman melihat harganya gitu teman-teman kudu bayar 15 dollar per bulan per orang bedanya adalah teman-teman mungkin ya jangan dulu photoshop bisa ya krek-krekkan gitu Figma gak bisa ya teman-teman Figma itu biasanya online gak ada krek-krekannya kalau teman-teman gak berbayar atau nggak subscribe atau nggak langganan, ya teman-teman bisa dapet fitur free-nya sih.
Tapi nggak semuanya dijelasin tadi teman-teman dapet gitu. Ya teman-teman bisa bikin desain gitu kan, bisa bikin file tiga kolaboratif, bisa bikin unlimited personal draft gitu. Ya mau buat sendirian mah bisa gitu. Terus sama basic file inspection ya cuman ini doang gitu. Kalau teman-teman mau dapat fitur yang tadi yang dijelasin, teman-teman perlu bayar 15 dolar per bulan.
Itu berapa ya? Sekitar 250 ribu lah teman-teman per bulan. Karena teman-teman butuh buat apa gitu. Mau organization, mau enterprise gitu. Atau mau professional team ini buat mandiri lah.
Buat sendiri cuma kita butuh banyak fitur. Cuma tenang aja teman-teman. Jadi saya lihat teman-teman ini banyak yang masih sekolah, masih kuliah, mungkin ada yang jadi dosen. Nah, Figma ini ngasih akses teman-teman buat belajar.
Intinya teman-teman bakal dapat yang ini, yang profesional. Padahal daftar Figma pakai, sayangnya ya harus pakai email organisasi teman-teman. Misalkan kuliah di mana gitu kan.
UGM terutama harus pakai ugn buat belajar itu bisa buat dosen atau bisa buat eh di mahasiswanya gitu Oke nah itu tadi kira-kira apa aja sih fiturnya gitu nah gimana sih kita cara pakai fitur-fiturnya itu gitu Nah kita bakal masuk ke penggunaan fitur Ini bakal saya jelasin sedikit aja ya, Bapak-Ibu. Apa sih yang bisa dilakukan di Figma? Atau kamu harus ngapain aja di Figma?
Apa yang harus diperhatikan? Nah, sebenarnya secara garis besar di Figma itu ada empat area kerja yang teman-teman bakal gitu-gitu aja terus. Kesana, ngebikin ini, berdekat di sana menunya, ngeliat.
punya dimana, itu ya gitu-gitu aja jadi ada area gambarnya ada statement yang di atas di kiri sama di kanan, itu udah pasti akan ada selalu di sana, cuman yang tiap komponen akan berbeda aja nah contohnya, kalau teman-teman yang belum pernah buka Figma ini yang orang teman-teman lihat ketika pertama kali buka Figma di tengah ini ada area gambarnya, kalian mau menggambar, membuat desain apapun, layout, teman-teman akan melakukannya di tengah sini juga teman-teman terus ngapain aja di situ gitu, nah teman-teman ke menu yang di atas ini teman-teman ada file, edit, view, object, text, arrangement, dan sebagainya, nanti teman-teman boleh cobain satu-satu sampai puas deh gitu ini di file ada apa aja, di edit ada apa aja, object ada apa aja kemudian di menu yang atas ini nah ini tools-tools yang biasanya ya ini aja yang bakal digunakan sama si desainer gitu, ada rectangle ada line, row ellipse, polygon dan sebagainya atau kita mau attach gambar ya ini aja sih yang bakal teman-teman pakai ketika proses desain, tidak jauh-jauh begitu kan, di area-area atas ini teman-teman pasti ke atas lagi ambil rectangle, itu teman-teman sudah jago gitu kan, sudah pakai keyboard saja ada shortcutnya kalau mau bikin rectangle tinggal tekan R, bikin line tekan L saja gitu, atau row pakai shift L teman-teman ya pakai sesuai dengan kebutuhan teman-teman, ini di atas nih Setelah atas yang kita perhatikan, ngapain lagi sih? Nih, teman-teman ke area, saya jual kiri dulu. Di sana itu ada layar perlayaran. Kalau teman-teman buat satu objek, maka akan muncul di layar sini.
Teman-teman bikin text, bikin rectangle, bikin frame, ini bakal muncul di sini semua pengaturannya. Teman-teman ada page di sini. setiap alamannya teman-teman bisa bikin alaman binance disini tinggal organize disini di area yang kiri terus teman-teman juga tadi kalau udah punya library gitu kan mau bikin button ya teman-teman gak perlu kesini gitu kotak bikin button gak perlu kalau teman-teman udah punya library tinggal ambil aja disini dari file mana tinggal ambil gitu nah ini kan teman-teman Bikinnya disini ya, udah ke bikin disini ada text, ada rectangle, ada frame. Nah, teman-teman ke area sisi kanan. Di area sisi kanan ini ada properties-nya.
Jadi ketika teman-teman klik text gitu kan, ini properties-nya tentang text. Kalau teman-teman klik button, ya ada rectangle disitu, ada warna. Disini pengaturannya juga.
Ya, cuman gitu-gitu aja. Teman-teman bikin objek di atas, muncul di layar kiri, nanti teman-teman pengaturan ukuran, pengaturan warnanya itu ada di kanan semuanya. Nah, itu tadi teorinya aja ya teman-teman.
Kadang kalau teori aja kita bingung ya. Bingung, gimana sih aslinya gitu. Kita coba praktek sedikit.
Kita masih punya waktu sekitar 15 menit ya. Mudah-mudahan cukup ya teman-teman. Oke, coba kita sharing lagi.
Oke, ini udah muncul lagi ya teman-teman. Nah, ini adalah praktek yang ada di Minitask ya teman-teman. Oke, kalau teman-teman dapat ini, teman-teman tinggal download aja ya teman-teman.
Ketika teman-teman dapat filenya, tinggal teman-teman masuk ke file di sini. Terus nanti teman-teman set to local copy ya teman-teman. Hai serta lokal copy nanti ada.com download temen-temen masuk ke nanti teman-teman tinggal import aja ya tinggal import di sini ada create new di atas temen-temen bisa klik nanti import teman-teman tinggal import komputer.com nanti bakal prosesnya Hai proses akut dan akhirnya temen-temen bisa buka nih halaman praktis nah seperti yang kita tahu tadi ya temen-temen ini adalah atas itu kan ada kiri sama ada rekan kita bakal coba ngepraktekin salah satu bagian dari bagian satu kita coba bikin kita punya kita punya ada icon akbar ya, ada home, ada apa di sini, ada beranda, ada paketku, ada bayar, ada akun ini kan belum kebikin ya seperti ini, teman-teman tapi udah punya iconnya, teman-teman bisa dimulai dengan apa?
pertama itu biasanya temen-temen itu ngarah ke frame dulu ya ngarah ke frame atau tekan F di keyboard nah kita, nah di sebelah kanan bakal dikasih pilihan, kamu mau bikin apa sih? oh mau bikin desain yang ukurannya apa? ukurannya iPhone 8, eh iPhone atau Android?
mau Android 8 cek gitu, nah temen-temen bakal muncul Android large ini frame itu area kerja satu halaman kita sebutnya satu halaman untuk setiap desainnya pakai frame oke teman-teman mau bikin akbar seperti ini sekarang teman-teman punya icon ini icon yang aktif ini icon inaktif semuanya udah dibikin variannya ini ada dua ada icon aktif ada icon yang aktif caranya apa ya teman-teman tinggal copy aja gitu dari kanan Hai opi aja langsung ini opi arahin dimana aja bebas temen-temen Oh ini udah ada kita butuh apa di sini untuk teks namanya beranda teman-teman disini terus arahin mau di mana kita tulis berendah Ini text bakal muncul di layar yang kiri ya teman-teman. Nah pengaturannya, ukurannya berapa, warnanya apa, teman-teman bisa lihat di sebelah kanan ini. Oh ini kita pakai inter ya teman-teman textnya.
Sedangkan di sini kita pakainya adalah teksturnya Monstera. Yaudah teman-teman tinggal atur aja di sini. Di properties yang sebelah kanan dicari Monstera.
udah berubah monster red dia bold gak? oh dia bold gitu kan temen-temen tinggal ubah aja dari regular ke bold warna nya masih putih pengen warna merah warna merahnya lagi ini apa ya? temen-temen ini udah saya sediain temen-temen tinggal di klik di klik layarnya dimana oh di propertisi belakangnya nih ada warnanya ini kodenya cd4425 ini teman-teman tinggal copy aja di block semuanya di copy kita balik lagi ke text yang tadi oh text ini kok masih putih yaudah kita ubah di fill yang kodenya fff itu putih kita paste aja dari tadi nih jadi warna merah udah mirip bro udah mirip berantakan kok ini ukurannya lebih kecil ya udah temen-temen tinggal aturin aja disini kok ini ukuran 12 kayaknya ukurannya 10 deh udah sama nah temen-temen tinggal di block semuanya klik kanan group jadi kalau temen-temen butuh ini tinggal di klik jadi gak perlu klik dua-duanya ini udah di group nah disini layarnya yang muncul ini group 117 nah ini kegernarannya otomatis gitu. Biasakan kalau punya waktu luar kita kasih nama aja.
Ini namanya apa? Number beranda. Last beranda.
Number slash beranda. Ini kok kiri kanan ini gak pas ya temen-temen. Temen-temen ini gak klik aja gitu. Double click objeknya arahin ke kiri ke kanan.
Pasti udah. Hai ini kita perlu ngira-ngira ya temen-temen di sini ada propertis ini bagian atas merata tengah rata kiri rata kiri rata kanan rata tengah nih udah cocok bilang udah kebikin paketmu yang beranda ya mau bikin paketmu dong paketmu ini pakai yang inaktif teman-teman bisa lakukan hal Ambil satu paketmu di klik kanan copy kanan copy. Teman-teman harus lakukan hal yang sama.
Teman-teman tulis paketmu. Enggak bohong. Reguler, warnanya abu-abu.
Warnanya abu-abu. Ini abu-abunya. warna hitam, sama kita block juga, kita kasih nama juga, per paketmu, kasih rata tangan juga, udah ke bikin ya paketmu, ada bayar ada akunan, temen-temen lakukan hal ini sama Hai kalau teman-teman tadi melihat ini ada salah satu kumpulan gimana kita pakai library library atau pakai komponen teman-teman bisa melakukan ini itu menurut copy gitu kan kemudian persis ini berandanya kita duplikat lah gitu kalau temen-temen pakai komponen dan lebih berantin ada bar-bar Anda ini bayar bayarnya yang apa yang belum atau tinggal warna-warna yang juga sama jadi bahaya ya akun temen-temen juga udah bikin juga udah udah ganti aja di sini untuk profil cepet itu teman-teman tadi satu-satu copy paste lagi bikin lagi itu bakal lama banget itu salah satu keunggulan kita menggunakan komponen library kita masih punya waktu 6 menit lagi ya teman-teman tinggal bikin lagi aja ya gini, udah jadi ya teman-teman teman-teman tinggal bikin rectangle gitu kan, rectangle bikin sepanjang gini berapa sih ukuran ini? nah disini juga teman-teman bisa lihat propertisnya, ukuran lebarnya berapa?
360px, tingginya 800px kalau kita pengen bikin nabar kayak ini, lebarnya berapa ini? 360px berarti yaudah, tinggal kita atur di 360px Tingginya berapa ya temen-temen? Kirain aja nih.
Temen-temen kesini tarik, oh sekitar 55. Warnanya apa? Putih, warna putih. Taruh disusun ratus-ratus.
Sebenernya ada teknik yang lebih cepet ya, teknik auto layout. Tapi nanti temen-temen belajarin sendiri aja. Disini kita bikin, pokoknya desainnya sama deh kayak yang ini. teknik-teknik lebih cepatnya nanti temen-temen pelajarin dikursus lanjutannya MySkill aja atau temen-temen pengen ngeliat di Youtube silahkan temen-temen tinggal atur aja gitu bayar, metri namanya, akunnya tinggal atur aja udah pas belum anggap seperti ini ya temen-temen ini bisa di block semua tempat-tempatnya diatur atau bawahnya udah oke dan mirip kira-kira ya udah temen-temen grup lagi selection kasih nama di sini nah bar nih nah bar udah jadi temen-temen tinggal temen-temen geser aja ya pindahin masukin ke dalam frame nya buat si nakbarnya nanti teman-teman lanjutin sendiri buat bikin yang ini bikin yang ini dari resource yang sudah dikasih disini gitu ada muskera warna-warnanya apa udah ada di sini ada apartannya ada menu fiturnya bahkan ini menu filmnya sudah disediain ya teman-teman tinggal pakai aja tinggal masukin ke sini terus nih ada icon-icon, logo type-nya juga temen-temen tinggal pakai aja kalau temen-temen ada icon seperti ini nih, ada icon chat, lonceng, scan, dapetnya dari mana nih?
nih saya kasih temen-temen masuk ke area sini ya, ke komponen plugin sama widget temen-temen ke plugin, temen-temen cari yang namanya icon, bebas nanti temen-temen mau pakai apa kalau saya biasanya pakai Hai, kami Fai. kita run aja dia bakal muncul nih identify temen-temen butuh apa kalau disini pakai bahasa Inggris ya temen-temen jadi misalkan button ini obrolan atau chat ya coba kita cari chat yang mirip yang mana? bebas lah temen-temen, yang penting mirip deh kalau yang ini, temen-temen tinggal klik terus import icon, icon-iconnya ada disini tinggal kita masukin ke dalam sini, ditahan yaudah temen-temen tinggal susun icon nanti oh bagian atas apa gitu, ada lonceng scan kemudian ada search teman-teman tinggal bikin atau icon yang gak ada tinggal cari aja pakai plugin gak apa-apa yang penting semua yang ada disini nanti bisa masuk ke sini gitu kan wah udah jadi proses kayak gini kalau icon-icon yang general kayak gini yaudah teman-teman nanti cari deh sekalian nyambahin fitur plugin kenapa sih kita harus pakai plugin ini coba teman-teman bikin deh satu icon ini Ini gak kurang dari 5 menit, teman-teman harus ngetaktik bikin ini.
Kalau teman-teman bukan satu produk yang harus punya lisensi. Karena kita di Lentarsel pasti bikin sendiri. Bikin sendiri, kita punya library sendiri.
Kalau teman-teman masih explore-explore, yaudah teman-teman pakai aja. Pakai pelan-pelan. Ini mungkin teman-teman... kalau mau lihat seberapa cepat pelajar itu membantu kita teman-teman bisa punya list nama dokter atau nama siswa gitu kan teman-teman group teman-teman harus bikin ini jadi banyak nih saya pakai duplicate ya, control D jadi banyak nih teman-teman Hai teman-teman coba dikasih nama-nama orang lain berbeda satu-satu ini bakal banyak waktu teman-teman cukup tinggal blog pakai kontrol itu nya di blog aja sih blog aja namanya blog blog blog teman-teman perbelanjin karena pengen cari namanya konten real ini salah satu lagi ini pengen bukin seberapa cepat sih plugin bisa membantu teman-teman.
Yaudah teman-teman butuh nama yang random deh, gitu full name. Loyal. Nih, semuanya berubah, namanya. Gambar juga nih, kalau masukin satu-satu gambar itu pasti lama. Teman-teman blog juga cari di sini ada mesti gitu.
Ada mesti avatar, oh ini ada avatar nih paling atas. Klik, dan semuanya berubah. Ya teman-teman gak perlu moyok-moyok lagi ambil gambar satu-satu. Ya udah pakai pelan ginanya.
Gitu kurang lebih teman-teman buat ya apa ya pengenalan Figma. Tidaknya teman-teman ketika nanti ikut kursusnya dan nyari-nyari di Youtube itu udah kebayang lah. Figma itu seperti apa. Bisa ngapain aja sih di sini. Kurang lebihnya ya Mbak.
Ya ini waktunya udah. habisnya, Mbak Leit. Iya, benar.
Terima kasih, Kak Pama, atas penjelasannya. Wah, menarik banget nih. Teman-teman pasti dapatkan insight baru ya tentang cara penggunaan Figma, terus kemudian kelebihan Figma daripada aplikasi yang lain. Nah, mungkin teman-teman yang mau belajar lebih dalam tentang aplikasi Figma gitu, dan penerapannya di UA UX Research and Design, boleh nih teman-teman daftar bootcamp UA UX Research and Design di MySkill dengan kode promo MYSKILL15.
Nah, buat teman-teman yang langsung daftar sekarang, boleh nih teman-teman langsung dapat diskon nih 15%, kan lumayan banget ya buat belajar lebih dalam dengan UA UX Research and Design. Nah, selanjutnya, Aku bakal menjelaskan tentang mini tes nih, teman-teman tadi banyak banget ya yang nanya tentang Kak, mini tes pemerjaan ini gimana Kak? Terus, cara...
Uploadnya gimana, Kak? Nah, aku bakal jelasin ya, teman-teman, tentang mini-test ini sekarang. Oke, nah jadi teman-teman boleh buka link yang udah dikirim di chat Zoom tadi.
Boleh dikirim lagi ke Arap. Nah, sambil menunggu ini... aku masih tau teman-teman kalau linknya minitest ini gak option access ya teman-teman, jadi teman-teman bisa mendownload dulu ppt atau powerpoint dari minitestnya ini buat teman-teman kerjain di device teman masing-masing, nah seperti yang terlihat di gambar itu teman-teman klik file, kemudian klik download dan pilih Microsoft PowerPoint.
Nah, lalu setelah teman-teman udah buka nih Microsoft PowerPoint-nya di device teman-teman, nah, teman-teman sebelum itu boleh ngisi link post-test dulu nih ya teman-teman di PPT yang udah teman-teman download. Nah, setelah teman-teman menguji pengetahuan nih. pengetahuan teman-teman tentang materi tadi, teman-teman bisa buat rangkuman untuk materi yang udah teman-teman pelajarin pada slide 3. Nah, kalau teman-teman merasa kurang, gak cukup gitu ya, satu slide aja, teman-teman boleh nambahin lagi slide-nya, bisa 3 slide, 4 slide setara teman-teman. Nah, selanjutnya. Nah, selanjutnya teman-teman bisa recreate design UX on Figma dengan teman-teman pertama mendownload dulu Figma Practice yang ada di slide 1. Kalau misalnya teman-teman masih kebingungan ya gimana cara mendownloadnya atau mengakses Figma-nya, teman-teman bisa membaca panduan yang ada di slide 1 juga.
Nah, seperti yang ada di situ. Nah, setelah teman-teman sudah recreate nih desain sesuai dengan yang teman-teman mau gitu ya, nah, teman-teman bisa save atau screenshot hasil pengerjaan teman-teman, dan kemudian teman-teman masukkan ke dalam slide yang keempat gitu ya, yang di bagian recreate hasil pengerjaan, recreate UI UX design on Figma. Nah, Setelah itu, teman-teman bisa lanjut lagi buat mengisi username sosial media teman-teman. Bisa Instagram, Twitter, LinkedIn, atau terserah sosial media teman-teman punya apa. Nah, kemudian setelah teman-teman mengerjakan...
mengerjakan UX design tadi, teman-teman bisa mengupload hasil penggerjaan teman-teman di salah satu media sosial teman-teman. Nah, yang diupload itu bisa berupa file, ppt, ataupun hasil screenshot dari slide ini ya, teman-teman. Nah, teman-teman bisa membuat caption sebebas teman-teman, gitu.
Tentang pengalaman belajar di MySQL bersama dengan Lion Parcel. Nah, jangan lupa juga untuk follow dan... teks, sosial media, MySkill, dan lain persel. Nah, setelah teman-teman mengupload Twibone dan juga mini-test dari UX Research and Design ini, teman-teman bisa meng-input link postingannya ke dalam form plan sertifikat. Maksimal pada hari Sabtu 14 September 2024 pada pukul 23.59 WIB.
Nah, link ini juga bisa isi sebagai absen teman-teman dan juga sebagai cara untuk klaim sertifikat nantinya ya. Nah, sertifikat ini nanti maksimal akan dikirimkan di grup telegram paling lambat hapus 7 setelah berutupan form ya teman-teman. Nah, mungkin itu aja penjelasan dari mini test. Selanjutnya kita akan ada...
sesi Q&A nih bersama Pak Kamal Nah, mungkin kita langsung ke pertanyaan yang paling atas aja nih ya, Kak. Dari Anonymous nih, Kak. Mau nanya, Kak, web design dalam Figma itu apakah gratis atau ada sebagian yang berbayar ya, Kak? Boleh langsung aja jawab aja nih, Kak. Oke, kalau cuma untuk ngeresurnya gitu, dari awal sampai akhir proses desain web design ini pasti...
pakai free itu udah lebih dari cukup ya kecuali teman-teman mau pakai fitur yang tadi ya developer handoff dan sebagainya itu kudu berlangganan cuman kalau teman-teman tugasnya cuman buat practice atau belajar atau walaupun buat kerja juga sebenarnya udah lebih dari cukup ya untuk yang gratis ini jadi gak akan menghalangi proses desain teman-teman gitu tiba-tiba gak bisa mengubah ukuran hidup gak bisa mengubah text itu gak di free tetap bisa kok Oh, oke. Langsung ke pertanyaan selanjutnya nih, Kak. Gimana caranya saya pelajarin basic-basic agar aplikasi yang saya buat ini cocok untuk semua kalangan dan juga memiliki klinikan sehingga beda dengan lainnya? Wah, gimana nih, Kak, supaya tidak beda-beda nih? Kalau ini kayaknya perlu ikut kelasnya skill ya.
Soalnya... Ini emang ada rata hubungannya sama riset juga ya teman-teman. Nah bedanya desain UI UX dan desain lainnya, desain grafis, kita itu mendesain untuk kebutuhan orang lain.
Dan kebutuhan orang lain itu berbeda dengan kebutuhan kita. Nah, that's why kita butuh riset. Teman-teman bisa pelajari teknik-teknik riset.
Jadi apa yang membedakan kita dengan yang lain? user kita atau penggunaan kita nanti butuh atau tidak sih. Jadi bukan masalah unik-unikan doang gitu. Ah yang ini unik, tapi user nggak butuh, ikut apa gitu. Jadi disini yang kita bikin adalah sesuai dengan kebutuhan user yang ingin kita tunjukin.
Nah ya bener banget tuh kata-kata pertama buat teman-teman yang penasaran banget tentang riset UIUS-nya, boleh nih langsung join bootcamp-nya MySkill ya. Nah untuk... Pertanyaan selanjutnya, dari Ilmu atau tools dasar apa yang perlu untuk dipelajari jika ingin bekerja pada bidang tersebut namun belum memiliki pengalaman sama sekali?
Ya, teman-teman ikut hari ini itu sudah satu step, satu step buat mengepak kesana. Dan teman-teman tahu, fitnah. atau cara pakai TIGMA, teman-teman berlatih aja terus, teman-teman mungkin buka aplikasi atau buka website yang menurut teman-teman jelek atau teman-teman biasa pakai nih, kalau teman-teman biasa pakai aplikasi perbankan, BCA, Brimo, teman-teman coba lihatin desainnya, menurut teman-teman bagus nggak?
Ketika teman-teman mau transfer uang itu cepat nggak? Ternyata teman-teman tergendala, itu teman-teman bisa analisis, oh ini harusnya, nggak ada step ini. Oh, harusnya ada step ini. Nah, teman-teman bisa mulai dari analisa hal-hal yang sebenarnya terjadi di sekitaran teman-teman dan itu diperbaiki dalam bentuk bisanya.
Ya, teman-teman lebih kritis terhadap proses-proses yang biasa teman-teman ngakuin. Jadi, dan, Ternyata ini kita harus lebih memperhatikan sekitar berarti ya, Kak? Kalau kita enggak riset, karena riset ya butuh waktu ya.
Kita mulai memperhatikan apa yang biasa kita lakukan atau yang biasa orang-orang yang terdekat kita lakukan. Oke, Kak. Langsung aja nih, Kak, pertanyaan selanjutnya.
Oke, Kak. Kalau bisnis tadi dibuat terus dijadikan kodingan, apakah berbayar atau gratis? Kalau teman-teman... pakai fitur handover tadi yang langsung muncul kodingannya, itu berbayar cuman kalau teman-teman punya teman developer lain yang jago kurang gitu kan ya itu gak perlu berbayar gitu tinggal kasih risetnya, tolong bikinnya seperti ini, mereka langsung terjahil itu berbayar sih oke, untuk pertanyaan selanjutnya, ini Kak, untuk Kualitasnya ukuran framenya bebas kah kak?
Temen-temen pake, karena di Line Parcel itu kita untuk aplikasi itu pakenya yang Android ya, yang lembarnya 360px. Hai kalau tinggi kan masing-masing ya mesin-mesin beda pokoknya lebar 390 pixel aja Android aja temen-temen Iya jadi ukurannya pakai Android aja temen-temen mengumpet karena cek untuk pembuatan seperti logo desain ya itu tadi yang service-service logo yang kita punya kayak repek, fotopek, dan sebagainya tadi itu dibicinnya di terus makanya tip-tip busuk dari kakak waktu tadi ini kak, yang gimana caranya saya pelajarin basic-basic, kayaknya ini udah ya ini kak yang ini yang mana nih Hai ini oke yang paling aja shortcut-shortcut saja Kak buat nonton temen-temen lihat aja di atasnya tadi yang di atas itu kan bikin frame kemudian bikin rectangle itu di sebelah kanan ada huruf-huruf itu adalah shortcut keyboardnya dengan ada yang itu bikin teknolog ada yang setiap sama apa bikin apa lagi teman-teman tinggal ketulis yang di atas aja lihat di sebelah kanannya itu dia pakai huruf apa gitu kalau pakai huruf kalau tidak ada berarti emang ada apa kekurangan selama ini udah lebih dari cukup banget gitu untuk hai hai untuk proses mendesain UI-UI sih dari awal sampai akhir udah lebih dari cukup, bahkan kita gak perlu tools lain buat melakukan hal ini Kak, sekarang teknologi Kak, maaf motong, ini mungkin karena waktunya udah mau habis juga ya Kak jadi tadi adalah pertanyaan terakhir yang bisa dijawab oleh Kamal di sesi Q&A kali ini mungkin sebelum kita tutup, Kak Kamal ada closing statement dulu Kak Oke, tadi ada sedikit di ini sih sebenarnya. Selainnya, cuma lupa ditampilin.
Saya sebutin aja ya. Intinya kalau teman-teman pengen masuk jadi product designer ya, sekarang udah jarang ya teman-teman mana UX designer, mana UX researcher, sekarang biasanya orang-orang nyebutnya product designer karena dia ngereset sendiri kemudian ngebikin desainnya sendiri. Nah, karena...
teman-teman ini produknya udah pasti desain gitu ya. Nah teman-teman selain nanti belajar proses riset gitu kan, bagaimana terjadi, apa yang harus kita lakukan kita bikin report gitu kan kalau teman-teman mungkin lihat case tadi, case tadi yang ada di link-in gitu kan, di link-in pun teman-teman juga harus fokus ke visualnya. Jadi teman-teman akan terlihat percuma ketika teman-teman jago sama teorinya gitu kan. teman-teman wawancara user dan sebagainya, produk akhirnya visualnya masih kurang gitu.
Nah, jadi seperti proses yang sebelumnya itu sudah siap. Jadi teman-teman, kalau yang baru nyemplung banget nih di product design gitu kan, atau di UI UX, teman-teman kuatin dulu fundamental ke desainnya. Bikin desain yang teman-teman ngerasa, oh ini desainnya bagus banget gitu. Tipsnya adalah, teman-teman sering melihat desain yang bagus lihat di Dribbble ya teman-teman di Behance gitu desain-desain yang bagus teman-teman bakal tahu desain teman-teman itu jelek setelah teman-teman membandingin dari pemilihan warna, ukuran atau teman-teman bisa langsung ke aplikasi yang udah jadi, sebagus kayak mungkin ke lain parcel gitu kan kita buatnya pake reset gitu visualnya udah bagus, atau bisa ke GoJ ke Tokopedia dan lain-lain yang udah gede lah gitu. Teman-teman ini bisa bandingin.
Udah secakup aplikasi-aplikasi itu belum gitu. Kalau belum, teman-teman berlatih lagi sampai teman-teman ngerasa puas, bandingin, tanya orang lain, orang lain udah punya pendapat yang sama, berarti jalannya teman-teman udah benar gitu. Nggak ada cara cepat ya teman-teman buat bikin visual bagus kecuali masih setelah latihan.
Pengalaman saya dan teman-temannya 3-6 bulan. Teman-teman bisa sambil baca risetnya gitu, diiringi gitu, riset oke, visual oke gitu. Cuma teman-teman satu minggu setelah bikin ini desain teman-teman bagus, gak mungkin. Itu sih tips-nya dari Pus. Wah, banyak juga ya tips-nya ya.
Intinya teman-teman ini harus konsisten belajar dan juga jangan lupa untuk selalu bertanya gitu ya kepada orang-orang yang lebih pengalaman. Nah, mungkin itu adalah penutup dari sesi kelas. Kita kali ini di materi UI UX Research Design dengan topik Figma Introduction. Nah, sebelum kita benar-benar mengakhiri kelas kali ini, mungkin kita dapat melakukan dokumentasi dulu nih teman-teman. Ayo teman-teman yang belum on-cam boleh nih teman-teman on-cam dulu.
Dan jangan lupa juga pakai virtual background-nya ya teman-teman. Nah, mungkin aku bakal tunggu satu menit lagi ya buat teman-teman supaya on-cam dulu nih. Mau lihat gimana nih wajah-wajah yang bersemangat buat belajar UA UX Research and Design.
Nah, mungkin karena... Setelah sudah satu menit juga, aku bakal mulai sesi dokumentasinya ya. Teman-teman, untuk jangan buka chat dulu ya teman-teman. Aku mulai dari slide pertama, 1, 2, 3. Kemudian slide yang kedua, 1, 2, 3. Selanjutnya, slide ketiga, 1, 2, 3. Kemudian, slide keempat, 1, 2, 3. Oke, mungkin cukup sampai di sini dulu sesi shortclass MySkill kali ini.
Kurang lebihnya mohon dimaafkan. Dan jangan lupa juga teman-teman buat mengupload Twibone dan juga mengerjakan mini testnya ya teman-teman supaya bisa ke time certificate. Terakhir, teman-teman bisa juga daftar langsung bootcamp UAUX Research Denison supaya teman-teman bisa belajar lebih dalam dan lebih intensif bersama dengan para ekspor dan sesi live bersama para mentor yang keren-keren banget ya teman-teman.
Nah, mungkin... cukup sekian penyampaian dari aku sebagai moderator kurang lebihnya mohon dimaafkan see you later, dadah