Từ cơ bản đến thực chiến! Hoàn thiện thiết kế UX/UI di động

Nếu bạn là nhà thiết kế, chuyên viên hoạch định dịch vụ hoặc PM muốn làm việc tốt hơn, đây là khóa học không thể bỏ qua! Dựa trên các trường hợp thực tế, chúng tôi sẽ hướng dẫn bạn cần biết những gì về từng hành trình của sản phẩm kỹ thuật số, ngành và người dùng.

Bạn muốn tự mình tạo nội dung cho blog và mạng xã hội, nhưng lại thấy Figma quá khó và thiết kế là một điều gì đó rất mơ hồ? Trong khóa học này, chúng ta sẽ cùng nhau làm quen từng bước thông qua việc tạo ra các nội dung thực tế, từ màn hình cơ bản và Frame của Figma cho đến cách xử lý hình ảnh, văn bản, hình khối và hiệu ứng. Bạn sẽ tự tay thiết kế ảnh bìa blog, ảnh thumbnail, các yếu tố CTA (kêu gọi hành động), danh thiếp kỹ thuật số, đồng thời hoàn thiện các mẫu nội dung (template) có khả năng tái sử dụng. Nhờ ứng dụng Component, Auto Layout, Property và Variants, bạn có thể nhanh chóng chỉnh sửa ngay cả khi thay đổi nội dung chữ hay hình ảnh. Không chỉ dừng lại ở việc tạo ra một bức ảnh đẹp đơn thuần, hãy xây dựng hệ thống sản xuất nội dung của riêng bạn để có thể sử dụng lâu dài cho blog và mạng xã hội. Point 1. Nắm vững kỹ năng Figma cơ bản thông qua việc tạo nội dung thực tế - Học các chức năng cốt lõi như Frame, Layer, hình ảnh, văn bản, hình khối thông qua thực hành. - Hiểu quy trình làm việc trên Figma bằng cách trực tiếp tạo ảnh bìa và thumbnail cho blog. - Ngay cả những người không chuyên về thiết kế cũng có thể nắm vững kỹ năng cơ bản một cách tự nhiên khi hoàn thành sản phẩm. Point 2. Tạo mẫu nội dung có thể chỉnh sửa lặp lại - Học các nguyên lý cốt lõi của Component, Auto Layout, Property và Variants. - Tạo thumbnail và các yếu tố CTA giúp thay đổi văn bản, màu sắc, hình ảnh một cách nhanh chóng. - Tối thiểu hóa thời gian làm việc lại từ đầu mỗi khi tạo nội dung mới. Point 3. Xây dựng quy trình sản xuất nội dung của riêng bạn - Tạo ra các tài sản thiết kế có thể sử dụng cho nhiều kênh khác nhau như Blog, Instagram. - Đăng ký các Style về màu sắc, văn bản, hiệu ứng để xây dựng hình ảnh kênh nhất quán. - Hoàn thiện nền tảng sản xuất nội dung bền vững bằng cách tái sử dụng các mẫu template do chính bạn tạo ra.

Đây là lớp học về cách sử dụng cơ bản các công cụ phác thảo.

