Bộ 30+ câu hỏi trắc nghiệm thiết kế Website (Web) online – Bộ 1

Thiết kế 'mobile-first' ưu tiên trải nghiệm người dùng trên thiết bị di động, sau đó mở rộng cho các thiết bị lớn hơn. Với xu hướng người dùng di động ngày càng tăng, phương pháp này đảm bảo website hoạt động tốt và thân thiện nhất trên điện thoại và máy tính bảng.

Think-aloud protocol là phương pháp kiểm thử khả năng sử dụng, trong đó người dùng được yêu cầu vừa thực hiện các nhiệm vụ trên website vừa nói to suy nghĩ, cảm xúc và lý do đưa ra quyết định của họ. Điều này cung cấp thông tin chi tiết về quá trình tư duy của người dùng và các vấn đề về khả năng sử dụng.

Hệ thống điều hướng tốt cần rõ ràng, dễ hiểu, nhất quán và dễ tìm. Điều hướng phức tạp với quá nhiều cấp độ có thể gây khó khăn và làm người dùng bối rối, dẫn đến trải nghiệm kém.

Lazy loading là kỹ thuật trì hoãn việc tải hình ảnh cho đến khi chúng sắp hiển thị trong khung nhìn của người dùng. Điều này giúp trang web tải nhanh hơn ở lần tải đầu tiên, đặc biệt là với các trang có nhiều hình ảnh, cải thiện trải nghiệm người dùng.

Figma, Adobe XD và Sketch là các công cụ chuyên dụng cho thiết kế UI/UX, cung cấp các tính năng tạo wireframe, mockup, prototype và cộng tác. Microsoft Word là phần mềm soạn thảo văn bản, không phải công cụ thiết kế giao diện.

Website cho người dùng lớn tuổi cần ưu tiên khả năng đọc và dễ sử dụng. Điều này bao gồm việc sử dụng phông chữ lớn, độ tương phản màu sắc cao giữa chữ và nền, bố cục đơn giản, rõ ràng và hệ thống điều hướng dễ hiểu, tránh các yếu tố gây rối mắt hoặc khó tương tác.

Tối ưu hóa hình ảnh cho web nhằm mục đích giảm kích thước tệp tin, giúp trang web tải nhanh hơn mà không làm giảm đáng kể chất lượng hình ảnh. Điều này cải thiện trải nghiệm người dùng và SEO.

Kiểu chữ serif có đặc điểm là có các nét nhỏ (chân chữ) ở cuối mỗi ký tự. Ví dụ phổ biến là Times New Roman. Serif thường được cho là dễ đọc hơn trong văn bản dài trên in ấn, nhưng trên web, sans-serif (không chân) lại phổ biến hơn.

'Above the fold' là thuật ngữ có nguồn gốc từ báo in, chỉ phần trên của trang báo có thể nhìn thấy khi báo được gấp lại. Trong web, nó chỉ phần nội dung đầu tiên mà người dùng thấy mà không cần cuộn chuột.

Form nên được thiết kế ngắn gọn, dễ điền và chỉ yêu cầu thông tin cần thiết để giảm sự phiền toái cho người dùng. Quá nhiều trường bắt buộc không cần thiết có thể làm người dùng nản lòng và bỏ dở việc điền form.

Thẻ tiêu đề (title tag) là một yếu tố HTML quan trọng cho SEO. Nó giúp công cụ tìm kiếm hiểu chủ đề chính của trang và hiển thị tiêu đề trang trong kết quả tìm kiếm. Đồng thời, nó cũng là tiêu đề hiển thị trên tab trình duyệt, ảnh hưởng đến tỷ lệ nhấp chuột (CTR).

Hệ thống lưới (Grid) là một khung cấu trúc giúp chia trang web thành các cột và hàng, tạo ra một bố cục có tổ chức và nhất quán. Nó giúp các nhà thiết kế dễ dàng sắp xếp và căn chỉnh các phần tử một cách hài hòa và chuyên nghiệp.

Khả năng truy cập (Accessibility) là việc thiết kế trang web sao cho người khuyết tật (ví dụ: người mù, người khiếm thính, người khuyết tật vận động) cũng có thể sử dụng và tiếp cận thông tin một cách dễ dàng. Điều này bao gồm việc tuân thủ các tiêu chuẩn WCAG.

Đơn vị 'em' và 'rem' là các đơn vị tương đối, dựa trên kích thước phông chữ. 'em' tương đối so với kích thước phông chữ của phần tử cha, còn 'rem' tương đối so với kích thước phông chữ gốc của trang. Sử dụng chúng giúp thiết kế linh hoạt hơn khi kích thước phông chữ thay đổi trên các thiết bị khác nhau.

Lựa chọn màu sắc cần phù hợp với thương hiệu, ngành nghề và thông điệp muốn truyền tải. Đồng thời, cần chú ý đến độ tương phản giữa màu chữ và màu nền để đảm bảo khả năng đọc tốt cho người dùng.

