Khóa học thiết kế UX UI Digital Product Design

Nguyễn Thúy An

An có chuyên môn thiết kế web/app và nghiên cứu người dùng từ năm 2002, đến nay, An xây dựng công ty thiết kế chuyên sâu digital product (staylab.co). StayLab thực hiện UX/UI và thiết kế app cho các đối tác như Generali, Kilo, Sonca - những tập đoàn và công ty dày dặn kinh nghiệm cả về kinh doanh lẫn công nghệ. Ngoài ra, An giảng dạy về thiết kế sản phẩm tại Keyframe 3 năm và private training cho 1 tập đoàn của Đức, từng là giảng viên Product Management của chương trình Facebook Developer Circle 2019 tại Việt Nam.

Giáo trình

• 1 Buổi Buổi 01 - Một nghề triển vọng
  • Welcome & introduction.
  • Learning path.
  • Tools: So sánh Adobe XD, Sketch App và Figma.
  • UX/UI Designer vs. Product Designer.
• 1 Buổi Buổi 02 - Ai đã đặt ra UX?
  • Introduction to UX: Định nghĩa về UX, lịch sử và vai trò của UX, 3 cấp độ trong thiết kế theo quan điểm của Giáo sư Don Norman.
  • Principles of Accessibility and Heuristics.
  • Design Thinking Framework.
  • MVP vs. MLP.
• 1 Buổi Buổi 03 - Sản phẩm gây nghiện
  • The Internet’s intellectual.
  • Hooked: mô hình xây dựng "công nghệ định hình thói quen" (Hooked – Nir Eyal)
  • Principles to increase engagement.
  • Dark patterns.
• 1 Buổi Buổi 04 - Giữa cuộc sống và màn hình
  • HCD vs. UCD.
  • Design research.
  • Identify the business goals.
    Case study: Làm sao có thể hiểu được yêu cầu của Business Owner? Kinh nghiệm làm việc với 1 chuyên gia thương mại điện tử từ Amazon USA.
• 1 Buổi Buổi 05 - Đối thủ dạy chúng ta điều gì?
  • Desk research: Thông tin thứ cấp là gì? Ưu và khuyết điểm của nghiên cứu tại bàn và trường hợp áp dụng phù hợp.
  • Qualitative vs. quantitative research.
  • Misconception.
  • Product–market fit.
• 1 Buổi Buổi 06 - Người dùng dạy chúng ta điều gì?
  • Identity target users.
    Case study: Kinh nghiệm làm việc với marketing team để từ customer insights giúp xác định target users.
  • Focus group and in-depth interview.
  • User survey.
    
• 1 Buổi Buổi 07 - Thực hành: Trò chuyện với người dùng

  Khi tìm hiểu về cách thực hiện phỏng vấn người dùng, bạn sẽ luôn được hướng dẫn 3 quy tắc căn bản: lắng nghe người dùng, đào sâu vào câu trả lời, và lấy được ý chính để tìm ra những mong muốn tiềm ẩn. Tuy nhiên, với hơn 100 buổi user interviews, An học được những cách thiết thực hơn lý thuyết suông (vì 3 quy tắc trên nói thì dễ, làm thì rất khó). Tụi mình sẽ cùng nhau thực hành các kĩ thuật đó trong buổi 7 nhé.

• 1 Buổi Buổi 08 - Những bất ngờ ngoài ý muốn
  • Flexibility and efficiency of use.
  • Usability: Bạn sẽ được xem những video về usability testing thực tế trong quá trình xây sản phẩm.
  • User persona.
  • Behavioral design.
• 1 Buổi Buổi 09 - Vẻ đẹp của những con số
  • Quantitative analytics.
  • Google Analytics: Cách sử dụng G.A để tìm những số liệu biết nói.
  • Heatmap: Bạn sẽ được xem heatmap và user profile analytics của 1 e-commerce website thực sự.
• 1 Buổi Buổi 10 - Laws of UX: Những điều quan sát từ thí nghiệm

  Những định luật phổ biến được ứng dụng trong UX, để tiện cho việc tham khảo lâu dài, chúng ta cùng học theo website này: lawsofux.com

  • Aesthetic-usability effect.
  • Goal-Gradient Effect.
  • Miller's Law.
  • Law of Parsimony.
  • Peak-End Rule.
  • Robustness Principle.
  • The Isolation Effect.
  • Zeigarnik Effect.
• 1 Buổi Buổi 11 - Laws of UX: Những điều ghi nhận trong thế giới thực

  Những định luật phổ biến được ứng dụng trong UX (tiếp theo buổi 11)

  • Doherty Threshold.
  • Fitts’s Law.
  • Hick-Hyman Law.
  • Jakob’s Law.
  • Pareto Principle.
  • Parkinson’s Law.
  • The Serial Position Effect.
  • Tesler’s Law.

  
  
  

• 1 Buổi Buổi 12 - Thực hành: Đặt gà rán qua website

  Laws of UX tạm gọi như kiến thức tường minh của chúng ta. Vậy bài tập thực hành này là cách thức vận dụng vào thiết kế, biến thành kiến thức tiềm ẩn cho lớp mình. Bài thực hành này nhiều bạn yêu thích và dùng từ là "vỡ lẽ" đó ạ.

• 1 Buổi Buổi 13 - Laws of UX: Nguyên lý Gestalt áp dụng vào UX/UI
  • Gestalt psychology.
  • Perceptual organisation: cách thức vận dụng nhiều phương pháp để sắp xếp đường dẫn, giúp màn hình dễ nhìn tác động đến nhận thức và điều hướng hành vi người dùng.
  • Gestalt and interface design.
• 1 Buổi Buổi 14 - Hành trình của người dùng
  • Information architecture.
  • User flow and User journey map.
  • Sketching: Crazy eights.
• 1 Buổi Buổi 15 - Thực hành: Rèn luyện thấu cảm

  Bài thực hành này các nhóm sẽ cùng nhau thực hiện User Journey Map cho chính app mà nhóm muốn thực hiện, giúp chúng ta có suy nghĩ và suy xét kĩ lưỡng hơn những giải pháp mình muốn thực hiện cho người dùng có khả thi hay không.

• 1 Buổi Buổi 16 - Thiết kế giao diện cho sự phân cấp thông tin
  • Legibility and Readability.
  • Visual hierarchy: F-pattern và Z-pattern, biểu đồ Gutenberg.
  • Typography.
• 1 Buổi Buổi 17 - Thiết kế giao diện cho việc tái sử dụng
  • Visual consistency: nhịp điệu của thiết kế, bố cục, bảng màu 7 cấp độ, iconography.
  • Design library: tạo master components hiệu quả và biết cách giao tiếp với engineers.
  • Atomic design methodology.
• 1 Buổi Buổi 18 - Thiết kế giao diện responsive / adaptive website
  • Grid and Flexbox.
  • Web interface anatomy: Những thành phần căn bản và quan trọng của giao diện web, hiểu đúng các thuật ngữ chuyên môn.
  • Adaptive web design.
  • Responsive web design.
• 1 Buổi Buổi 19 - Thiết kế giao diện native app và web-app
  • Mobile gestures.
  • Native app: thiết kế cho 2 hệ điều hành phổ biến.
  • App launching: app icon, screenshot, landing page.
• 1 Buổi Buổi 20 - Tổng kết khóa học
  • Demo day: Thuyết trình đồ án cuối khóa.
  • Portfolio and case study.