Nếu bạn từng thấy thiết kế thật khó và Figma thật phức tạp? Giờ đây đã đến thời đại mà ngay cả những người không chuyên cũng có thể tự mình tạo ra các giao diện! Từ những chức năng cơ bản như hình khối, văn bản, mặt nạ (mask) cho đến tách nền, tạo ảnh bằng AI và tự động thiết kế UI, bạn sẽ được học cách vận dụng các tính năng Figma AI một cách tự nhiên vào quy trình làm việc thực tế. Từ việc tạo trang chi tiết sản phẩm đến xây dựng cấu trúc giao diện UI cho trung tâm mua sắm, hãy trải nghiệm phương pháp sử dụng Figma thực chiến để có thể hoàn thiện sản phẩm mà không cần đến sự trợ giúp của nhà thiết kế. Điểm 1. Chỉ cần nắm vững các tính năng cốt lõi của Figma là có thể tự tạo giao diện - Học tập trung vào thực hành các chức năng vẽ thiết yếu như Frame, hình khối, văn bản, mặt nạ - Trải nghiệm hoàn thiện sản phẩm bằng cách tự tay thiết kế toàn bộ các phần của trang chi tiết từ đầu đến cuối Điểm 2. Tăng tốc độ làm việc đáng kể bằng cách tận dụng Figma AI - Sử dụng tự nhiên các tính năng AI như tách nền, tạo hình ảnh, sắp xếp layer vào luồng công việc thực tế - Cấu trúc nội dung tập trung vào cách ứng dụng kết nối trực tiếp với công việc thiết kế thực tế chứ không chỉ dừng lại ở việc giới thiệu tính năng đơn thuần Điểm 3. Rèn luyện tư duy thiết kế thực tiễn để tạo ra cả giao diện UI cho trung tâm mua sắm - Tạo bộ giao diện UI với các tính năng Auto Layout, Component và Make Designs - Học kỹ năng thực chiến để người không chuyên cũng có thể tự thiết kế và hoàn thiện giao diện một mình

Đây là khóa học thực hành giúp bạn kết nối từ lập kế hoạch kinh doanh, xây dựng trang web, tài liệu marketing, sắp xếp công việc cho đến tự động hóa email bằng cách sử dụng Codex. Ngay cả khi không phải là nhà phát triển, bạn vẫn có thể học cách giao việc cho AI và tinh chỉnh kết quả đầu ra thông qua việc sử dụng Notion, Linear, Figma và Google Workspace theo đúng quy trình làm việc thực tế.

Một nguyên mẫu (prototype) chuyển động còn hơn cả 100 màn hình đẹp! Hãy tạo ra các nguyên mẫu hoạt động như thật bằng logic điều kiện trong Figma, đồng thời rèn luyện tư duy thiết kế vững vàng ngay cả trong kỷ nguyên AI.

Từ định nghĩa vấn đề, tổng hợp nghiên cứu, lên ý tưởng cho đến tạo mẫu thử (prototyping)! Hãy sử dụng AI như một đối tác thực chiến để nhanh chóng tạo ra một portfolio UX/UI với độ hoàn thiện cao. Bạn có thể sử dụng chiến lược các công cụ AI mới nhất cũng như các công cụ đã được kiểm chứng và sử dụng liên tục trong thực tế sao cho phù hợp với dự án.

Trong khóa học này, chúng tôi sẽ chia sẻ những nguyên tắc UX và bí quyết thực tiễn cần thiết khi lên kế hoạch và thiết kế sản phẩm AI. Chúng ta sẽ cùng tìm hiểu về cách sử dụng AI lấy giá trị người dùng làm trung tâm, phương pháp lập kế hoạch và thiết kế UX sử dụng AI, các nguyên tắc và lý thuyết UX cốt lõi được tìm hiểu qua các trường hợp thiết kế trong đời sống hàng ngày, cũng như các phương pháp nghiên cứu UX và phân tích dữ liệu để mang lại trải nghiệm tốt hơn.