Đối với website thương mại điện tử, quy trình thanh toán thuận tiện và an toàn là yếu tố then chốt. Khách hàng dễ dàng hoàn tất giao dịch sẽ tăng khả năng mua hàng thành công (tỷ lệ chuyển đổi).

Phân cấp thị giác là nguyên tắc sắp xếp các yếu tố thiết kế theo thứ tự ưu tiên về mặt thị giác, giúp người dùng dễ dàng nhận biết thông tin quan trọng nhất trước, sau đó đến các thông tin thứ yếu. Nó sử dụng các yếu tố như kích thước, màu sắc, độ tương phản, vị trí để tạo ra thứ tự này.

Neumorphism (soft UI) là phong cách thiết kế sử dụng hiệu ứng đổ bóng nhẹ, highlight và shadow để tạo ra giao diện người dùng có vẻ ngoài mềm mại, nổi hoặc lõm vào nền. Màu sắc thường gần với màu nền, tạo cảm giác hòa nhập và tinh tế.

Viewport meta tag là một đoạn mã HTML quan trọng trong thiết kế web đáp ứng. Nó hướng dẫn trình duyệt cách điều chỉnh kích thước và tỷ lệ hiển thị của trang web trên các thiết bị khác nhau, đảm bảo trang web hiển thị phù hợp và dễ đọc trên mọi màn hình, đặc biệt là màn hình di động.

Wireframe là bản phác thảo bố cục trang web ở mức độ thấp, tập trung vào cấu trúc nội dung, chức năng và luồng điều hướng. Nó giúp xác định khung sườn cơ bản trước khi thêm các yếu tố thiết kế trực quan.

Whitespace (hay không gian âm) là khoảng trống xung quanh và giữa các yếu tố thiết kế. Nó không nhất thiết phải màu trắng. Whitespace quan trọng để tạo sự thông thoáng, giúp người dùng dễ đọc nội dung, giảm rối mắt và tăng tính thẩm mỹ.

Breadcrumbs là thanh điều hướng phụ, thường hiển thị chuỗi liên kết dạng văn bản nhỏ ở đầu trang, cho biết đường dẫn vị trí hiện tại của người dùng so với trang chủ và các trang cấp cao hơn. Nó giúp người dùng dễ dàng định hướng và di chuyển trong website.

A/B testing (hay split testing) là phương pháp so sánh hai phiên bản (A và B) của một yếu tố thiết kế web (ví dụ: nút CTA, tiêu đề, bố cục) để xem phiên bản nào hoạt động tốt hơn (ví dụ: có tỷ lệ nhấp chuột hoặc tỷ lệ chuyển đổi cao hơn). Dữ liệu thu thập được từ A/B testing giúp đưa ra quyết định thiết kế dựa trên bằng chứng, tối ưu hóa hiệu quả website.

Thiết kế web đáp ứng (Responsive Web Design) là phương pháp thiết kế để trang web có thể tự động điều chỉnh bố cục và nội dung sao cho phù hợp với kích thước màn hình của thiết bị đang truy cập, từ máy tính để bàn, máy tính bảng đến điện thoại di động.

User persona là hồ sơ người dùng hư cấu, đại diện cho các nhóm người dùng mục tiêu của website. Nó giúp nhà thiết kế hiểu rõ hơn về nhu cầu, mục tiêu và hành vi của người dùng, từ đó đưa ra các quyết định thiết kế phù hợp.

UX là viết tắt của User Experience (Trải nghiệm người dùng), tập trung vào cảm xúc, sự hài lòng và hiệu quả của người dùng khi tương tác với sản phẩm hoặc dịch vụ, bao gồm cả trang web.

Mockup là bản tĩnh, tập trung vào hình ảnh và giao diện trực quan. Prototype là bản mẫu có tính tương tác, cho phép người dùng thử nghiệm các chức năng và luồng tương tác, giúp đánh giá và cải thiện trải nghiệm người dùng trước khi phát triển hoàn chỉnh.

Website đa ngôn ngữ cần hỗ trợ mã hóa ký tự (ví dụ: UTF-8) để hiển thị chính xác các ký tự đặc biệt của các ngôn ngữ khác nhau. Bố cục trang cũng cần linh hoạt để thích ứng với độ dài văn bản khác nhau giữa các ngôn ngữ. Dịch thuật chuyên nghiệp là cần thiết để đảm bảo chất lượng nội dung.

Thiết kế tối giản (Minimalism) hướng đến sự đơn giản, tập trung vào nội dung chính và loại bỏ những yếu tố thừa thãi. Mục tiêu là tạo ra giao diện sạch sẽ, dễ sử dụng và tập trung sự chú ý của người dùng vào những điều quan trọng nhất.

CTA là viết tắt của Call To Action (Kêu gọi hành động). Đây là các yếu tố thiết kế (thường là nút hoặc liên kết) được đặt trên trang web để khuyến khích người dùng thực hiện một hành động mong muốn, ví dụ như 'Mua ngay', 'Đăng ký', 'Tìm hiểu thêm'.