Chào anh em sinh viên FPTU, lại là DevSharePro đây! Chắc hẳn sau khi cày ải qua giai đoạn đau đầu phân tích User Research, não bộ của anh em đang rất cần một chút không gian sáng tạo đúng không? Đừng lo, hôm nay chúng ta sẽ bước sang một giai đoạn thú vị và "bay bổng" hơn rất nhiều: Tổng Ôn TE WDU203c Mooc 4 FPT - Từ Ý Tưởng Đến Prototype.
Đây là thời điểm mà những ý tưởng điên rồ nhất trên giấy được "biến hình" thành các bản nháp (Wireframe) và mô hình tương tác (Prototype) cực xịn xò. Để anh em không bị ngợp, mình đã tổng hợp, "làm mới" và giải thích chi tiết toàn bộ các câu hỏi trọng tâm nhất của Mooc 4. Vẫn giữ tiêu chí "mắt thấy tay làm", mỗi câu hỏi đều đi kèm mẹo nhớ siêu tốc để anh em tự tin ẵm trọn điểm. Lấy giấy bút ra và chiến thôi!
Tài liệu ôn tập TE WDU203c Mooc 4: Từ Ý Tưởng Đến Prototype
Lưu ý: Các câu hỏi dưới đây đã được chắt lọc kỹ càng từ bộ ngân hàng đề chuẩn xác nhất. Anh em nhớ đọc kỹ phần "Mẹo nhớ nhanh" để tiết kiệm thời gian khi làm bài trắc nghiệm nhé!
Phần 1: Ideation (Lên ý tưởng) & Wireframing
Question 1:
What is the primary purpose of creating a wireframe in the UI/UX design process?
A. To test the final color scheme, branding, and typography
B. To establish the underlying structure, layout, and hierarchy of information
C. To write the final front-end code for the application
D. To create a fully interactive and animated user experience
Ý chính cần nhớ:
- Wireframe (khung xương) giống như bản thiết kế mặt bằng của một ngôi nhà, nó chỉ tập trung vào việc bố trí cấu trúc (structure) và sắp xếp thông tin (layout).
- Ở bước này, chúng ta KHÔNG quan tâm đến màu sắc, font chữ hay hiệu ứng chuyển động.
- Đáp án chuẩn: B – To establish the underlying structure, layout, and hierarchy of information.
Mẹo nhớ nhanh:
- Câu thần chú: "Wireframe = Khung xương = Chỉ có Structure + Layout".
Question 2:
Which level of fidelity is highly recommended for early-stage brainstorming to quickly validate multiple concepts?
A. High-fidelity prototype
B. Low-fidelity prototype (e.g., Paper sketching)
C. Fully functional HTML/CSS code
D. Pixel-perfect UI mockups
Ý chính cần nhớ:
- Giai đoạn đầu (early-stage) luôn đòi hỏi sự linh hoạt, dễ đập đi xây lại và chi phí cực thấp.
- Low-fidelity (đặc biệt là vẽ tay trên giấy) là lựa chọn hoàn hảo nhất để thử nghiệm nhanh nhiều luồng ý tưởng cùng lúc mà không sợ tốn công sức thiết kế.
- Đáp án chuẩn: B – Low-fidelity prototype (e.g., Paper sketching).
Mẹo nhớ nhanh:
- Câu thần chú: "Giai đoạn đầu (Early stage) = Cần Nhanh & Rẻ = Chọn Low-fidelity".
Phần 2: Prototyping (Mô hình hóa)
Question 3:
What is the fundamental difference between a Mockup and a Prototype?
A. A mockup is interactive, while a prototype is just a static image.
B. A prototype is a static visual representation, while a mockup includes backend code.
C. A mockup is a static visual design showing how it looks, while a prototype is interactive and demonstrates how it works.
D. There is no difference; both terms refer to the final exported assets.
Ý chính cần nhớ:
- Mockup: Là hình ảnh tĩnh (static), mục đích để chốt giao diện UI (màu sắc, khoảng cách, font chữ).
- Prototype: Là mô hình động có tính tương tác (interactive), dùng để test luồng trải nghiệm người dùng (UX/User Flow).
- Đáp án chuẩn: C – A mockup is a static visual design showing how it looks, while a prototype is interactive...
Mẹo nhớ nhanh:
- Câu thần chú: "Mockup = Để Ngắm (Static) | Prototype = Để Bấm (Interactive)".
Question 4:
Why should UI/UX designers avoid using "Lorem Ipsum" dummy text when creating high-fidelity prototypes for usability testing?
A. Because dummy text makes the project file size too large to render.
B. Because users might get distracted by the Latin text instead of evaluating the design.
C. Real content helps users understand the true context, leading to much more accurate testing feedback.
D. Because "Lorem Ipsum" text is copyrighted by Adobe.
Ý chính cần nhớ:
- Ở bước High-fidelity, mọi thứ cần được làm giả giống thật nhất có thể. Dùng nội dung thật (real content) giúp người dùng dễ dàng hòa mình vào ngữ cảnh thực tế của sản phẩm.
- Việc lạm dụng "Lorem ipsum" sẽ làm vỡ luồng suy nghĩ của người test, khiến feedback thu về bị sai lệch.
- Đáp án chuẩn: C – Real content helps users understand the true context...
Mẹo nhớ nhanh:
- Câu thần chú: "High-Fi = Trải nghiệm như thật = Phải xài nội dung thật".
Lời kết
Hy vọng qua bài tổng ôn WDU203c Mooc 4 được "F5" lại theo phong cách thực chiến này, anh em đã bỏ túi được bí kíp để phân biệt rõ ràng Wireframe, Mockup và Prototype. Hãy luôn nhớ kim chỉ nam của dân thiết kế: "Fail early and often" – cứ sai thật nhiều trên giấy nháp đi, để lúc ra Prototype và code không phải sửa lại từ đầu.
Chúc anh em ôn luyện ngon lành và pass môn với một chiếc điểm 10 rực rỡ! Đừng quên lưu lại bài viết này và ghé thăm devshare.pro.vn thường xuyên để săn thêm loạt tài liệu "đỉnh chóp" cho các Mooc tiếp theo nhé. Ai có thắc mắc hay cần giải ngố câu nào cứ mạnh dạn thả bình luận bên dưới, mình sẽ hỗ trợ hết mình!
