Thiết kế giao diện người dùng với AI

Enrollment in this course is by invitation only

GIỚI THIỆU KHÓA HỌC CHI TIẾT

Học phần Thiết kế giao diện người dùng với AI là môn học chuyên ngành trọng tâm trong lộ trình đào tạo phát triển sản phẩm công nghệ số hiện đại. Môn học đóng vai trò cầu nối chiến lược giữa tư duy thiết kế lấy người dùng làm trung tâm (User-Centered Design) và năng lực hiện thực hóa sản phẩm phần mềm, giúp người học chuyển hóa các bài toán kinh doanh thành các giải pháp trải nghiệm số trực quan, thẩm mỹ và tối ưu khả năng sử dụng.

Tham gia học phần, người học sẽ được tiếp cận toàn diện quy trình thiết kế sản phẩm số theo chuẩn quốc tế, bắt đầu từ nền tảng tâm lý học hành vi, mô hình nhận thức, 10 nguyên tắc Usability Heuristics đến kỹ thuật nghiên cứu người dùng, xây dựng kiến trúc thông tin và phân luồng trải nghiệm. Trên cơ sở đó, học viên làm chủ công cụ thiết kế chuyên nghiệp Figma để thiết lập hệ thống Design System chuẩn mực (8pt Grid, Auto Layout, Components & Variants) và xây dựng bản mẫu tương tác đa màn hình có độ chân thực cao.

Điểm đột phá của học phần là sự tích hợp sâu rộng các công cụ Trí tuệ nhân tạo tạo sinh (Generative AI) hàng đầu hiện nay như ChatGPT, Claude, Stitch AI Google và Figma AI vào mọi giai đoạn của quy trình thiết kế. Người học không chỉ học cách sử dụng AI để kích hoạt ý tưởng, viết nội dung UX Copy và sinh bố cục tự động, mà còn được rèn luyện tư duy phản biện, kiểm chứng và chuẩn hóa các đề xuất do AI tạo ra.

Kiến thức và kỹ năng từ học phần tạo nền tảng vững chắc cho các môn học chuyên sâu về phát triển ứng dụng Web/Mobile tiếp theo, đồ án tốt nghiệp, đồng thời trang bị hành trang thực chiến để người học tự tin đảm nhận các vị trí UI/UX Designer, Product Designer và Front-end Developer trong thời đại số hóa mạnh mẽ.

XU HƯỚNG CÔNG NGHỆ

Trong kỷ nguyên số hóa toàn diện, trải nghiệm người dùng đã trở thành yếu tố sống còn quyết định sự thành bại và sức cạnh tranh của các sản phẩm công nghệ. Người dùng ngày càng có kỳ vọng cao về tính tiện dụng, tốc độ phản hồi và tính thẩm mỹ trên mọi điểm chạm số, buộc các doanh nghiệp phần mềm phải liên tục tối ưu hóa quy trình thiết kế sản phẩm.

Sự bùng nổ của Trí tuệ nhân tạo tạo sinh (Generative AI) đang tạo nên cuộc cách mạng tái định hình phương thức làm việc của các chuyên gia thiết kế sản phẩm. Các công cụ AI tiên tiến cho phép tự động hóa quá trình tổng hợp dữ liệu nghiên cứu, phác thảo Wireframe tức thì, sinh nội dung giao diện theo ngữ cảnh và chuyển đổi nhanh từ bản thiết kế sang mã nguồn tương tác, rút ngắn đáng kể chu kỳ đưa sản phẩm ra thị trường.

Trong bối cảnh đó, vai trò của người thiết kế chuyển dịch từ người thực hiện đồ họa thủ công sang vai trò kiến trúc sư trải nghiệm và điều phối công nghệ thông minh. Người học cần làm chủ cả nguyên lý thiết kế kinh điển lẫn kỹ năng cộng tác cùng AI để gia tăng năng suất vượt bậc, đồng thời rèn luyện năng lực phản biện sắc bén để bảo đảm tính chính xác, tính nhân bản và giá trị thực tế của sản phẩm số.

