Chuyển từ Web Design sang UX Design: Lộ trình 12 tuần

Chuyển từ Web Design (thiết kế web) sang UX Design (thiết kế trải nghiệm người dùng) không có nghĩa bắt đầu lại từ đầu. Bạn có thể tận dụng kỹ năng bố cục, giao diện trên điện thoại, HTML/CSS và làm việc với lập trình viên. Điều cần học thêm là tìm hiểu người dùng, kiểm thử giải pháp và giải thích quyết định bằng bằng chứng.

Không có lộ trình, mức lương hoặc thời gian chuyển nghề áp dụng cho mọi người. Cơ hội phụ thuộc thị trường, kinh nghiệm, portfolio, khả năng trình bày quyết định, kỹ năng cộng tác và loại vai trò bạn ứng tuyển.

Câu trả lời ngắn

Hãy đánh giá kỹ năng đang có, chọn một vị trí UX muốn theo đuổi, học nghiên cứu và thử giải pháp. Sau đó làm 1–2 dự án có bằng chứng, viết rõ phần mình đã làm và luyện trình bày trước người tuyển dụng. Không tạo hồ sơ chỉ gồm ảnh đẹp hoặc kết quả nghiên cứu giả.

Web Design và UX Design khác nhau ở đâu?

Các công ty có thể phân chia trách nhiệm thiết kế website, giao diện và trải nghiệm khác nhau. Cần đọc mô tả công việc cụ thể thay vì chỉ nhìn chức danh.

Web Design: thiên về bố cục, hình ảnh, nội dung và việc website hiển thị đúng trên thiết bị.
UX Design: tập trung việc người dùng muốn làm, điểm họ gặp khó và bằng chứng giải pháp có ích.
Cả hai có phần giao nhau: menu, biểu mẫu, điện thoại và cách phản hồi khi thao tác. Vai trò cụ thể phụ thuộc công ty.

Người thiết kế website thường đã có kinh nghiệm làm menu, biểu mẫu, ưu tiên nội dung và kiểm tra điện thoại. Phần nên rèn thêm là hỏi đúng người, xác định vấn đề, thử giải pháp và đo kết quả.

Những kỹ năng có thể chuyển đổi

Bố cục và thứ tự thông tin: giúp khách nhìn thấy nội dung quan trọng; học thêm cách thử họ có thực sự tìm được thông tin.
Thiết kế đa thiết bị: đã biết hiển thị điện thoại; cần thử người dùng thao tác trên những thiết bị khác nhau.
HTML/CSS: hiểu cách triển khai giúp phối hợp lập trình viên và hạn chế đề xuất khó thực hiện.
Màu sắc, giao diện: dùng được cho thiết kế nhất quán; cần bổ sung khả năng tiếp cận.
Trao đổi với khách hàng: có nền tảng đặt câu hỏi; cần tránh hỏi dẫn dắt.
Kiểm tra website: đã quen kiểm tra hiển thị; học thêm kiểm tra theo nhiệm vụ của người dùng.

Có thể học sâu hơn về Visual Hierarchy, Adaptive và Responsive Design cùng Cross-device Compatibility.

Những khoảng trống cần bổ sung

Xác định vấn đề: ai gặp trở ngại gì, có bằng chứng nào?
Nghiên cứu người dùng: hỏi, quan sát, khảo sát, ghi rõ người tham gia và giới hạn.
Tổ chức nội dung: bố trí menu và bước thao tác dễ theo dõi.
Thiết kế tương tác: làm rõ trạng thái chờ, lỗi, thành công và cách thử lại.
Kiểm tra khả năng sử dụng: giao nhiệm vụ, quan sát, sửa và thử lại.
Khả năng tiếp cận: xem bàn phím, phóng to chữ và nội dung cho người khuyết tật.
Đo lường và cộng tác: phân biệt lượt bấm với kết quả thật, giải thích hạn chế kỹ thuật và chi phí.

Đọc thêm UX Research, Interaction Design, State-Based Design và Usability.

Tự đánh giá trước khi chuyển hướng

Trước khi mua khóa học hoặc nghỉ việc, hãy tự xem lại một dự án đã làm:

Bạn có biết người dùng chính và task quan trọng nhất không?
Quyết định layout dựa trên evidence hay ý kiến người duyệt?
Bạn có thể giải thích tại sao một flow được chọn thay vì phương án khác?
Bạn đã quan sát người dùng thật hay chỉ dựa trên giả định?
Bạn có thiết kế loading, error, empty và permission state không?
Bạn có theo dõi outcome sau release không?
Bạn có thể chỉ rõ vai trò cá nhân trong kết quả nhóm không?

