ĐĂNG KÝ NGAY

LỘ TRÌNH HỌC CHI TIẾT
SẢN PHẨM HỌC VIÊN
Tại sao chọn mindX?

KHÓA HỌC
UI/UX DESIGN

THÀNH THẠO THIẾT KẾ GIAO DIỆN
TỐI ƯU TRẢI NGHIỆM NGƯỜI DÙNG CHỈ SAU 8 THÁNG

ĐĂNG KÝ ĐỂ NHẬN LỊCH KHAI GIẢNG

UI/UX DESIGN
NGHỀ HẤP DẪN NHẤT THẾ KỶ 21 

HỌC UI/UX DESIGN XONG
BẠN SẼ LÀM GÌ?

ĐĂNG KÝ NGAY

Lộ trình học UI/UX Design trong 8 tháng - Hỗ trợ giới thiệu việc làm trọn đời

Lợi ích khoá học

Nắm vững
kiến thức thực tế 

Bạn sẽ nắm vững các kiến thức trong quy trình thiết kế UI/UX, từ khâu research → xác định vấn đề → thiết kế chuẩn theo quy tắc → thử nghiệm (usability Testing) → đánh giá và tối ưu thiết kế đáp ứng nhu cầu người dùng. 

Tích luỹ kinh nghiệm 

Bạn sẽ tích luỹ kinh nghiệm được chứng minh qua các dự án làm theo cá nhân hoặc nhóm trong suốt khoá học, là lợi thế khi đi phỏng vấn xin việc.   

Hoàn thiện kỹ năng 

Bạn sẽ được hoàn thiện các kỹ năng cần thiết để trở thành UI-UX Designer: kỹ năng giải quyết vấn đề (problem solving), kỹ năng làm việc với các team liên quan như Developer, Product Owner/Product Manager,... 

Thành thạo
công cụ 

Bạn sẽ sử dụng thành thạo các công cụ phục vụ thiết kế UI/UX Website & Mobile App chuyên nghiệp (Figma), dễ dàng tạo bộ design system, layout website, shopping page, Landing Page, app mobile,.. 

KỲ HỌC 1 - Introduction to UI/UX Design

KỲ HỌC 2 - UI/UX Design For Everyone

KỲ HỌC 3 - UI/UX Design Intensive

TỔNG QUAN KHOÁ HỌC

CHƯƠNG TRÌNH HỌC

  • Giới thiệu nguyên lý thiết kế và các yếu tố cơ bản trong nguyên lý thiết kế. 
  • Giới thiệu và cài đặt công cụ Figma. 
Buổi 2: Fame trong Figma 
Tổng quan kỳ học: 
Giúp học viên nắm vững kiến thức nền tảng của UI/UX Design, học chuyên sâu về công cụ (Figma) cho thiết kế UI/UX. 

Chương trình

Buổi 1: Nguyên lý thiết kế
  • Tạo và làm việc với Frame. 
  • So sánh Frame và Group. 
  • Copywork (Thực hiện theo mẫu) yêu cầu sử dụng Frame. 
Buổi 3: Autolayout 
  • Thực hành tạo Autolayout đơn giản & lồng ghép phức tạp. 
  • Copywork (Thực hiện theo mẫu) yêu cầu sử dụng Autolayout. 
Buổi 4: Component/Instance/Variants (Công cụ nền tảng hỗ trợ cho sự tự động hóa trong figma)
  • Giới thiệu về component/instance
  • Hướng dẫn sử dụng component và instance. 
  • Giới thiệu các thuộc tính của Variants - bản nâng cấp nâng tầm component. 
Buổi 5: Typography, Text Style & Color Style 
  • Tạo style cơ bản, hệ thống font chữ màu sắc.
Buổi 6: Prototype và trình diễn (Trình diễn trong figma giúp bạn làm rõ hơn về quy trình vận hành của web/app)
  • Giới thiệu về prototype trong Figma.
  • Cách tạo interaction, Setup prototype.
  • Các thuộc tính của interaction.
  • Overlay và các tính chất của overlay.
  • Smart animation và Animation trong Figma prototype.
  • Trình diễn thành phần và scrolling.