NHU CẦU VÀ MỤC TIÊU CHƯƠNG TRÌNH

Chương trình học phần được thiết kế bài bản nhằm đáp ứng nhu cầu cấp thiết của thị trường lao động về thế hệ chuyên viên thiết kế sản phẩm số am hiểu công nghệ mới, có năng lực giải quyết vấn đề sáng tạo và sẵn sàng hòa nhập vào các dự án phần mềm chuyên nghiệp:

Trang bị hiểu biết bản chất về mối quan hệ giữa Giao diện người dùng (UI) và Trải nghiệm người dùng (UX) trong chu trình phát triển phần mềm.
Vận dụng thành thạo các nguyên lý tâm lý học nhận thức, nguyên tắc Gestalt và 10 chuẩn Usability Heuristics vào việc phân tích và tối ưu hóa giao diện.
Khai thác các công cụ AI để gia tốc quá trình nghiên cứu người dùng, xây dựng chân dung khách hàng mục tiêu (Persona), luồng thao tác (User Flows) và Kiến trúc thông tin (IA / Sitemaps).
Làm chủ kỹ thuật phác thảo ý tưởng (Sketching) và khung dây (Wireframing), kết hợp công cụ AI chuyên dụng để tạo dựng cấu trúc giao diện nhanh chóng.
Thiết kế hệ thống giao diện trực quan chuẩn công nghiệp trên Figma với hệ thống màu sắc, Typography, khoảng cách, 8pt Grid, Auto Layout và Design System hoàn chỉnh.
Xây dựng bản mẫu tương tác đa màn hình hoàn chỉnh (Clickable Prototype) với các chuyển động thông minh (Smart Animate) và hiệu ứng vi tương tác mượt mà.
Tích hợp các công cụ AI (ChatGPT, Claude, Stitch AI, Figma AI) vào quy trình sáng tạo, viết UX Copy và nâng cao năng suất thiết kế.
Rèn luyện phương pháp kiểm thử khả năng sử dụng (Usability Testing), Heuristic Audit và tư duy phản biện, kiểm chứng sản phẩm do AI gợi ý.

ĐỐI TƯỢNG HỌC VIÊN

Sinh viên ngành Công nghệ thông tin, Kỹ thuật phần mềm, Hệ thống thông tin hoặc Thiết kế đồ họa muốn trang bị năng lực thiết kế UI/UX theo tiêu chuẩn quốc tế.
Lập trình viên Front-end và Mobile App muốn nâng cao tư duy thẩm mỹ, thấu hiểu trải nghiệm người dùng để tối ưu hóa quy trình cộng tác phát triển sản phẩm.
Chuyên viên thiết kế đồ họa truyền thống (2D, Marketing Designer) có mong muốn chuyển dịch nghề nghiệp sang lĩnh vực thiết kế sản phẩm số (Product Design / UI/UX).
Người chuyển ngành (Non-IT) đam mê sáng tạo công nghệ, mong muốn xây dựng lộ trình gia nhập thị trường UI/UX bài bản với sự trợ lực từ công cụ AI.
Product Owner, Business Analyst và Project Manager cần kỹ năng tạo khung dây, phác thảo giao diện và làm bản mẫu tương tác để kiểm chứng nhanh ý tưởng kinh doanh.

MỤC TIÊU ĐẦU RA

