Bộ 4 - Trắc nghiệm Thiết kế Website (UX/UI) online có đáp án
Thời gian còn lại: --:--
Kết quả của bạn:
Bạn đã đúng:
Bạn đã sai:
Tổng số câu:
Câu 1:Trong thiết kế website, mục tiêu chính của quy trình UX (User Experience) là gì?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, UX tập trung vào việc tạo ra giá trị và sự hài lòng cho người dùng bằng cách cải thiện tính tiện dụng và tương tác. Kết luận Lý giải Nâng cao sự hài lòng của người dùng thông qua tính hữu dụng và khả năng truy cập
Câu 2:Yếu tố nào sau đây thuộc về phạm vi thiết kế UI (User Interface)?
💡 Lời giải chi tiết:
UI tập trung vào các khía cạnh trực quan và các điểm chạm kỹ thuật số mà người dùng tương tác trực tiếp trên màn hình. Kết luận Lý giải Thiết kế các nút bấm, biểu tượng và bảng màu
Câu 3:Định luật Hick (Hick's Law) trong thiết kế giao diện có ý nghĩa như thế nào?
💡 Lời giải chi tiết:
Định luật Hick khẳng định rằng việc giảm bớt số lượng lựa chọn sẽ giúp người dùng đưa ra quyết định nhanh chóng và giảm tải nhận thức. Kết luận Lý giải Thời gian đưa ra quyết định tăng lên tỷ lệ thuận với số lượng và độ phức tạp của lựa chọn
Câu 4:Mẫu quét mắt kiểu chữ F (F-Pattern) thường áp dụng cho loại nội dung nào trên website?
💡 Lời giải chi tiết:
Nghiên cứu của Nielsen Norman Group cho thấy người dùng thường quét nội dung văn bản theo hình chữ F khi họ đọc trên màn hình kỹ thuật số. Kết luận Lý giải Các khối nội dung văn bản dày đặc như bài báo hoặc bài blog
Câu 5:Theo tiêu chuẩn WCAG 2.1 mức độ AA, tỷ lệ tương phản tối thiểu cho văn bản thông thường là bao nhiêu?
💡 Lời giải chi tiết:
Tiêu chuẩn WCAG 2.1 quy định tỷ lệ tương phản 4.5:1 để đảm bảo văn bản đủ rõ ràng cho những người có thị lực kém. Kết luận Lý giải 4.5:1
Câu 6:Triết lý 'Mobile First' trong thiết kế website hiện nay có ý nghĩa gì?
💡 Lời giải chi tiết:
Mobile First khuyến khích bắt đầu từ những hạn chế của màn hình nhỏ để tập trung vào các nội dung cốt lõi nhất của sản phẩm. Kết luận Lý giải Bắt đầu thiết kế từ màn hình nhỏ nhất rồi mới mở rộng sang màn hình lớn hơn
Câu 7:Khái niệm 'Affordance' trong thiết kế UI được hiểu là gì?
💡 Lời giải chi tiết:
Trong thiết kế, Affordance là những gợi ý trực quan giúp người dùng hiểu chức năng của một phần tử mà không cần hướng dẫn. Kết luận Lý giải Các đặc điểm hình học gợi ý cho người dùng biết cách sử dụng một đối tượng
Câu 8:Mục đích chính của việc sử dụng 'Breadcrumbs' trên website là gì?
💡 Lời giải chi tiết:
Breadcrumbs là một hệ thống điều hướng phụ giúp người dùng hiểu rõ vị trí hiện tại và dễ dàng quay lại các cấp độ cao hơn. Kết luận Lý giải Hỗ trợ người dùng xác định vị trí của họ trong cấu trúc phân cấp website
Câu 9:Khoảng trắng (Whitespace/Negative Space) trong thiết kế website có vai trò gì?
💡 Lời giải chi tiết:
Khoảng trắng giúp tạo ra sự cân bằng, làm nổi bật các yếu tố quan trọng và giúp mắt người dùng không bị mỏi khi quét thông tin. Kết luận Lý giải Giúp phân tách các nhóm nội dung, tăng khả năng đọc và giảm tải nhận thức
Câu 10:Sự khác biệt cơ bản giữa Wireframe và Prototype là gì?
💡 Lời giải chi tiết:
Wireframe là bản phác thảo khung xương của giao diện, trong khi Prototype là bản mô phỏng có khả năng tương tác để thử nghiệm luồng người dùng. Kết luận Lý giải Wireframe tập trung vào cấu trúc, Prototype tập trung vào tính tương tác
Câu 11:Trong cấu trúc thông tin (Information Architecture), 'Card Sorting' là kỹ thuật dùng để làm gì?
💡 Lời giải chi tiết:
Card Sorting là phương pháp nghiên cứu giúp nhà thiết kế hiểu được mô hình tư duy của người dùng để xây dựng hệ thống điều hướng hợp lý. Kết luận Lý giải Tìm hiểu cách người dùng phân loại và nhóm các thông tin
Câu 12:Quy tắc 60-30-10 trong phối màu giao diện được áp dụng như thế nào?
💡 Lời giải chi tiết:
Quy tắc 60-30-10 là một công thức phối màu kinh điển giúp tạo ra sự cân bằng thị giác cho giao diện website. Kết luận Lý giải 60% màu chủ đạo, 30% màu phụ, 10% màu nhấn
Câu 13:Tại sao thuộc tính 'alt text' của hình ảnh lại quan trọng trong thiết kế website?
💡 Lời giải chi tiết:
Văn bản thay thế (alt text) cung cấp mô tả về hình ảnh cho các công cụ hỗ trợ tiếp cận và giúp công cụ tìm kiếm hiểu nội dung hình ảnh. Kết luận Lý giải Hỗ trợ trình đọc màn hình cho người khiếm thị và cải thiện SEO
Câu 14:Nguyên tắc 'Feedback' (Phản hồi) trong tương tác người dùng có nghĩa là gì?
💡 Lời giải chi tiết:
Phản hồi ngay lập tức sau một hành động của người dùng giúp họ biết được hệ thống đã nhận lệnh và đang xử lý. Kết luận Lý giải Hệ thống phải luôn thông báo cho người dùng về những gì đang xảy ra
Câu 15:Theo nguyên tắc Gestalt, luật 'Proximity' (Gần gũi) phát biểu điều gì?
💡 Lời giải chi tiết:
Luật gần gũi giúp nhà thiết kế tổ chức thông tin bằng cách đặt các nội dung liên quan ở gần nhau để người dùng dễ nhận biết mối liên hệ. Kết luận Lý giải Các yếu tố nằm gần nhau có xu hướng được coi là một nhóm có liên quan
Câu 16:Micro-interactions trên website là gì?
💡 Lời giải chi tiết:
Micro-interactions là những chi tiết nhỏ như hiệu ứng nút bấm, thanh tiến trình giúp trải nghiệm người dùng trở nên sinh động và rõ ràng hơn. Kết luận Lý giải Những tương tác nhỏ mang tính chức năng giúp phản hồi người dùng
Câu 17:Phương pháp A/B Testing trong UX dùng để làm gì?
💡 Lời giải chi tiết:
A/B Testing là phương pháp thực nghiệm giúp đưa ra quyết định thiết kế dựa trên dữ liệu hành vi thực tế của người dùng. Kết luận Lý giải So sánh hai phiên bản thiết kế để xem phiên bản nào hiệu quả hơn
Câu 18:Thiết kế đáp ứng (Responsive Design) khác thiết kế thích nghi (Adaptive Design) ở điểm nào?
💡 Lời giải chi tiết:
Thiết kế Responsive thay đổi mượt mà theo kích thước màn hình, trong khi Adaptive chọn bố cục phù hợp nhất từ một số kích thước được xác định trước. Kết luận Lý giải Responsive sử dụng lưới linh hoạt, Adaptive sử dụng các bố cục cố định
Câu 19:Mẫu quét mắt kiểu chữ Z (Z-Pattern) thường thấy ở những loại trang web nào?
💡 Lời giải chi tiết:
Z-Pattern phù hợp với các trang web có ít thông tin, dẫn dắt ánh mắt người dùng từ biểu trưng qua menu đến nội dung quan trọng và nút hành động. Kết luận Lý giải Các trang đích (Landing Pages) đơn giản với ít nội dung văn bản
Câu 20:Màn hình Skeleton (Skeleton Screen) được sử dụng để giải quyết vấn đề gì?
💡 Lời giải chi tiết:
Màn hình Skeleton tạo cảm giác trang web đang tải nhanh hơn bằng cách hiển thị các khối màu xám mô phỏng cấu trúc nội dung trước khi dữ liệu thật xuất hiện. Kết luận Lý giải Cải thiện cảm giác về tốc độ tải trang bằng cách hiển thị khung tạm thời
Câu 21:Khái niệm 'Dark Patterns' trong thiết kế UX ám chỉ điều gì?
💡 Lời giải chi tiết:
Dark Patterns là các thủ thuật thiết kế phi đạo đức nhằm lừa người dùng thực hiện các hành động như đăng ký dịch vụ hoặc mua hàng ngoài ý muốn. Kết luận Lý giải Các giao diện được thiết kế để đánh lừa người dùng làm điều họ không muốn
Bằng cách ẩn bớt các tính năng nâng cao hoặc thông tin phụ, nhà thiết kế giúp giao diện trở nên sạch sẽ và dễ tiếp cận hơn cho người mới. Kết luận Lý giải Giảm sự quá tải thông tin bằng cách chỉ hiển thị những gì cần thiết tại mỗi bước
Câu 23:Mục đích chính của việc tạo ra 'User Persona' là gì?
💡 Lời giải chi tiết:
User Persona giúp đội ngũ thiết kế đồng cảm và đưa ra các quyết định dựa trên đặc điểm của nhóm đối tượng mục tiêu. Kết luận Lý giải Tạo ra một nhân vật đại diện dựa trên nhu cầu và hành vi của nhóm người dùng
Câu 24:Trong thiết kế giao diện, nút CTA (Call to Action) nên có đặc điểm gì để hiệu quả nhất?
💡 Lời giải chi tiết:
Nút CTA cần thu hút sự chú ý ngay lập tức và truyền đạt rõ ràng hành động mà người dùng sẽ thực hiện khi nhấn vào. Kết luận Lý giải Có màu sắc tương phản nổi bật và lời kêu gọi hành động rõ ràng
Câu 25:Khái niệm 'Mental Model' (Mô hình tư duy) của người dùng có nghĩa là gì?
💡 Lời giải chi tiết:
Thiết kế website phù hợp với mô hình tư duy sẵn có sẽ giúp người dùng cảm thấy quen thuộc và dễ dàng sử dụng sản phẩm hơn. Kết luận Lý giải Kỳ vọng của người dùng về cách thức hoạt động của một hệ thống dựa trên kinh nghiệm