[Lộ trình tối ưu hóa quy trình: Loại bỏ đầu tư vốn không cần thiết và chuyển đổi chi phí cơ hội của 'Nhà máy ẩn' thành lợi nhuận thực tế] 1. Giới thiệu: Chuyển đổi sang quy trình thông minh và các điều kiện tiên quyết của Quy trình vận hành tiêu chuẩn Để các doanh nghiệp hiện đại tối đa hóa giá trị kinh doanh bằng cách áp dụng công nghệ Trí tuệ nhân tạo (AI), việc tiêu chuẩn hóa nghiêm ngặt các quy trình vật lý và quy trình làm việc tại hiện trường phải được thực hiện trước tiên. Một hệ thống thông minh được xây dựng trên môi trường dữ liệu phi cấu trúc, thiếu tính tiêu chuẩn hóa sẽ khó phát huy hiệu suất tối ưu, thậm chí có khả năng cao sẽ làm gia tăng sự không chắc chắn của quy trình và trở thành rủi ro cho toàn bộ hệ thống. Khóa đào tạo này nhằm mục đích trình bày phương pháp chiến lược để khai thác các nguồn lợi nhuận tiềm ẩn trong cái gọi là 'Nhà máy ẩn (Hidden Factory)' và chuyển đổi chúng thành nền tảng kỹ thuật mà AI có thể tự chủ kiểm soát và tối ưu hóa. 2. [Phân tích] Chẩn đoán thực trạng hiện trường dựa trên dữ liệu định lượng và phân tích 'Tổn thất cơ bản của các chỉ số tới hạn' Nhiều cơ sở sản xuất có xu hướng bỏ qua các tổn thất vận hành tiềm ẩn bằng cách hài lòng với các chỉ số hiệu suất bề mặt. Khi phân tích kỹ lưỡng Hiệu suất thiết bị tổng thể (OEE) thông qua kỹ thuật phân rã kỹ thuật (Decomposition), các tổn thất cấu trúc sau đây sẽ được xác định: Tính khả dụng (Availability) 90%: Thời gian hoạt động bên ngoài của thiết bị được đảm bảo, nhưng tổn thất năng lượng do các điểm dừng nhỏ (Minor Stoppage) vẫn liên tục xảy ra. Hiệu suất vận hành (Performance) 90%: Việc giảm tốc độ thực tế so với thời gian chu kỳ lý thuyết đã trở thành bình thường, nhưng lại thiếu điểm chuẩn để nhận biết và cải thiện điều này. Tỷ lệ sản phẩm đạt (Quality) 90%: Tỷ lệ lỗi lên tới 10% được đánh giá là một con số chí mạng làm giảm độ tin cậy của toàn bộ quy trình. Hiệu suất thiết bị tổng thể thực tế được tính bằng hiệu ứng cấp số nhân (Multiplier Effect) của ba chỉ số trên chỉ đạt 72,9%, và 27,1% chi phí cơ hội còn lại đang bị chôn vùi trong 'Nhà máy ẩn' vốn không được xác định rõ ràng bằng dữ liệu. Do đó, nhiệm vụ hàng đầu của việc áp dụng AI là định lượng hóa nguồn gốc của sự lãng phí này để đảm bảo tính minh bạch của quy trình. 3. [Phê bình] Thiết lập lại ưu tiên chiến lược: Mối quan hệ xung đột giữa Tối ưu hóa vận hành (OPEX) và Đầu tư vốn (CAPEX) Việc ưu tiên xem xét mở rộng thiết bị mới (CAPEX) như một giải pháp cho việc giảm năng suất có thể là một quyết định chiến lược mạo hiểm. Việc mở rộng dây chuyền trong một cấu trúc hiệu quả thấp, nơi OEE chỉ dừng lại ở mức 60-70%, sẽ dẫn đến kết quả là sao chép lại sự kém hiệu quả cơ bản, điều này dẫn đến chi phí quản lý tăng theo cấp số nhân. Trước khi đầu tư vốn quy mô lớn, việc tối đa hóa hiệu quả vận hành (OPEX) nhằm vượt qua các giới hạn vật lý của tài sản hiện có phải được ưu tiên. Chỉ khi các quy trình vận hành tiêu chuẩn có thể đạt được mức OEE 85% (tiêu chuẩn thế giới) được thiết lập, thì thông qua việc kết hợp với AI, chúng ta mới có thể xây dựng một cấu trúc vòng lặp tích cực giúp cải thiện đáng kể năng lực sản xuất mà không cần đầu tư thêm. 4. [Đánh giá] Tích hợp kiến trúc dữ liệu: Thiết lập hệ thống ra quyết định dựa trên ISA-95 Sự đứt gãy giữa các chỉ số tài chính của Hệ thống hoạch định nguồn lực doanh nghiệp (ERP) và dữ liệu vận hành của Hệ thống điều hành sản xuất (MES) là nguyên nhân chính gây ra sai lệch thông tin và chậm trễ trong việc ra quyết định. Để giải quyết vấn đề này, kiến trúc tiêu chuẩn quốc tế ISA-95 được áp dụng để tích hợp hữu cơ chiến lược quản lý và hiện trường sản xuất vật lý. Xây dựng Nguồn sự thật duy nhất (Single Source of Truth): Hoàn thiện đường ống dữ liệu (data pipeline) nơi tất cả dữ liệu đặc tính động tại hiện trường được đồng bộ hóa theo thời gian thực với hệ thống quản lý doanh nghiệp. Đánh giá chuyển đổi giá trị tài chính của các chỉ số: Thiết lập hệ thống ra quyết định và đánh giá hiệu suất khách quan dựa trên dữ liệu bằng cách kết nối trực quan tác động của thời gian dừng máy nhỏ tại hiện trường đối với lợi nhuận hoạt động và dòng tiền trên báo cáo tài chính thực tế. 5. [Thực hiện] Lộ trình chiến lược 4 bước để quản lý quy trình thông minh Thực hiện chiến lược nâng cao kết hợp công nghệ AI và hiểu biết kỹ thuật của con người dựa trên các quy trình được tiêu chuẩn hóa nghiêm ngặt. Bảo trì dự đoán (Predictive Maintenance) và sử dụng Khoảng P-F: Xây dựng hệ thống bảo trì dự báo bằng cách giám sát theo thời gian thực khoảng thời gian từ khi xuất hiện lỗi tiềm ẩn (Potential Failure) đến khi xảy ra hỏng hóc chức năng (Functional Failure). Mô phỏng dựa trên Digital Twin và giảm thiểu sai sót: Thực hiện chiến lược Zero-Trial nhằm ngăn chặn tổn thất vật lý bằng cách xác minh các kịch bản khác nhau trong môi trường ảo trước khi thực hiện thay đổi quy trình. Kiểm soát định lượng 6 tổn thất lớn (6 Big Losses): Theo dõi và quản lý thường xuyên thông qua AI 6 yếu tố lãng phí chính gây ảnh hưởng đến lợi nhuận như: hỏng hóc thiết bị, thiết lập và điều chỉnh, chạy không tải, giảm tốc độ, lỗi quy trình và làm lại. Nâng cao kỹ thuật số cho Bảo trì năng suất toàn diện (TPM): Nâng cao độ tin cậy của hệ thống có sự tham gia của con người (Human-in-the-Loop) bằng cách thiết lập văn hóa chủ động, nơi công nhân tại hiện trường tự nguyện phát hiện và ứng phó với các dấu hiệu bất thường của thiết bị. 6. Kết luận: Đảm bảo quyền chủ động công nghệ thông qua kiến trúc hệ thống tiêu chuẩn hóa Kiến thức kỹ thuật có thể được truyền đạt thông qua đào tạo, nhưng sự hiểu biết sâu sắc để làm chủ dòng chảy của quy trình chỉ có thể được phát huy trên một hệ thống tiêu chuẩn được thiết kế tinh vi. Khóa học Masterclass này nhằm cung cấp một bản thiết kế kỹ thuật chính xác để chuyển đổi hiện trường sản xuất của quý công ty thành các tài sản thông minh. Thiết lập các quy trình vận hành tiêu chuẩn và đảm bảo tính toàn vẹn của dữ liệu là những nhiệm vụ tiên quyết thiết yếu để đón đầu kỷ nguyên AI. Chỉ trên một nền tảng hệ thống vững chắc, AI mới thực sự hoạt động như một hiện trường sản xuất thông minh thúc đẩy sự tăng trưởng của doanh nghiệp.

