Link to original video by My Lesson
Build Wireframes and Low-Fidelity Prototypes | ( Course 3/7 ) Complete Course

Tóm tắt khóa học "Xây dựng Wireframe và Nguyên mẫu Độ trung thành Thấp | (Khóa học 3/7) Khóa học đầy đủ"
Tóm tắt ngắn:
- Khóa học này hướng dẫn cách tạo wireframe và nguyên mẫu độ trung thành thấp, là những công cụ quan trọng trong quá trình thiết kế UX.
- Khóa học bao gồm các kỹ thuật như sử dụng nghiên cứu để hỗ trợ quá trình tạo ý tưởng, xây dựng storyboard, vẽ các yếu tố cơ bản như hình dạng và đường nét, hiểu kiến trúc thông tin, tạo wireframe trên giấy và trên công cụ Figma, xây dựng nguyên mẫu độ trung thành thấp trên giấy và trên Figma, và nhận biết các mô hình thiết kế lừa đảo.
- Khóa học giúp người học phát triển các kỹ năng thiết kế UX cơ bản và tạo ra các sản phẩm có thể thử nghiệm và thu thập phản hồi từ người dùng.
- Khóa học bao gồm các bước cụ thể để tạo wireframe và nguyên mẫu, sử dụng các công cụ như giấy bút và Figma.
Tóm tắt chi tiết:
Phần 1: Giới thiệu về khóa học và người hướng dẫn
- Khóa học này là phần thứ 3 trong chuỗi 7 khóa học về thiết kế UX.
- Người hướng dẫn là Karen, một nhà thiết kế tương tác trong nhóm Material Design của Google.
- Karen chia sẻ kinh nghiệm của mình về việc chuyển đổi nghề nghiệp từ marketing và phát triển kinh doanh sang thiết kế UX.
- Khóa học tập trung vào việc tạo wireframe và nguyên mẫu độ trung thành thấp, là những bước quan trọng trong quá trình thiết kế UX.
Phần 2: Sử dụng nghiên cứu để hỗ trợ quá trình tạo ý tưởng
- Khóa học nhắc lại các công cụ nghiên cứu UX đã được học trong các khóa học trước, bao gồm bản đồ đồng cảm, persona, câu chuyện người dùng và bản đồ hành trình người dùng.
- Những công cụ này giúp nhà thiết kế UX hiểu rõ hơn về người dùng và nhu cầu của họ.
- Khóa học giới thiệu khái niệm "tuyên bố mục tiêu", là một hoặc hai câu mô tả sản phẩm và lợi ích của nó đối với người dùng.
- Tuyên bố mục tiêu giúp tập trung vào giải pháp cho vấn đề của người dùng.
Phần 3: Xây dựng Storyboard
- Storyboard là một chuỗi các khung hình mô tả trực quan trải nghiệm của người dùng với sản phẩm.
- Storyboard giúp nhà thiết kế UX hình dung luồng trải nghiệm của người dùng và giải thích ý tưởng của họ với các bên liên quan.
- Khóa học giới thiệu hai loại storyboard: storyboard tổng quan và storyboard cận cảnh.
- Storyboard tổng quan tập trung vào trải nghiệm của người dùng, trong khi storyboard cận cảnh tập trung vào các chi tiết của sản phẩm.
Phần 4: Giới thiệu về Wireframe
- Wireframe là bản phác thảo cơ bản của một trải nghiệm kỹ thuật số, như ứng dụng hoặc trang web.
- Wireframe được tạo thành từ các đường nét, hình dạng đơn giản và văn bản.
- Wireframe giúp thiết lập cấu trúc cơ bản của trang, xác định chức năng của các yếu tố và tiết kiệm thời gian và tài nguyên.
- Khóa học giới thiệu các yếu tố cơ bản của wireframe, bao gồm đường nét, hình dạng và văn bản.
- Khóa học hướng dẫn cách vẽ wireframe bằng tay và sử dụng các tiêu chuẩn ngành để biểu diễn các yếu tố trên trang.
Phần 5: Tạo Wireframe trên giấy
- Khóa học hướng dẫn cách tạo wireframe trên giấy cho một sản phẩm mới.
- Khóa học giới thiệu khái niệm kiến trúc thông tin, là cách tổ chức nội dung để người dùng dễ dàng tìm kiếm thông tin.
- Khóa học hướng dẫn cách tạo nhiều phiên bản wireframe khác nhau cho cùng một trang và lựa chọn phiên bản tốt nhất.
Phần 6: Chuyển đổi Wireframe từ giấy sang Figma
- Khóa học hướng dẫn cách chuyển đổi wireframe từ giấy sang Figma, một công cụ thiết kế UX trực tuyến.
- Khóa học giới thiệu các tính năng cơ bản của Figma, bao gồm tạo khung hình, thêm hình dạng, văn bản và màu sắc.
- Khóa học hướng dẫn cách sử dụng các tiêu chuẩn ngành để biểu diễn các yếu tố trong wireframe.
Phần 7: Giới thiệu về Nguyên mẫu
- Nguyên mẫu là mô hình ban đầu của sản phẩm, thể hiện chức năng của nó mà không cần xây dựng toàn bộ sản phẩm.
- Nguyên mẫu giúp nhà thiết kế UX thu thập phản hồi từ người dùng và các bên liên quan trước khi đầu tư thời gian và tiền bạc vào việc phát triển sản phẩm.
- Khóa học giới thiệu hai loại nguyên mẫu: nguyên mẫu độ trung thành thấp và nguyên mẫu độ trung thành cao.
- Nguyên mẫu độ trung thành thấp là mô hình đơn giản, tập trung vào chức năng cơ bản của sản phẩm.
Phần 8: Xây dựng Nguyên mẫu trên giấy
- Khóa học hướng dẫn cách tạo nguyên mẫu độ trung thành thấp trên giấy.
- Nguyên mẫu trên giấy giúp nhà thiết kế UX nhanh chóng thử nghiệm các ý tưởng và thu thập phản hồi từ người dùng.
- Khóa học hướng dẫn cách cắt các khung hình wireframe và sắp xếp chúng theo thứ tự để tạo ra một luồng tương tác.
Phần 9: Xây dựng Nguyên mẫu trên Figma
- Khóa học hướng dẫn cách tạo nguyên mẫu độ trung thành thấp trên Figma.
- Khóa học giới thiệu các tính năng tạo nguyên mẫu của Figma, bao gồm tạo kết nối giữa các khung hình, thêm hiệu ứng chuyển tiếp và chia sẻ nguyên mẫu với các bên liên quan.
Phần 10: Nhận biết các mô hình thiết kế lừa đảo
- Khóa học giới thiệu khái niệm "mô hình thiết kế lừa đảo", là các phương pháp UX nhằm lừa người dùng thực hiện hành động hoặc mua sản phẩm mà họ không muốn.
- Khóa học giới thiệu một số mô hình thiết kế lừa đảo phổ biến, bao gồm "bẫy chuột", "ép buộc tiếp tục", "lén lút thêm vào giỏ hàng", "tăng giá ẩn", "xấu hổ khi xác nhận" và "tạo cảm giác cấp bách".
- Khóa học nhấn mạnh tầm quan trọng của việc tránh sử dụng các mô hình thiết kế lừa đảo và tạo ra trải nghiệm người dùng tích cực.
Phần 11: Kết thúc khóa học
- Khóa học kết thúc bằng việc nhắc lại các kiến thức đã học và giới thiệu khóa học tiếp theo về nghiên cứu UX.
- Khóa học khuyến khích người học tiếp tục học hỏi và phát triển các kỹ năng thiết kế UX của mình.