Bộ 3 - 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 lĩnh vực thiết kế website, thuật ngữ 'UX' (User Experience) tập trung chủ yếu vào khía cạnh nào sau đây?
💡 Lời giải chi tiết:
Theo phân tích phổ biến trong thiết kế, UX tập trung vào việc tối ưu hóa cảm xúc và sự hài lòng của người dùng khi tương tác với sản phẩm thay vì chỉ là bề ngoài của giao diện. Kết luận Lý giải Cảm giác, hành vi và trải nghiệm tổng thể của người dùng.
Câu 2:Nguyên lý 'Fitts's Law' trong thiết kế UI thường được ứng dụng để làm gì?
💡 Lời giải chi tiết:
Định luật Fitts khẳng định rằng thời gian để đạt được mục tiêu phụ thuộc vào khoảng cách và kích thước của mục tiêu đó, nên thường được dùng để thiết kế nút bấm dễ tiếp cận. Kết luận Lý giải Xác định kích thước và vị trí của các nút bấm (button).
Câu 3:Theo tiêu chuẩn WCAG 2.1 (Cấp độ AA), tỷ lệ tương phản tối thiểu giữa văn bản bình thường và nền là bao nhiêu?
💡 Lời giải chi tiết:
Theo hướng dẫn của WCAG 2.1, tỷ lệ tương phản 4.5:1 là mức tối thiểu cần thiết để đảm bảo người dùng có thị lực kém vẫn có thể đọc được nội dung văn bản bình thường. Kết luận Lý giải 4.5:1.
Câu 4:Trong thiết kế UX, 'Persona' được hiểu là gì?
💡 Lời giải chi tiết:
Trong nghiên cứu người dùng, Persona là một chân dung giả định được xây dựng dựa trên dữ liệu thật để giúp đội ngũ thiết kế hiểu rõ nhu cầu và hành vi của đối tượng mục tiêu. Kết luận Lý giải Nhân vật hư cấu đại diện cho các nhóm người dùng mục tiêu.
Câu 5:Khái niệm 'Information Architecture' (Kiến trúc thông tin) trong thiết kế website liên quan trực tiếp đến việc nào?
💡 Lời giải chi tiết:
Theo định nghĩa của các chuyên gia UX, Kiến trúc thông tin là quá trình tổ chức và gán nhãn nội dung giúp người dùng tìm kiếm thông tin hiệu quả nhất. Kết luận Lý giải Sắp xếp và tổ chức cấu trúc nội dung trên trang web.
Câu 6:Theo nguyên lý 'Hick's Law', thời gian để người dùng đưa ra quyết định sẽ thay đổi như thế nào khi số lượng lựa chọn tăng lên?
💡 Lời giải chi tiết:
Định luật Hick phát biểu rằng thời gian một người cần để đư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 các lựa chọn có sẵn. Kết luận Lý giải Thời gian đưa ra quyết định sẽ tăng lên theo logarit.
Câu 7:Thành phần nào sau đây thường xuất hiện trong một bản 'Wireframe' mức độ thấp (Low-fidelity)?
💡 Lời giải chi tiết:
Wireframe mức độ thấp thường chỉ tập trung vào cấu trúc và bố cục cơ bản bằng cách sử dụng các hình khối đơn giản để tránh gây xao nhãn bởi yếu tố thẩm mỹ. Kết luận Lý giải Các khối hình học cơ bản mô tả vị trí các phần tử.
Câu 8:Trong thiết kế giao diện, nguyên tắc 'Proximity' (Sự gần gũi) của Gestalt ám chỉ điều gì?
💡 Lời giải chi tiết:
Theo tâm lý học Gestalt, não bộ con người có xu hướng tự động nhóm các phần tử đứng gần nhau về mặt không gian thành một đơn vị chức năng hoặc ý nghĩa. Kết luận Lý giải Các yếu tố ở gần nhau được coi là có liên quan hoặc thuộc cùng một nhóm.
Câu 9:Chiến lược thiết kế 'Mobile-first' có nghĩa là gì?
💡 Lời giải chi tiết:
Mobile-first là một hướng tiếp cận trong thiết kế đáp ứng (Responsive Design) ưu tiên tối ưu hóa trải nghiệm trên thiết bị di động trước khi xử lý các phiên bản máy tính. Kết luận Lý giải Thiết kế cho màn hình nhỏ nhất trước, sau đó mở rộng cho màn hình lớn hơn.
Câu 10:Trong hệ thống 'Atomic Design' của Brad Frost, cấp độ nhỏ nhất cấu thành nên giao diện là gì?
💡 Lời giải chi tiết:
Hệ thống Atomic Design bắt đầu từ Atoms là các thành phần UI cơ bản nhất không thể chia nhỏ hơn như thẻ 'label', thẻ 'input' hoặc nút bấm. Kết luận Lý giải Atoms (Nguyên tử).
Câu 11:Mục đích chính của việc sử dụng 'Breadcrumbs' trong website là gì?
💡 Lời giải chi tiết:
Breadcrumbs là một thành phần điều hướng phụ cho phép người dùng theo dõi và nhận biết vị trí phân cấp của trang họ đang xem trong toàn bộ website. Kết luận Lý giải Giúp người dùng biết vị trí hiện tại của mình trong cấu trúc website.
Câu 12:Vai trò quan trọng nhất của 'White space' (Khoảng trắng) trong thiết kế UI là gì?
💡 Lời giải chi tiết:
Khoảng trắng giúp phân tách các khối nội dung, tạo nhịp điệu thị giác và giúp mắt người dùng dễ dàng quét qua các thông tin quan trọng mà không bị rối. Kết luận Lý giải Tăng cường khả năng đọc và sự tập trung của người dùng.
Câu 13:Trong quy trình UX, 'A/B Testing' được sử dụng nhằm mục đích gì?
💡 Lời giải chi tiết:
A/B Testing là phương pháp thử nghiệm phân tách giúp nhà thiết kế đưa ra quyết định dựa trên dữ liệu thực tế về hành vi người dùng giữa hai lựa chọn khác nhau. 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 14:Thuật ngữ 'Affordance' trong thiết kế UX/UI ám chỉ điều gì?
💡 Lời giải chi tiết:
Affordance là khái niệm do Don Norman phổ biến, đề cập đến việc hình dáng hoặc đặc điểm của một phần tử UI cho người dùng biết họ có thể làm gì với nó (ví dụ: nút bấm trông có vẻ 'nhấn được'). Kết luận Lý giải Các đặc điểm thiết kế gợi ý cách sử dụng của một đối tượng.
Câu 15:Theo 10 nguyên tắc Heuristic của Jakob Nielsen, 'Visibility of system status' nghĩa là gì?
💡 Lời giải chi tiết:
Nguyên tắc này yêu cầu hệ thống phải cung cấp phản hồi thích hợp trong thời gian hợp lý để người dùng luôn nắm bắt được trạng thái hiện tại của quá trình tương tác. 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 16:Khoảng cách giữa các dòng văn bản (line-height) trong UI nên được điều chỉnh như thế nào để tối ưu khả năng đọc?
💡 Lời giải chi tiết:
Theo các tiêu chuẩn về kiểu chữ (Typography), khoảng cách dòng từ 120% đến 160% so với cỡ chữ giúp tạo ra không gian thở cần thiết cho mắt và tăng tốc độ đọc. Kết luận Lý giải Nên nằm trong khoảng từ 1.2 đến 1.6 lần kích thước phông chữ.
Câu 17:Lợi ích chính của việc thiết kế 'Dark Mode' (Chế độ tối) cho giao diện website là gì?
💡 Lời giải chi tiết:
Chế độ tối được ưa chuộng vì khả năng giảm độ chói ảnh hưởng đến mắt và kéo dài thời lượng sử dụng pin cho các loại màn hình phát xạ ánh sáng theo từng pixel. Kết luận Lý giải Giảm mỏi mắt trong môi trường thiếu sáng và tiết kiệm pin thiết bị OLED.
Câu 18:Trong UI Design, 'Micro-interactions' là gì?
💡 Lời giải chi tiết:
Micro-interactions là những chi tiết nhỏ như hiệu ứng khi nhấn nút, thanh tiến trình hoặc thông báo, giúp giao diện trở nên sinh động và phản hồi tốt hơn với hành động người dùng. Kết luận Lý giải Những tương tác nhỏ mang tính chức năng hỗ trợ trải nghiệm người dùng.
Câu 19:Mục tiêu quan trọng nhất của một 'User Journey Map' (Sơ đồ hành trình người dùng) là gì?
💡 Lời giải chi tiết:
Sơ đồ hành trình giúp đội ngũ thiết kế hình dung toàn bộ quy trình tương tác của người dùng, từ đó phát hiện các 'điểm đau' (pain points) để cải thiện sản phẩm. Kết luận Lý giải Xác định các vấn đề và cơ hội trong quá trình người dùng đạt được mục tiêu.
Câu 20:Hệ thống lưới (Grid system) phổ biến nhất được sử dụng trong thiết kế website hiện nay thường có bao nhiêu cột?
💡 Lời giải chi tiết:
Hệ thống 12 cột là tiêu chuẩn phổ biến nhất vì nó có thể chia hết cho 2, 3, 4, và 6, tạo ra sự linh hoạt tối đa trong việc bố trí các thành phần giao diện. Kết luận Lý giải 12 cột.
Câu 21:Khi thiết kế một nút 'Call to Action' (CTA), điều gì là quan trọng nhất để thu hút sự chú ý?
💡 Lời giải chi tiết:
Để tối ưu hóa tỷ lệ chuyển đổi, nút CTA cần nổi bật về mặt thị giác thông qua màu sắc tương phản và vị trí chiến lược để người dùng dễ dàng nhận thấy. Kết luận Lý giải Sử dụng màu sắc có độ tương phản cao so với các phần tử xung quanh.
Câu 22:'Cognitive Load' (Tải nhận thức) trong thiết kế UX nên được xử lý như thế nào?
💡 Lời giải chi tiết:
Giảm tải nhận thức giúp người dùng không cảm thấy bị choáng ngợp bởi quá nhiều thông tin hoặc các thao tác phức tạp, từ đó nâng cao hiệu quả sử dụng sản phẩm. Kết luận Lý giải Giảm thiểu lượng nỗ lực tâm trí cần thiết để người dùng hoàn thành nhiệm vụ.
Câu 23:Phong cách thiết kế 'Skeuomorphism' được đặc trưng bởi yếu tố nào?
💡 Lời giải chi tiết:
Skeuomorphism là phong cách thiết kế giao diện kỹ thuật số sao cho giống với các vật thể vật lý tương ứng để tạo cảm giác quen thuộc cho người dùng. Kết luận Lý giải Mô phỏng các vật liệu và hình dáng của các đồ vật trong thế giới thực.
Câu 24:Khái niệm 'Mental Model' (Mô hình tâm trí) trong UX có nghĩa là gì?
💡 Lời giải chi tiết:
Thiết kế thành công thường là những thiết kế phù hợp với mô hình tâm trí sẵn có của người dùng, giúp họ hiểu cách sử dụng mà không cần đào tạo lại. Kết luận Lý giải Niềm tin của người dùng về cách một hệ thống hoạt động dựa trên kinh nghiệm cũ.
Câu 25:Theo nguyên tắc 'Error Prevention' của Nielsen, cách tốt nhất để xử lý lỗi là gì?
💡 Lời giải chi tiết:
Ngăn chặn lỗi quan trọng hơn việc viết thông báo lỗi tốt, thông qua việc hướng dẫn người dùng thực hiện đúng hoặc giới hạn các lựa chọn có thể gây sai sót. Kết luận Lý giải Thiết kế hệ thống để ngăn chặn lỗi xảy ra ngay từ đầu.