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

Thiết kế giao diện người dùng với AI là học phần trang bị nền tảng và quy trình thực hành để người học phát triển sản phẩm giao diện từ nghiên cứu, xác định nhu cầu đến thiết kế, tạo mẫu tương tác và kiểm thử. Học phần giúp người học hiểu mối quan hệ bản chất giữa Giao diện người dùng (UI) và Trải nghiệm người dùng (UX), đồng thời hình thành tư duy thiết kế lấy người dùng làm trung tâm.

Người học được tiếp cận các nguyên lý tâm lý học hành vi, Mental Models, Gestalt và Usability Heuristics của Jakob Nielsen; thực hành Sketching, User Flows, Sitemaps, Wireframing, Visual UI, Typography, Color, Spacing, Auto Layout, Components, Variants và Design System trong Figma. Quy trình học tập được triển khai xuyên suốt từ nghiên cứu người dùng đến Prototype và Usability Testing.

AI được tích hợp vào nhiều công đoạn của quy trình thiết kế, bao gồm brainstorming, phân tích bài toán, nghiên cứu người dùng, xây dựng Persona, tạo khảo sát và kịch bản phỏng vấn, phân tích đối thủ, tổng hợp insight, sinh layout, hỗ trợ Wireframe và UX Copy. Người học đồng thời được rèn luyện khả năng kiểm chứng, phản biện và điều chỉnh các kết quả do AI gợi ý thay vì sử dụng đầu ra AI một cách máy móc.

Học phần tạo nền tảng để người học có thể triển khai một quy trình thiết kế UI/UX tương đối hoàn chỉnh, từ xác định vấn đề và kiến trúc thông tin đến giao diện trực quan, Prototype và đánh giá khả năng sử dụng. Những năng lực này hỗ trợ trực tiếp cho các hoạt động thiết kế sản phẩm số, phối hợp với Developer và phát triển portfolio dự án thực tế.

XU HƯỚNG CÔNG NGHỆ

Thiết kế sản phẩm số ngày càng yêu cầu Designer không chỉ tạo ra giao diện trực quan mà còn phải hiểu người dùng, cấu trúc thông tin, khả năng tiếp cận và cách kiểm chứng chất lượng trải nghiệm. Quy trình thiết kế vì vậy có xu hướng kết nối nghiên cứu, thiết kế giao diện, prototyping và kiểm thử trong một chuỗi hoạt động liên tục.

AI đang được đưa vào nhiều khâu của quy trình UI/UX như brainstorming, nghiên cứu và tổng hợp dữ liệu, phân tích đối thủ, sinh layout, wireframe, UX Copy và hỗ trợ xây dựng sản phẩm trong các công cụ thiết kế. Hệ sinh thái công cụ trong học phần bao gồm ChatGPT, Claude, Stitch AI Google, Figma Make AI, AI Plugins, Perplexity AI, Dovetail và Otter AI.

Trong bối cảnh đó, người học cần phát triển năng lực kết hợp giữa tư duy thiết kế và khả năng sử dụng AI có kiểm soát. Trọng tâm không chỉ là tạo sản phẩm nhanh hơn mà còn phải biết đánh giá tính phù hợp, kiểm chứng thông tin, phản biện đầu ra AI và điều chỉnh thiết kế dựa trên bằng chứng từ người dùng.

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

Học phần tập trung hình thành năng lực thiết kế UI/UX theo quy trình, đồng thời giúp người học sử dụng AI như một công cụ hỗ trợ nghiên cứu, sáng tạo và tối ưu năng suất nhưng vẫn duy trì khả năng đánh giá của Designer.

Hiểu và vận dụng các nguyên lý UI/UX, tâm lý học thiết kế, Design Patterns, Accessibility và các nguyên tắc đánh giá khả năng sử dụng.
Thực hiện nghiên cứu người dùng, xây dựng Persona và xác định phạm vi bài toán với sự hỗ trợ có kiểm soát của AI.
Chuyển hóa nhu cầu người dùng thành User Flows và kiến trúc thông tin, tạo cơ sở cho việc tổ chức cấu trúc sản phẩm.
Phác thảo và xây dựng Wireframe nhanh chóng bằng phương pháp thiết kế truyền thống kết hợp các công cụ AI.
Thiết kế Visual UI có hệ thống trong Figma, bao gồm Typography, Color, Spacing, Grid, Auto Layout, Components, Variants và Design System.
Xây dựng Prototype đa màn hình với các luồng tương tác, chuyển động và Micro-interactions phù hợp với trải nghiệm người dùng.
Thực hiện Usability Testing, Heuristic Audit và phân tích phản hồi để đánh giá, cải tiến sản phẩm thiết kế.
Tích hợp AI vào quy trình thiết kế một cách có trách nhiệm, biết kiểm chứng và phản biện các kết quả AI trước khi đưa vào sản phẩm.

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

Người học muốn xây dựng nền tảng chuyên môn về UI/UX và quy trình thiết kế sản phẩm số.
Người học định hướng phát triển theo vai trò UI Designer, UX Designer hoặc Product Designer.
Người học muốn làm việc với Figma và xây dựng giao diện, Design System và Prototype có tính hệ thống.
Người học muốn ứng dụng AI vào nghiên cứu, brainstorming, Wireframing, tạo layout và tối ưu quy trình thiết kế.
Người học cần phát triển năng lực kiểm thử, đánh giá và cải tiến thiết kế dựa trên phản hồi người dùng.

MỤC TIÊU ĐẦU RA

