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

Đơn vị `vw` (Viewport Width) và `vh` (Viewport Height) là các đơn vị tương đối so với kích thước viewport (khung nhìn) của trình duyệt. `1vw` tương đương 1% chiều rộng viewport, giúp tạo ra các thiết kế linh hoạt và đáp ứng.

`display: flex;` kích hoạt Flexbox Layout, một mô hình bố cục CSS mạnh mẽ giúp dễ dàng căn chỉnh và phân phối không gian giữa các phần tử con trong một container, đặc biệt hữu ích cho thiết kế responsive.

Usability (tính khả dụng) là một yếu tố cốt lõi của UX, tập trung vào việc đảm bảo trang web dễ sử dụng, dễ học, hiệu quả và thỏa mãn người dùng khi họ tương tác.

Micro-interaction là những tương tác nhỏ, tinh tế, mang lại phản hồi trực quan cho người dùng khi họ thực hiện một hành động cụ thể (ví dụ: click, hover, kéo thả). Chúng giúp giao diện trở nên sống động, thú vị và cung cấp thông tin phản hồi tức thì.

PSD (Photoshop Document) là định dạng file gốc của Adobe Photoshop, thường được sử dụng trong quá trình thiết kế nhưng không phải là định dạng tối ưu cho web. JPEG, PNG và GIF là các định dạng hình ảnh phổ biến được tối ưu hóa cho việc hiển thị trên web.

Lazy loading (tải chậm) trì hoãn việc tải hình ảnh cho đến khi người dùng cuộn trang xuống và hình ảnh đó chuẩn bị xuất hiện trong khung nhìn. Điều này giúp giảm lượng dữ liệu cần tải ban đầu, cải thiện tốc độ tải trang và trải nghiệm người dùng.

Phát triển ứng dụng di động native là một lĩnh vực riêng biệt, không trực tiếp thuộc về thiết kế web. Thiết kế web tập trung vào trải nghiệm người dùng trên trình duyệt web, trong khi ứng dụng native được phát triển riêng cho hệ điều hành di động.

Thiết kế web đáp ứng (Responsive web design) sử dụng CSS media queries và các kỹ thuật khác để tự động điều chỉnh bố cục và nội dung trang web sao cho phù hợp với mọi kích thước màn hình, từ desktop đến mobile.

White space (khoảng trắng), hay còn gọi là không gian âm, là khoảng trống xung quanh và giữa các phần tử thiết kế. Nó đóng vai trò quan trọng trong việc cải thiện khả năng đọc, tạo sự rõ ràng và tập trung sự chú ý vào nội dung chính.