G1: Thấu hiểu bản chất UI/UX, phân tích được các mô hình nhận thức, nguyên lý tâm lý học hành vi, nguyên tắc Gestalt và 10 tiêu chuẩn Usability Heuristics trong đánh giá giao diện.
G2: Ứng dụng thành thạo AI và các phương pháp nghiên cứu để xây dựng Persona, xác định phạm vi dự án, thiết kế luồng người dùng (User Flows) và Kiến trúc thông tin (IA / Sitemaps).
G3: Áp dụng kỹ thuật phác thảo ý tưởng (Sketching) và xây dựng khung dây (Wireframing) từ mức độ Low-Fi đến Mid-Fi kết hợp công cụ AI hỗ trợ tạo dựng giao diện nhanh chóng.
G4: Thiết kế Visual UI chuẩn mực, làm chủ hệ thống lưới 8pt Grid, Typography, Auto Layout và xây dựng Design System hoàn chỉnh với Components & Variants trên Figma.
G5: Xây dựng bản mẫu tương tác đa màn hình hoàn chỉnh (Clickable Prototype), thiết lập luồng trải nghiệm người dùng liền mạch và các hiệu ứng vi tương tác mượt mà.
G6: Tích hợp thành thạo các công cụ AI (ChatGPT, Claude, Stitch AI Google, Figma AI) vào quy trình tạo ý tưởng, viết UX Copy, sinh layout và tối ưu hóa năng suất thiết kế.
G7: Thực hiện kiểm thử khả năng sử dụng (Usability Testing), Heuristic Audit, đồng thời hình thành năng lực kiểm chứng, phản biện và điều chỉnh các sản phẩm thiết kế do AI gợi ý.

PHƯƠNG PHÁP HỌC

Học phần được triển khai theo mô hình học tập chủ động và triết lý Learning by Doing, kết hợp chặt chẽ giữa hệ thống video bài giảng trực quan, các bài Quiz củng cố kiến thức sau mỗi bài học, 5 bài kiểm tra định kỳ (Progress Test) và các bài thực hành thiết kế trực tiếp trên công cụ Figma. Người học sẽ trực tiếp thực hiện 2 dự án Assignment lớn mang tính thực chiến cao: xây dựng khung dây Wireframe và giao diện với Stitch AI Google ở giai đoạn giữa kỳ, hoàn thiện bản thiết kế Mockup, Clickable Prototype và viết báo cáo phản biện AI ở giai đoạn cuối kỳ. Trong suốt quá trình học tập, sinh viên được khuyến khích tích hợp linh hoạt các trợ lý AI vào quy trình sáng tạo, chủ động trao đổi chuyên môn và tham gia đánh giá vấn đáp trực tiếp cùng đội ngũ Mentor giàu kinh nghiệm thực tế.

LÝ DO NÊN HỌC

Môn học mang lại cho người học một nền tảng tư duy thiết kế bài bản, kết hợp hài hòa giữa các nguyên lý khoa học hành vi kinh điển và các công nghệ AI tiên tiến nhất hiện nay. Thay vì chỉ học cách sử dụng phần mềm đồ họa một cách cơ học, học viên được rèn luyện năng lực thấu cảm người dùng, tư duy giải quyết vấn đề và năng lực làm chủ toàn bộ chu trình thiết kế từ phác thảo sơ khai đến sản phẩm tương tác hoàn chỉnh.

Trong bối cảnh thị trường tuyển dụng ngày càng đòi hỏi nhân sự phải sở hữu năng lực số và kỹ năng ứng dụng AI để tạo ra sản phẩm nhanh chóng, học phần này chính là đòn bẩy sự nghiệp vững chắc. Hoàn thành khóa học, bạn không chỉ sở hữu một sản phẩm hoàn thiện chuẩn mực trong portfolio cá nhân để gây ấn tượng với nhà tuyển dụng, mà còn trang bị tư duy phản biện công nghệ và khả năng thích ứng linh hoạt trước làn sóng tự động hóa trong tương lai.

NỘI DUNG NỔI BẬT