Buổi 7: Review & giải đáp chuyên sâu về công cụ Figma
Buổi 8: Giới thiệu các thành phần cơ bản của 1 website/app 
  • Sitemap, UserFlow, WireFrame.
  • Thực hành tạo Wireframe với Figma. 
Buổi 9: Tạo style cơ bản cho giao diện (màu sắc, font chữ...)
  • Stylist cho website.
  • Thực hành thiết kế giao diện cho wireframe sẵn có. 
Buổi 10-12: Thực hành làm bài tập 
  • Thiết kế trang đăng nhập, tạo tài khoản. 
  • Redesign trang web mẫu theo layout của riêng bạn. 
  • Redesign trang m lịch Việt Nam.
Buổi 13-15: Present Project cuối kỳ.
Buổi 16: Ôn tập lại kiến thức cũ và tổng kết. 
Khóa học UX/UI Design cung cấp những kiến thức và kỹ năng để thiết kế giao diện và trải nghiệm người dùng Web/ App. Các kiến thức được dạy sẽ là các kiến thức thực tế nhất để có thể áp dụng được NGAY, bằng phương pháp truyền đạt dễ nhớ chứ không dàn trải, lý thuyết.

Lộ trình được chia thành 4 giai đoạn: 
Giai đoạn 1: Học chuyên sâu về công cụ (Figma) và quy tắc chung trong thiết kế, là cách tiếp cận UI/UX tốt nhất với người mới bắt đầu (chưa có background về thiết kế). 
Giai đoạn 2: Học chuyên sâu về UI Design. 
Giai đoạn 3: Học chuyên sâu UX Design.
Giai đoạn 4: Tích lũy kinh nghiệm thông qua làm dự án do doanh nghiệp trực tiếp đề ra và chuẩn bị các kỹ năng mềm cần thiết để đi xin việc. 

Xem chi tiết dưới đây
Tổng quan kỳ học: 
Học chuyên sâu về kiến thức & quy trình thiết kế giao diện người dùng (UI Design), tự mình thiết kế UI hoàn chỉnh một Mobile App/Website để bổ sung vào Portfolio cá nhân. 
Chương trình học: 
  • Giới thiệu về các yếu tố tổng quan để tạo ra 1 dự án UI.
  • Giới thiệu các yếu tố chính tạo nên giao diện người dùng, Design before design. 
  • Thực hành tạo Project Brief và Moodboard bằng Figma. 
  • Chia nhóm để làm dự án. 
Buổi 1: Nhập môn thiết kế giao diện người dùng (UI Design)
Buổi 2: Wireframe
  • Dựng wireframe dựa trên site map. 
  • Tạo wireframe cơ bản cho project đã chọn ở buổi 1.
Buổi 3: Màu sắc
  • Màu sắc trong thiết kế UI/UX (bảng màu 7 cấp độ và cách ứng dụng hữu ích trong nhiều sản phẩm web/app ). Quy tắc sử dụng màu. Tầm quan trọng của màu sắc trong thiết kế.
  • Tạo color style và text style cho Web/App
Buổi 4: Grid System
  • Giới thiệu về 3 hệ thống lưới: Column, Row, Grid.
  • Giới thiệu về Layout Desktop, Ipad & Mobile. 
  • Thực hành xây dựng hệ thống lưới với nhiều thiết bị màn hình, responsive Grid & Adaptive.
  • Thực hành tạo ra bộ Grid Guideline cho app/web 2-4-6-8-12 cột. 
Buổi 5: Typography
  • Cách chọn và kết hợp font.
  • Các quy tắc trong typography.
  • Thực hành tạo ra bộ Text Guideline cho toàn bộ app/web.
Buổi 6: Iconography
  • Giới thiệu về bộ Icon dùng trong UI/UX và cách vẽ icon.
  • Tạo ra bộ Icon Guideline cho app/web.