Thẻ `

Hệ thống lưới (grid system) là một khung cấu trúc vô hình chia trang web thành các cột và hàng, giúp các nhà thiết kế sắp xếp nội dung một cách logic, cân đối và nhất quán trên nhiều kích thước màn hình.

Figma, Adobe XD, Sketch là các công cụ thiết kế UI/UX phổ biến, được sử dụng để tạo wireframe, mockup và prototype tương tác nhanh chóng, giúp kiểm thử và cải tiến ý tưởng thiết kế trước khi đi vào giai đoạn phát triển.

UX writing (viết UX) tập trung vào việc tạo ra ngôn ngữ giao diện thân thiện, dễ hiểu và hữu ích, giúp người dùng tương tác với sản phẩm một cách dễ dàng và hiệu quả. Nó bao gồm việc viết microcopy, hướng dẫn, thông báo lỗi, v.v.

Wireframe là bản phác thảo đơn giản, dạng sơ đồ, tập trung vào cấu trúc thông tin và bố cục trang web. Nó giúp xác định chức năng và luồng người dùng trước khi đi vào thiết kế giao diện chi tiết.

Kiểm thử người dùng (user testing) là quá trình quan trọng để đánh giá tính khả dụng (usability) của thiết kế web. Bằng cách quan sát và thu thập phản hồi từ người dùng thực tế, nhà thiết kế có thể xác định các điểm yếu trong trải nghiệm người dùng và cải thiện thiết kế.

Thiết kế tối giản (Minimalism) đề cao sự đơn giản, tập trung vào nội dung cốt lõi và loại bỏ các yếu tố trang trí thừa thãi để cải thiện trải nghiệm người dùng và tốc độ tải trang.

'Above the fold' là thuật ngữ mượn từ báo in, chỉ phần nội dung quan trọng nhất của trang web cần hiển thị ngay lập tức để thu hút sự chú ý của người dùng khi họ truy cập trang lần đầu.

WCAG (Web Content Accessibility Guidelines) là bộ tiêu chuẩn được phát triển bởi W3C (World Wide Web Consortium) để cung cấp các hướng dẫn chi tiết về cách làm cho nội dung web dễ tiếp cận hơn cho người khuyết tật.

Breadcrumbs (vụn bánh mì) là một dạng điều hướng thứ cấp, thường hiển thị ở đầu trang, cho phép người dùng theo dõi đường đi của họ trên website và dễ dàng quay lại các trang cấp cao hơn trong cấu trúc website.

Font sans-serif (không chân) thường được coi là dễ đọc hơn trên màn hình so với font serif (có chân), đặc biệt là với nội dung văn bản dài. Do đó, chúng thường được ưu tiên cho phần thân văn bản để cải thiện trải nghiệm đọc.

Website thương mại điện tử cần tập trung vào việc cung cấp đầy đủ thông tin về sản phẩm, hình ảnh hấp dẫn và một quy trình mua hàng mượt mà, dễ dàng để khuyến khích người dùng hoàn tất giao dịch và tăng tỷ lệ chuyển đổi.

Công cụ dành cho nhà phát triển (Developer Tools) tích hợp sẵn trong hầu hết các trình duyệt web (Chrome DevTools, Firefox Developer Tools, v.v.) cung cấp các tính năng mạnh mẽ để kiểm tra, chỉnh sửa và gỡ lỗi HTML, CSS và JavaScript trực tiếp trên trình duyệt.

Phân cấp thị giác (visual hierarchy) sử dụng các yếu tố như kích thước, màu sắc, độ tương phản, vị trí, v.v. để sắp xếp các phần tử theo mức độ quan trọng, giúp người dùng dễ dàng tiếp nhận thông tin chính và điều hướng trang web hiệu quả.

Accessibility (khả năng tiếp cận) đảm bảo rằng trang web có thể được sử dụng bởi tất cả mọi người, bao gồm cả những người có khuyết tật. Nó bao gồm các tiêu chuẩn và thực hành tốt nhất để thiết kế web dễ sử dụng và dễ tiếp cận cho mọi người.

Màu thứ cấp được tạo ra bằng cách trộn hai màu gốc (đỏ, vàng, lam). Cam (đỏ + vàng), lục (vàng + lam), và tím (đỏ + lam) là các màu thứ cấp phổ biến.

CMS (Content Management System) như WordPress cung cấp giao diện quản lý trực quan, giúp người dùng không cần biết code vẫn có thể tạo, chỉnh sửa và đăng tải nội dung lên website một cách dễ dàng.

A/B testing (hay split testing) là phương pháp thử nghiệm để so sánh hai phiên bản (A và B) của một yếu tố thiết kế (ví dụ: tiêu đề, nút CTA, bố cục) để xác định phiên bản nào hoạt động tốt hơn về mặt mục tiêu (ví dụ: tỷ lệ chuyển đổi, tỷ lệ click).

Mobile-first (ưu tiên thiết bị di động) là phương pháp thiết kế bắt đầu từ việc xây dựng trải nghiệm tốt nhất cho người dùng di động (do số lượng người dùng di động ngày càng tăng), sau đó mới thiết kế cho các thiết bị màn hình lớn hơn như desktop.

Call to action (CTA) là các yếu tố thiết kế (thường là nút hoặc liên kết) được đặt ở vị trí nổi bật để khuyến khích người dùng thực hiện hành động mà website mong muốn, chẳng hạn như mua hàng, đăng ký, liên hệ, v.v.

Kích thước hình ảnh lớn và việc thiếu bộ nhớ đệm là nguyên nhân phổ biến gây chậm tải trang. Tối ưu hóa hình ảnh (nén, chọn định dạng phù hợp) và sử dụng caching giúp giảm dung lượng dữ liệu cần tải và tăng tốc độ truy cập trang web.