Trong kỷ nguyên AI, trọng tâm của việc học UI/UX sẽ chuyển từ việc thực hiện các tác vụ lặp đi lặp lại sang phát triển tư duy chiến lược, khả năng nghiên cứu sâu và kỹ năng ra lệnh (prompting) hiệu quả cho AI.
Lộ trình học UI/UX chi tiết
Dù có AI, lộ trình cơ bản vẫn cần vững vàng, nhưng sẽ bổ sung thêm các yếu tố về AI.
| Giai đoạn | Nội dung Cốt lõi (vẫn quan trọng) | Tích hợp Tư duy AI (Yếu tố mới) |
|---|---|---|
| Bước 1: Nền tảng |
Nguyên lý Thiết kế: Typography, Lý thuyết màu sắc, Bố cục, Nguyên tắc Gestalt. Công cụ cơ bản: Thành thạo Figma (hoặc Sketch, Adobe XD). | Hiểu về hạn chế của AI trong thiết kế (vấn đề đạo đức, bản quyền, tính độc đáo). |
| Bước 2: UX Design |
Nghiên cứu người dùng (User Research): Phỏng vấn, Khảo sát, Phân tích Đối thủ. Tài liệu UX: Persona, Customer Journey Map (CJM), User Flow, Information Architecture (IA). | Sử dụng AI để tổng hợp/phân tích dữ liệu nghiên cứu, viết câu lệnh tạo kịch bản/nội dung UX (UX Writing). |
| Bước 3: UI Design |
Thiết kế Giao diện: Wireframe (Low-fi, High-fi), Thiết kế giao diện (Design System, Component). Tạo mẫu (Prototyping) và tương tác. | Dùng AI tạo hình ảnh/icon (Image Generation), gợi ý phối màu/font chữ, hoặc tạo Mockup nhanh từ văn bản (Text-to-UI). |
| Bước 4: Thực hành & Chuyên môn hóa |
Xây dựng Portfolio với các dự án thực tế. Học thêm về Responsive Design, Accessibility (khả năng tiếp cận), Frontend cơ bản (HTML/CSS). | Kiểm thử AI-generated Design: Đánh giá tính khả dụng (Usability) của giao diện do AI tạo ra và chỉnh sửa. |
Các công cụ AI miễn phí cho UI/UX
Bạn có thể nghiên cứu và sử dụng các công cụ sau trong quá trình thực hành, nhiều công cụ có phiên bản miễn phí hoặc dùng thử:
Figma (Cộng đồng và Plugin AI):
-
- Công dụng: Công cụ thiết kế chính.
- Nghiên cứu/Thực hành: Sử dụng các Plugin AI trong Figma (ví dụ: Relume AI để tạo cấu trúc Wireframe, Layermate, UI Generator để tạo một số thành phần UI cơ bản, hoặc Codia AI DesignGen tạo các trang web theo promt).
- Lưu ý: Mặc dù Figma miễn phí cho cá nhân, một số Plugin AI có thể yêu cầu trả phí, nhưng nhiều công cụ thử nghiệm cơ bản là miễn phí.
Uizard:
-
- Công dụng: Công cụ thiết kế web sử dụng AI.
- Nghiên cứu/Thực hành: Cho phép bạn vẽ phác thảo bằng tay hoặc nhập văn bản, sau đó AI sẽ tự động hóa tạo ra thiết kế UI. Có gói miễn phí (thường giới hạn số lượng dự án/template).
Công cụ tạo hình ảnh AI (Image Generation):
-
- Công dụng: Tạo nhanh các hình minh họa (illustrations), icon, hoặc hình ảnh nền/sản phẩm cho Mockup.
- Ví dụ: Canva Magic Studio (có giới hạn sử dụng miễn phí), Microsoft Copilot (tích hợp DALL-E 3, miễn phí).
Usetiful (Hotjar hoặc các công cụ tương tự):
-
- Công dụng: Nghiên cứu và kiểm thử trải nghiệm người dùng.
- Nghiên cứu/Thực hành: Dù không phải là AI tạo thiết kế, các công cụ này giúp bạn thu thập dữ liệu về cách người dùng tương tác với giao diện của bạn (Heatmap, Session recording). Nhiều công cụ có gói miễn phí cơ bản.
ChatGPT / Gemini:
-
- Công dụng: Trợ lý nghiên cứu và viết nội dung.
- Nghiên cứu/Thực hành: Sử dụng để tóm tắt kết quả nghiên cứu, viết các đề xuất tiêu đề (Headline) hoặc nội dung nút (CTA), tạo Persona hoặc kịch bản phỏng vấn dựa trên các thông số đầu vào.
Việc tích hợp AI sẽ giúp bạn rút ngắn thời gian làm việc thủ công, nhưng điều cốt lõi vẫn là tư duy giải quyết vấn đề lấy người dùng làm trung tâm của một Designer chuyên nghiệp.
Giảng viên Trần Bá Hộ
Bộ môn Công nghệ thông tin
FPT Polytechnic TP HCM