Buổi 7: Design system - Atomic Design
  • Design system - Hệ thống thiết kế: bắt đầu từ thói quen tạo thư viện thiết kế, hướng đến tư duy cho việc phát triển sản phẩm quy mô lớn trong tương lai.
  • Atomic design - phương pháp luận cho việc tạo nên hệ thống thiết kế. Hiểu biết về 5 cấp độ giúp áp dụng phù hợp mà không gượng ép, đặc biệt là cấp độ mol và org.
  • Thực hành xây dựng 1 bộ design system.
Buổi 8: Button, non-button và Auto Layout
  • Button & Non-button.
  • State and changes.
  • Khái niệm và ứng dụng Auto Layout, thiết kế 1 layout được cập nhật tự động.
  • Thực hành tạo ra elements sử dụng auto layout. 
Buổi 9: Components
  • Giới thiệu về Component, variant thành phần và thuộc tính.
  • Hoàn thiện UI Components.
Buổi 10: Usability Heuristics
  • Thiết kế đồng nhất và phân cấp.
  • Hiệu ứng thị giác ảnh hưởng đến thiết kế giao diện.
Buổi 11: Interaction and Prototype cơ bản
  • Giới thiệu về các kiểu Prototype và Interaction UI.
  • Tạo prototype cho web/App.
Buổi 12: Designers vs Developers
  • Quy trình làm việc căn bản giữa Product Designers và Developers. 
  • Các phương pháp giao tiếp và làm việc với Developers hiệu quả. 
Buổi 13 - 15: Thực hành hoàn thiện dự án cuối khoá.
Buổi 16: Present Final Project.
Tổng quan kỳ học: 

Cung cấp các kiến thức chuyên sâu trong các ngành nghề liên quan tới UX, xây dựng các kĩ năng làm việc nhóm, quy trình làm việc trong doanh nghiệp, trải nghiệm thực tế về công việc của một UX Designer. Học viên sẽ được học từ những bước đầu tiên khi nhận những yêu cầu về dự án cho đến khi hoàn thiện.

Chương trình học:
Buổi 1: Nhập môn thiết kế trải nghiệm người dùng (UX Design) 
  • Giới thiệu về UX và các thuật ngữ chính. 
  • 7 yếu tố chính của trải nghiệm người dùng. 
  • Chia nhóm và chọn đề tài để thực hành UX Design xuyên suốt kỳ học. 
Buổi 2: Framework & Kỹ năng UX
  • Các loại Framework.
  • Kỹ năng cơ bản của 1 UX designer. 
Buổi 3: Desk research & Secondary Research
  • Nghiên cứu tại bàn: Cách tìm hiểu các ứng dụng có chức năng tương tự; từ đó xác định điểm mạnh, điểm yếu và cơ hội phát triển.
  • Hiểu về Secondary Research: ưu, nhược điểm và cách thực hiện. 
  • Thực hành xây dựng mục tiêu thực hiện Secondary Research. 
Buổi 4: Laws of UX - Target Audience
  • Quantitative & Qualitative Research: Nghiên cứu định lượng & nghiên cứu định tính. 
  • In-depth interview and usability testing: Cách lên kế hoạch và quy trình thực hiện nghiên cứu người dùng: kết hợp phỏng vấn sâu và kiểm tra tính khả dụng; cách đặt câu hỏi và kỹ năng phỏng vấn khai thác insight người dùng. 
  • Thực hiện chọn mẫu và tiến hành phỏng vấn. 
Buổi 5: Empathy Mapping
  • Hiểu về Empathy. Phân biệt giữa Empathy & Sympathy, Cách đồng cảm với người dùng
  • Tìm hiểu về sơ đồ thấu cảm (Empathy Mapping) - công cụ giúp hình dung rõ ràng và thống nhất về đặc điểm người dùng
  • Thực hành xây dựng Empathy Mapping. 
Buổi 6: User Group & Personas
  • Định nghĩa User Group & Personas. 
  • Cách xác định đúng User Group. 
  • Cách xây dựng Personas - Kết quả thu thập thông tin từ nghiên cứu người dùng: Chân dung người dùng và cải tiến hành trình trải nghiệm người dùng.
  • Thực hành xây dựng Personas. 