Các CEO khởi nghiệp có ý tưởng về ứng dụng/web mà họ muốn triển khai nhưng không biết bắt đầu như thế nào do thiếu kinh nghiệm lập kế hoạch dịch vụ ứng dụng, những người thực hành muốn học cách lập kế hoạch một cách có hệ thống trong thời gian ngắn và các nhà lập kế hoạch cấp dưới những người muốn tìm hiểu quy trình lập kế hoạch và bí quyết của những người có kinh nghiệm đều là chuyên gia. Chúng tôi sẽ hướng dẫn bạn từng bước phương pháp lập kế hoạch mới bằng Figma và kỹ năng làm việc của một PM với 17 năm kinh nghiệm, bắt đầu từ những điều cơ bản.

Ngay cả khi không phải là người chuyên ngành hay nhà thiết kế, bạn vẫn sẽ được học cách tự tay tạo và chỉnh sửa UI web, bản đề xuất, cho đến hệ thống thiết kế (design system) bằng cách tận dụng Claude Design và Figma. Để có thể áp dụng ngay vào công việc thực tế, khóa học sẽ đi sâu vào thực hành từng bước: từ sự khác biệt giữa Claude Code và Claude Design, cách cài đặt, sử dụng plugin, tạo UI dựa trên thành phần (component), cho đến cách chỉnh sửa thiết kế và áp dụng vào các dịch vụ đang vận hành. Đây là khóa học giúp các nhà phát triển, nhà lập kế hoạch và chuyên viên marketing – những người từng thấy các công cụ thiết kế khó khăn – có thể trải nghiệm việc tạo ra thành phẩm nhanh chóng thông qua AI và quy trình làm việc dựa trên thành phần.