Nếu câu trả lời chủ yếu là “chưa”, đó là danh sách học tập cụ thể hơn nhiều so với mục tiêu chung chung “học UX”.

Chọn vai trò UX cụ thể

UX Designer: nghiên cứu nhu cầu, sắp xếp luồng sử dụng và kiểm thử.
UI Designer: thiết kế giao diện và các chi tiết tương tác, gần với người làm Web Design.
Product Designer: tham gia quyết định thiết kế theo mục tiêu sản phẩm.
UX Researcher: tập trung phương pháp nghiên cứu người dùng.
Design System Designer: xây các quy tắc và thành phần giao diện dùng chung.
UX Engineer: kết nối giao diện thiết kế và mã lập trình.

Đừng chạy theo tên nghề đang thịnh hành. Hãy đọc vài mô tả tuyển dụng thật rồi so sánh kỹ năng đang có với yêu cầu còn thiếu.

Lộ trình 12 tuần mẫu

Đây là lịch học tham khảo, không phải cam kết có việc sau 12 tuần. Có thể học lâu hơn nếu bạn đang đi làm hoặc chưa có người tham gia kiểm thử.

Tuần 1–2: xem mô tả tuyển dụng, tự đánh giá kỹ năng và chọn vai trò muốn theo đuổi.
Tuần 3–4: học cách xác định vấn đề, đặt câu hỏi phỏng vấn và ghi chép trung thực.
Tuần 5–6: tổ chức nội dung, vẽ các bước thao tác và bản phác thảo.
Tuần 7–8: cho người phù hợp thử nhiệm vụ, ghi lỗi và điều chỉnh.
Tuần 9–10: hoàn thiện thiết kế, trạng thái lỗi và kiểm tra điện thoại, bàn phím.
Tuần 11: viết bài dự án có bằng chứng, nêu vai trò và giới hạn.
Tuần 12: nhờ góp ý, luyện trình bày và chuẩn bị ứng tuyển.

Chất lượng dự án quan trọng hơn tiến độ học. Nếu chưa có người tham gia thử hoặc chưa có dữ liệu, hãy ghi rõ giới hạn thay vì bịa nhận xét.

Cách chọn dự án portfolio

Một hoặc hai bài trình bày dự án có bằng chứng và vai trò rõ thường hữu ích hơn nhiều ảnh giao diện đẹp không giải thích được quyết định.

Dự án đã làm thật: có bối cảnh và giới hạn, nhưng phải được phép chia sẻ dữ liệu.
Dự án nội bộ hoặc tình nguyện: có cơ hội quan sát nhiệm vụ thực tế.
Dự án tự đặt ra: phù hợp thực hành, cần ghi rõ là giả định nếu chưa có dữ liệu.
Thiết kế lại app nổi tiếng: có thể luyện giao diện nhưng không được nhận mình biết vấn đề hay số liệu nội bộ của hãng.

Nếu tự thiết kế lại một sản phẩm để học, hãy nêu đó là dự án giả định: bạn dựa vào thông tin công khai nào, đã thử với ai (nếu có) và điều chưa thể kết luận.

Cấu trúc một UX case study đáng tin cậy

Bối cảnh: sản phẩm, đối tượng, constraint và thời gian.
Vai trò: bạn làm gì, người khác làm gì.
Vấn đề: evidence nào cho thấy đây là vấn đề.
Phương pháp: tại sao chọn interview, survey, analytics hoặc usability test.
Finding: phân biệt observation, interpretation và hypothesis.
Quyết định: phương án, trade-off và lý do loại bỏ.
Iteration: điều gì thay đổi sau test hoặc feedback.
Outcome: usability, product hoặc business evidence; không có thì ghi chưa xác định.
Reflection: giới hạn và điều sẽ làm khác.

Không cần đưa tất cả tệp thiết kế vào hồ sơ. Chỉ giữ nội dung giúp người xem hiểu quá trình ra quyết định.

Research ethics và dữ liệu người dùng

Xin consent trước khi ghi âm hoặc ghi hình.
Không đăng tên, email, ảnh hoặc dữ liệu nhạy cảm của participant vào portfolio.
Không gọi ý kiến của vài người quen là “nghiên cứu đại diện thị trường”.
Ghi rõ sample, recruitment bias và giới hạn.
Không đưa dữ liệu khách hàng vào công cụ AI khi chưa được phép.

Đọc thêm UX Survey để kiểm soát câu hỏi, sample và cách diễn giải.

Bộ công cụ tối thiểu

Bạn không cần học nhiều phần mềm cùng lúc. Có thể bắt đầu với:

Một công cụ làm bản thiết kế và bản mẫu bấm thử như Figma hoặc Penpot.
Một ứng dụng ghi chú để tổng hợp điều quan sát được.
Một bảng tính hoặc thư mục có phân quyền để lưu dữ liệu nghiên cứu.
Cách tổ chức và ghi nhận thử nghiệm phù hợp người tham gia và ngân sách.
Công cụ trình duyệt để kiểm tra kỹ thuật và khả năng tiếp cận.

Xem hướng dẫn chọn công cụ UX/UI theo công việc. Công cụ chỉ hỗ trợ công việc, không thay thế câu hỏi nghiên cứu tốt hay sự đánh giá của bạn.

Chuẩn bị CV, portfolio review và phỏng vấn

CV nêu việc đã làm và kết quả có căn cứ, không chỉ liệt kê phần mềm.
Hồ sơ có mục lục rõ và các dự án dễ xem trên điện thoại.
Chuẩn bị bản trình bày 15–20 phút và phiên bản ngắn 5 phút.
Luyện giải thích vì sao chọn phương án này thay vì phương án khác khi giới hạn kỹ thuật hoặc thời gian.
Chuẩn bị nói về một lần chưa thành công, giới hạn và điều cần tìm hiểu thêm.
Không nhận “tôi tăng chuyển đổi” nếu bạn chỉ có bản mẫu hoặc số lượt bấm.

Nhà tuyển dụng có thể quan tâm khác nhau tới bằng cấp, kinh nghiệm ngành, portfolio, kỹ năng giao tiếp và quyền làm việc. Không nên khẳng định mọi công ty chỉ xem portfolio hoặc không quan tâm bằng cấp.

Các lỗi thường gặp khi chuyển từ Web Design sang UX

Chỉ làm ảnh giao diện đẹp: bổ sung vấn đề, lý do quyết định và cách kiểm thử.
Học quá nhiều phần mềm: chọn một công cụ đủ dùng, chú trọng phương pháp.
Chỉ tìm lời xác nhận giả thuyết: dùng câu hỏi trung lập, tìm cả bằng chứng trái chiều.
Không rõ vai trò cá nhân: tách phần mình thực hiện khỏi kết quả nhóm.
Khẳng định hiệu quả không có số liệu: ghi “chưa xác định”, nêu cách kiểm tra sau.
Quên khả năng tiếp cận: đưa người dùng với khả năng khác nhau vào quy trình.
Dùng AI tạo phát hiện giả: chỉ dùng để hỗ trợ ghi chép, không bịa nghiên cứu.

FAQ về chuyển nghề UX Design

Có cần biết code để làm UX Design không?

Không phải mọi vai trò UX đều yêu cầu code, nhưng hiểu HTML, CSS, component, state và constraint kỹ thuật giúp cộng tác tốt hơn. Yêu cầu cụ thể phụ thuộc công việc.

Chuyển nghề mất bao lâu?

Không có mốc cố định. Thời gian phụ thuộc nền tảng, thời lượng học, access tới dự án, chất lượng feedback và yêu cầu thị trường mục tiêu.

Cần bao nhiêu case study?

Không có số bắt buộc. Một hoặc hai case sâu, có evidence và vai trò rõ thường tốt hơn nhiều case mỏng. Hãy đáp ứng yêu cầu của vị trí ứng tuyển.

Có nên học khóa UX trước khi làm portfolio?

Khóa học có thể cung cấp cấu trúc và feedback, nhưng portfolio cần dự án và evidence. Đừng chờ học hết mọi khái niệm mới bắt đầu thực hành.

Kết luận

Chuyển từ Web Design sang UX Design là mở rộng công việc từ làm giao diện sang tìm hiểu vấn đề người dùng và kiểm chứng giải pháp. Tận dụng nền tảng hiện có, nhưng hãy học nghiêm túc phương pháp nghiên cứu, kiểm thử và phối hợp.

Không có lộ trình nào bảo đảm lương hay ngày được tuyển dụng. Hãy dùng những dự án trung thực để chứng minh cách suy nghĩ và kỹ năng.

Nguồn nền tảng

Đoàn Trình Dục

Đoàn Trình Dục là Giảng viên Khoa Công nghệ Thông tin tại Đại học Công nghệ Sài Gòn (STU), với hơn 10 năm kinh nghiệm thực chiến trong các lĩnh vực Mạng máy tính, Marketing Online, SEO và Bảo mật hệ thống.
Với nền tảng sư phạm và kinh nghiệm tư vấn cho nhiều doanh nghiệp, thầy chuyên sâu vào việc xây dựng các giải pháp kỹ thuật số toàn diện và hiệu quả.

Tôi muốn nâng kỹ năng và chuyển sâu sang UX/UI