Buổi 7: Customer Journey Mapping (CJM)
  • Hiểu về CJM & Lợi ích khi xây dựng CJM.
  • Cách xây dựng CJM - Điểm chạm quan trọng tác động lên hành vi và quá trình ra quyết định của người dùng.
  • Thực hành xây dựng CJM.
Buổi 8: Problem Statement & Value Proposition
  •  Xây dựng Problem Statement.
  • Thực hành xác định và đưa ra Value Proposition.
Buổi 9 - 10: Ideate
  • Competitive Audit: Thực hành tạo Competitive Audit (phân tích đối thủ cạnh tranh).
  • Hiểu và thực hành về How Might We, Crazy Eight. MVP features. - Cách đặt câu hỏi HMW
  • Cách xác định MVP features.
Buổi 11: Present Ideate
Buổi 12: Interaction Architecture (IA)
  •  Hiểu và xây dựng được Interaction Architecture (IA)
Buổi 13: Build Wireframe & Low-Fidelity Prototype
  • Biết cách tạo Goals Statement
  • Hiểu và biết cách xây dựng User Flow
  • HIểu và xây dựng được Interaction Architecture (IA)
Buổi 16: Present Final Project.
Buổi 14 - 15: Thực hành hoàn thiện dự án cuối khoá.

KỲ HỌC 4 - UI/UX Design Company Bootcamp

Buổi 1 - 4: Sprint 1: Market Research và phỏng vấn user.
Tổng quan kỳ học:

Học kỳ cuối cùng của lộ trình UI/UX mang đến sự hoàn thiện từ căn bản về khả năng thiết kế và những kỹ năng mềm khác trong quá trình thực hiện dự án thực tế.
Học viên làm dự án thực tế từ chính các doanh nghiệp và có cơ hội phỏng vấn trực tiếp khi doanh nghiệp tham gia làm giám khảo trong buổi Demo dự án.
Được hướng dẫn xây dựng portfolio và CV cá nhân cùng những kỹ năng kinh nghiệm trong phỏng vấn xin việc.

Chương trình học:
Buổi 1 - 4: Sprint 1: Market Research và phỏng vấn user.
  •  Hiểu về vòng đời phát triển sản phẩm, làm rõ khả năng & quy trình áp dụng UX vào doanh nghiệp thực tế, hiểu về mô hình Agile Scrum. 
  • Nhận đề tài dự án của doanh nghiệp làm project cuối khóa và định hướng phát triển cho dự án này. 
  • Thực hiện Competitor Audit và User Research
  • Chuẩn bị bộ câu hỏi cho Survey và Interview.
  • Chuẩn bị và lên kế hoạch cho buổi user interview thực tế dưới sự hướng dẫn của giáo viên về tính huống cũng như những câu trả lời không lường trước được trước khi các bạn đến với buổi mô phỏng user interview ở buổi học tiếp theo.
  • Mô phỏng một cuộc phỏng vấn UX trực tiếp tại buổi học. 
  • Tiến hành phỏng vấn người dùng thật dựa trên bộ câu hỏi đã lên trước đó,    
Buổi 5 - 8: Sprint 2: Xác định chân dung người dùng cho dự án và chuẩn bị CV, portfolio để đi xin việc thực tế.
  • Thực hành tổng hợp kết quả research và đưa ra chân dung người dùng, user journey map.
  • thực hành đưa ra giải pháp phù hợp cho sản phẩm. Thiết kế wireframe và chuẩn bị trước cấu trúc và flow cho các màn hình hiển thị.
  • Chỉnh sửa các phác thảo Wireframe.
  • Hướng dẫn lên ý tưởng và phong cách thiết kế cho giao diện Web hoặc App
  • Workshop: Xây dựng profile cá nhân trên Linkedin và Behance và những kỹ năng khi phỏng vấn
Buổi 9 - 12: Sprint 3: Thực hiện UI kit cho dự án & thực hành kiểm thử khả dụng (Usability Testing).
Buổi 13 - 14: Sprint 4: Hoàn thiện showcase sản phẩm và thực hành làm báo cáo trình bày và hoàn thiện 100% các công việc trước
Buổi 15: TỔNG KẾT - THUYẾT TRÌNH DỰ ÁN & PHẢN BIỆN CÙNG DOANH NGHIỆP.