Module 1: Tổng quan UI/UX & Tâm lý học Thiết kế Khám phá bản chất của thiết kế giao diện và trải nghiệm người dùng, phân định vai trò chuyên môn và quy trình phối hợp trong nhóm phát triển sản phẩm. Người học được trang bị các nguyên lý tâm lý học nhận thức, nguyên tắc Gestalt, 10 nguyên lý Usability Heuristics của Jakob Nielsen cùng các chuẩn mực về khả năng tiếp cận (Accessibility), đặt nền móng vững chắc cho tư duy thiết kế lấy con người làm trung tâm.
Module 2: Nghiên cứu người dùng với AI, Luồng người dùng & Sitemaps Làm chủ phương pháp nghiên cứu trải nghiệm người dùng hiện đại với sự hỗ trợ của các công cụ AI như ChatGPT, Perplexity và Claude để lập kế hoạch khảo sát, xây dựng kịch bản phỏng vấn và phân tích đối thủ cạnh tranh. Học viên thực hành xây dựng chân dung người dùng (Persona), kiến trúc thông tin (IA / Sitemaps) và trực quan hóa các luồng người dùng (User Flows) đa kịch bản trong Figma.
Module 3: Khung dây (Wireframing), Làm chủ Figma & Xử lý Dữ liệu với AI Tiếp cận kỹ thuật phác thảo nhanh ý tưởng (Sketching) và quy trình xây dựng khung dây (Wireframing) từ Low-fidelity đến Mid-fidelity theo chuẩn quốc tế. Học viên được làm quen với hệ sinh thái công cụ thiết kế chuyên nghiệp trong Figma, ứng dụng Stitch AI Google để chuyển hóa nhanh ý tưởng thành cấu trúc màn hình và thực hiện bài tập lớn Assignment 1.
Module 4: Thiết kế Visual UI, Auto Layout & Design System trong Figma Đi sâu vào kỹ năng thiết kế giao diện trực quan đỉnh cao với hệ thống màu sắc, Typography, khoảng cách và hệ lưới 8pt Grid chuẩn công nghiệp. Người học xây dựng Design System bài bản, làm chủ kỹ thuật Auto Layout linh hoạt, thiết lập Components và Variants đa trạng thái, giúp quy trình thiết kế đạt độ chính xác cao và sẵn sàng chuyển giao cho lập trình viên.
Module 5: Bản mẫu tương tác (Prototyping), Usability Testing & Báo cáo phản biện AI Hoàn thiện sản phẩm số thông qua việc thiết lập bản mẫu tương tác đa màn hình (Clickable Prototype) với các hiệu ứng vi tương tác và chuyển động thông minh Smart Animate. Học viên thực hiện kiểm thử khả năng sử dụng (Usability Testing), Heuristic Audit thực tế, đồng thời rèn luyện năng lực phản biện, kiểm chứng các giải pháp do AI đề xuất trong bài tập lớn Assignment 2.

ĐỘI NGŨ THIẾT KẾ VÀ PHẢN BIỆN MÔN HỌC

Mentor Nguyễn Cát Tiểu Giang: Senior Java Developer tại Saigon Technology - Global Software Development Company; Software Developer tại Multiplier; Research Development Software Developer tại Makino (Nhật Bản); cựu Software Developer tại FPT Software.
Mentor Nguyễn Trung Trí: Giảng viên Đại học FPT phân hiệu Cần Thơ; Trưởng nhóm kỹ thuật tại Giải pháp Công nghệ Sơn Nghi; Thạc sĩ Khoa học máy tính chuyên ngành Trí tuệ nhân tạo tại Trường Đại học Công nghiệp Thành phố Hồ Chí Minh.
Mentor Hồ Sơn Tùng: CEO NEWAIVIET; Giảng viên Cao đẳng Bách khoa Hà Nội; Giám đốc Đào tạo Aptech Việt Nam; Trưởng khoa Phát triển Chương trình FUNiX; Nguyên CTO Công ty Cổ phần Giải pháp Công nghệ Lạc Hồng (10 năm); Nguyên CTO Tập đoàn Công nghệ Thăng Long (1 năm); Nguyên CTO AIBOX (2 năm).
Mentor Nguyễn Duy Hoàng: Thạc sĩ Kỹ thuật, sở hữu chứng chỉ Lập trình viên quốc tế và AWS Certified Associate; Giảng viên CNTT Khoa liên kết quốc tế (FPT International Academy) thuộc FPT Polytechnic; hơn 20 năm kinh nghiệm trong ngành CNTT với các vai trò Lập trình viên, Quản trị dự án phần mềm, Giảng viên CNTT, Chuyên gia xây dựng và phản biện môn học liên quan đến CNTT.