G1: Giải thích và vận dụng được các nền tảng UI/UX, nguyên lý tâm lý học thiết kế, Mental Models, Gestalt, Design Patterns, Usability Heuristics và Accessibility trong thiết kế, đánh giá giao diện.
G2: Thực hiện được nghiên cứu người dùng và chuyển hóa kết quả nghiên cứu thành Persona, phạm vi dự án, User Flows và kiến trúc thông tin với sự hỗ trợ của AI.
G3: Phác thảo và xây dựng được Wireframe, đồng thời sử dụng Figma và các công cụ AI để nhanh chóng hình thành và hoàn thiện cấu trúc giao diện.
G4: Thiết kế được Visual UI và Design System có tính nhất quán, sử dụng các nguyên tắc về Typography, Color, Spacing, Grid, Auto Layout, Components và Variants.
G5: Xây dựng được Prototype đa màn hình với luồng tương tác, Connections, Triggers, Smart Animate và các hiệu ứng phù hợp với trải nghiệm người dùng.
G6: Tích hợp hiệu quả các công cụ AI vào quy trình UI/UX, từ nghiên cứu và tạo ý tưởng đến UX Copy, layout và phân tích dữ liệu, đồng thời kiểm chứng và phản biện đầu ra AI.
G7: Thực hiện được Usability Testing và Heuristic Audit, phân tích phản hồi và sử dụng bằng chứng kiểm thử để điều chỉnh thiết kế.
G8: Hoàn thiện sản phẩm thiết kế giao diện có khả năng trình bày và kiểm chứng, thể hiện năng lực kết hợp giữa tư duy thiết kế, công cụ chuyên môn và AI.

PHƯƠNG PHÁP HỌC

Học phần triển khai theo hướng Learning by Doing, kết hợp Video và nội dung Text để hình thành kiến thức nền, Quiz và Progress Test để củng cố và kiểm tra mức độ hiểu, cùng các hoạt động thực hành thiết kế trong Figma. Người học từng bước thực hiện Sketching, User Flow, Sitemap, Wireframe, Visual UI, Design System và Prototype, đồng thời sử dụng AI trong nghiên cứu, phân tích dữ liệu, sinh ý tưởng và hỗ trợ thiết kế. Các Assignment tập trung vào sản phẩm thực tế, bao gồm Wireframe và giao diện với Stitch AI Google, Mockup Website hoàn chỉnh và báo cáo kiểm thử, qua đó tạo điều kiện để người học kiểm chứng, phản biện và cải tiến đầu ra AI.

LÝ DO NÊN HỌC

Học phần cung cấp một quy trình tương đối đầy đủ để người học đi từ hiểu UI/UX, nghiên cứu người dùng và tổ chức thông tin đến Wireframing, Visual UI, Design System và Prototyping. Việc kết hợp Figma với các công cụ AI giúp người học có thêm phương pháp để khám phá ý tưởng và tăng tốc một số công đoạn, trong khi các hoạt động kiểm thử và phản biện giúp duy trì chất lượng thiết kế.

Về nghề nghiệp và học thuật, người học hình thành nền tảng để tiếp tục phát triển theo hướng UI/UX hoặc Product Design, đồng thời có khả năng phối hợp tốt hơn với các vai trò liên quan đến phát triển sản phẩm. Năng lực nghiên cứu, thiết kế có hệ thống, tạo Prototype, kiểm thử và sử dụng AI có kiểm soát cũng tạo cơ sở để xây dựng và trình bày các sản phẩm thiết kế thực tế.

NỘI DUNG NỔI BẬT

Module 1: Tổng quan UI/UX và Tâm lý học Thiết kế. Người học xây dựng nền tảng về UI/UX, quy trình thiết kế, Sketching và các vai trò trong ngành thiết kế. Module đồng thời giới thiệu Design Patterns và Accessibility, giúp người học hiểu cách các mẫu thiết kế và khả năng tiếp cận tác động đến trải nghiệm người dùng.
Module 2: Nghiên cứu người dùng với AI, User Flows và Sitemaps. Người học thực hành sử dụng AI để brainstorming, phân tích bài toán, lập kế hoạch khảo sát và xây dựng kịch bản phỏng vấn. Từ kết quả nghiên cứu, người học phát triển User Flows và Sitemaps để tổ chức cấu trúc và luồng trải nghiệm của sản phẩm.
Module 3: Wireframing, Figma và xử lý dữ liệu với AI. Module tập trung vào tư duy và quy trình xây dựng Wireframe, từ việc sử dụng các thành phần khung dây đến thực hành dựng cấu trúc giao diện. Figma được sử dụng làm môi trường thiết kế chính, kết hợp AI để phân tích kết quả khảo sát, tổng hợp dữ liệu và trích xuất insight.
Module 4: Visual UI, Auto Layout và Design System. Người học phát triển năng lực thiết kế giao diện trực quan dựa trên Spacing, Grid, Typography, Color, Iconography và Accessibility. Module mở rộng sang Auto Layout, Components, Variants và xây dựng Design System, đồng thời giới thiệu các công cụ AI hỗ trợ xử lý transcript và nghiên cứu.
Module 5: Prototyping và trải nghiệm tương tác. Người học chuyển thiết kế tĩnh thành Prototype đa màn hình có khả năng mô phỏng luồng trải nghiệm. Nội dung tập trung vào Connections, Triggers, Interactions, Smart Animate và cách hoàn thiện Prototype cho nhiều thiết bị.
Module 6: Usability Testing và phản biện thiết kế với AI. Module tập trung vào kiểm thử khả năng sử dụng, tổ chức và điều phối kiểm thử người dùng, phân tích kết quả và trình bày nghiên cứu. Người học sử dụng kết quả kiểm thử để đánh giá thiết kế và phản biện các đề xuất do AI hỗ trợ trước khi điều chỉnh sản phẩm.