Cùng MindX thiết kế lộ trình học cho cá nhân bạn

Nhận tư vấn chi tiết ngay

Khóa học tại MindX có gì đặc biệt

Các sản phẩm nổi bật được chính
các học viên tại MindX thiết kế sau khi kết thúc mỗi kỳ học.

SẢN PHẨM HỌC VIÊN

Bấm vào ảnh để xem video sản phẩm chi tiết

ĐĂNG KÝ NGAY

học viên của mindx nói gì
về khóa học

VỀ CHÚNG TÔI

MindX Technology Schoolhệ sinh thái giáo dục công nghệ - khởi nghiệp hàng đầu tại Việt Nam và Đông Nam Á. Chúng tôi cung cấp các chương trình học bám sát quy trình làm việc thực tế tại các doanh nghiệp và lộ trình học cá nhân hoá phù hợp với nền tảng và mục tiêu của mỗi người. Không chỉ đào tạo sâu về chuyên môn, học viên còn được trau dồi kỹ năng mềm và các kiến thức liên ngành để đáp ứng chân dung ứng viên nhà tuyển dụng yêu cầu hiện nay, tăng khả năng cạnh tranh khi đi xin việc, đủ nền tảng để "go global" - làm việc tại các công ty công nghệ toàn cầu.

tham khảo các khóa học khác tại MindX

HÀ NỘI
CƠ SỞ 1: Tầng 6, nhà C, toà nhà Chigamex, 22 Thành Công, Hà Nội.
CƠ SỞ 2: Tầng 2, 29T1 Hoàng Đạo Thuý, Trung Hoà,  Cầu Giấy, Hà Nội.
CƠ SỞ 3: Tầng 5, 71 Nguyễn Chí Thanh, Đống Đa, Hà Nội.
CƠ SỞ 4: Tầng 4, Toà B3.7 Hacinco, Hoàng Đạo Thúy, Nhân Chính, Thanh Xuân, Hà Nội.
CƠ SỞ 5: Tầng 4, TTTM V+, 505 Minh Khai, Vĩnh Tuy, Quận Hai Bà Trưng, Hà Nội.

HỒ CHÍ MINH: 
CƠ SỞ 1: Lầu 9, Toà nhà International Plaza, số 343 Phạm Ngũ Lão, TP.HCM.
CƠ SỞ 2: Lầu trệt và Lầu 1, 223 Nguyễn Xí, Phường 13, Quận Bình Thạnh, TP.HCM.
CƠ SỞ 3: Lầu trệt và Lầu 1, 618 đường 3/2, Phường 14, Quận 10, TP HCM.
CƠ SỞ 4: Lầu trệt và Lầu 1, 39 Hải Thượng Lãn Ông, Phường 10, Quận 5, TP.HCM.
CƠ SỞ 5: Lầu 8, Tòa nhà Nam Giao, 261-263 Phan Xích Long, Phường 2, Quận Phú Nhuận, TP HCM.
CƠ SỞ 6: Tầng 1, số 1 Quang Trung, Phường 10, Quận Gò Vấp, TP HCM.
CƠ SỞ 7: Số490 Phạm Thái Bưởng, KĐT Phú Mỹ Hưng, phường Tân Phong, Quận 7, TP HCM.
CƠ SỞ 8: Lầu 2, Toà nhà Khải Hoàn, 624 Lạc Long Quân, Phường 15, Quận 11, TP HCM.
CƠ SỞ 9: Lầu 2, 120-122 Phạm VănĐồng, Phường Hiệp Bình Chánh, Quận Thủ Đức, TP HCM.
CƠ SỞ 10: 99 Lê Văn Việt, Phường Tân Phú, Quận 9, Quận Thủ Đức, TP HCM.

các kênh liên hệ

HOTLINE: 02477705666
EMAIL: contact@mindx.edu.vn

ĐĂNG KÝ NGAY

ĐĂNG KÝ NGAY

ĐĂNG KÝ NGAY