Giờ đây, với sức mạnh của AI, bất cứ ai cũng có thể dễ dàng lên kế hoạch và thiết kế giao diện người dùng (UI) cho ứng dụng! Không cần biết lập trình hay có kinh nghiệm về UI cũng không sao. Các công cụ AI như Claude, ChatGPT sẽ biến ý tưởng của bạn thành hiện thực. Chỉ với vài câu hỏi, bạn có thể phân tích khách hàng mục tiêu, thiết kế cấu trúc ứng dụng và thậm chí tự động tạo ra màn hình UI. Trong khóa học này, chúng tôi sẽ hướng dẫn từng bước từ cơ bản để ngay cả những người mới bắt đầu sử dụng Figma cũng có thể theo kịp. Bạn không cần tự tay vẽ mà vẫn có thể nhập toàn bộ giao diện người dùng (UI) của trang web hiện có chỉ với plugin HTML to Design, và tạo ra những màn hình chất lượng cao chỉ trong vài giây bằng các công cụ AI như Google Stitch hay readdy.ai. Đây là khóa học hoàn hảo cho những ai mơ ước khởi nghiệp, muốn chuyển sang làm chuyên viên hoạch định, hoặc muốn giao tiếp hiệu quả với lập trình viên. Thay vì lý thuyết phức tạp, chúng tôi sẽ chỉ truyền đạt những bí quyết thực tiễn có thể áp dụng ngay lập tức. Giờ đây, chỉ cần có ý tưởng, bất cứ ai cũng có thể lên kế hoạch cho một dịch vụ ứng dụng!

Khóa học Full-stack từ Thiết kế Figma + Lập trình ứng dụng AI + đến Triển khai!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Triển khai Vercel] Giữ nguyên thiết kế của bạn!! Hoàn thiện bằng Vibe Coding chính xác đến từng pixel không sai lệch! Cẩm nang chinh phục Full-stack giúp tăng năng suất thực tế gấp 5 lần nhờ ứng dụng AI! Bạn cũng có thể trở thành một Nhà thiết kế Full-stack có khả năng làm cả thiết kế lẫn lập trình. ✅ Hiện thực hóa ý đồ thiết kế chính xác đến từng pixel không sai lệch ✅ Thiết kế cấu trúc mà AI có thể hiểu được ✅ Khả năng tạo prompt để kiểm soát AI một cách chính xác ✅ Khả năng chỉnh sửa thành thạo các đoạn mã do AI tự soạn thảo Trải nghiệm sự kinh ngạc khi rút ngắn thời gian từ thiết kế đến lập trình và triển khai chỉ còn 1/5.

Chúng tôi tạo ra bài giảng này bằng cách tổ chức bí quyết thông qua nhiều kinh nghiệm dự án hơn bất kỳ ai khác để hiểu cách triển khai một màn hình rõ ràng cũng như cách thực hiện nó một cách dễ dàng và nhanh chóng.

Bạn có thể nâng cao khả năng thiết kế web di động, một trong những kỹ năng cạnh tranh nhất khi tìm việc và làm việc thực tế trong lĩnh vực Publisher. Bạn sẽ được củng cố hầu hết các phương pháp và bí quyết để tạo ra một trang web di động với tư cách là một Publisher. Đặc biệt, để đáp ứng yêu cầu về khả năng thiết kế đối với Publisher và lập trình viên hiện nay, khóa học cũng giải thích chi tiết quy trình thiết kế UI cho web di động bằng Figma, giúp bạn bao quát được phần lớn kỹ năng này. Một trong những điểm mạnh nhất của lớp học xuất bản web di động này là hướng dẫn chi tiết cách lập HTML Wireframe cho từng trang một. Thông qua bài giảng, khả năng tạo HTML Wireframe của bạn sẽ được cải thiện đáng kể. Trong phần xuất bản web di động, thông qua việc học cách điều chỉnh bố cục hoàn hảo cho di động và máy tính bảng bằng cách sử dụng biến CSS (Var), bạn sẽ đạt được năng lực làm việc tương đương với thực tế. Bạn cũng sẽ được trang bị đầy đủ kỹ năng CSS thực chiến trình độ trung cao cấp, tập trung vào bố cục Flex.

Bạn có kiến thức cơ bản về HTML, CSS, JavaScript (jQuery) chưa? Nhưng bạn không biết cách tạo toàn bộ một trang web hoàn chỉnh? Vậy thì hãy thử thách bản thân bằng cách thực hiện trang chủ của một trang web bán hàng tham khảo một thiết kế có sẵn. Chúng tôi sẽ chia sẻ bí quyết để thực hiện một trang web bằng cách tham khảo một thiết kế hoàn chỉnh, nắm bắt ý định thiết kế và các chi tiết cụ thể.

Giải thích các kỹ thuật After Effects trung cấp trở lên, có thể áp dụng trong công việc thực tế. Mặc dù giải thích bằng CC2023 nhưng chủ yếu tập trung vào các nguyên lý cơ bản không phụ thuộc vào phiên bản. Không lãng phí thời gian vào việc giải thích công cụ mà đã chuẩn bị sẵn nội dung để có thể nghiên cứu một cách chủ động.

✅ Marketer: Nếu bạn cần tạo nội dung ngay bây giờ nhưng không có thiết kế? ✅ Marketer tương lai: Nếu bạn muốn xây dựng nền tảng vì Figma đang là xu hướng hiện nay? ✅ Nếu bạn đang tìm kiếm một công cụ thiết kế miễn phí và dễ tiếp cận nhất? Câu trả lời chính là Figma. Tôi sẽ hướng dẫn bạn tất cả cách thiết kế nội dung bằng Figma. 👏🏻

Trong thời đại AX khi công nghệ AI kết hợp với thiết kế UX, đội ngũ sản phẩm nên áp dụng chiến lược nào để thiết kế trải nghiệm khách hàng? Nhà nghiên cứu chính với 17 năm kinh nghiệm tại tập đoàn lớn, đồng thời là tiến sĩ HCI và người chia sẻ kiến thức sẽ hướng dẫn bạn dựa trên xu hướng mới nhất, các trường hợp ứng dụng thực tế và kết quả nghiên cứu.

Tôi đã từng làm việc tại 7 startup nhỏ khác nhau, nơi không có cả chuyên viên phân tích dữ liệu lẫn nghiên cứu người dùng, và đã trải qua không ít thăng trầm. Tôi sẽ chia sẻ về những khó khăn thực tế mà một người thiết kế UX có thể gặp phải, cùng với những hiểu biết sâu sắc mà tôi đã đúc kết được trong quá trình vượt qua những khó khăn đó.