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

SVG (Scalable Vector Graphics) là định dạng hình ảnh vector, có nghĩa là hình ảnh được mô tả bằng các đường và hình dạng toán học thay vì pixel. Điều này cho phép hình ảnh SVG có thể được масштабирование (scaling) đến bất kỳ kích thước nào mà không bị mất chất lượng hoặc vỡ hình, làm cho chúng lý tưởng cho logo, biểu tượng và các hình ảnh cần hiển thị sắc nét trên nhiều kích thước màn hình khác nhau.

Viewport meta tag là một thẻ meta quan trọng trong HTML, đặc biệt cần thiết cho thiết kế web đáp ứng. Nó cho phép các nhà phát triển web kiểm soát cách trình duyệt hiển thị trang web trên các kích thước màn hình khác nhau, đặc biệt là trên thiết bị di động. Nó thường được sử dụng để thiết lập tỷ lệ hiển thị ban đầu và ngăn chặn việc trang web bị thu nhỏ lại trên màn hình nhỏ.

'Pseudo-class' (lớp giả) trong CSS cho phép bạn chọn các phần tử HTML dựa trên trạng thái của chúng (ví dụ: `:hover`, `:active`, `:focus`) hoặc vị trí của chúng trong cây DOM (ví dụ: `:first-child`, `:last-child`, `:nth-child`). Chúng cung cấp một cách mạnh mẽ và linh hoạt để định kiểu cho các phần tử dựa trên các điều kiện động.

Thẻ `` (anchor) trong HTML được sử dụng để tạo liên kết đến các trang web khác, tệp tin, hoặc vị trí khác trong cùng một trang. Thuộc tính `href` xác định đích đến của liên kết.

Kỹ thuật 'lazy loading' (tải chậm) hình ảnh là một phương pháp tối ưu hóa hiệu suất web bằng cách trì hoãn việc tải hình ảnh cho đến khi chúng thực sự cần thiết, thường là khi người dùng cuộn trang xuống và hình ảnh sắp xuất hiện trong tầm nhìn. Điều này giúp giảm thời gian tải trang ban đầu và tiết kiệm băng thông.

'UI' là viết tắt của User Interface (Giao diện người dùng), tập trung vào khía cạnh trực quan và tương tác của sản phẩm. 'UX' là viết tắt của User eXperience (Trải nghiệm người dùng), tập trung vào trải nghiệm tổng thể của người dùng khi sử dụng sản phẩm.

Wireframe là bản phác thảo bố cục trực quan đơn giản, thường được sử dụng ở giai đoạn đầu của quy trình thiết kế web để lập kế hoạch cấu trúc trang và bố cục nội dung trước khi tiến hành thiết kế giao diện chi tiết.

CSS Grid Layout được thiết kế cho bố cục hai chiều, cho phép kiểm soát vị trí các phần tử theo cả hàng và cột. CSS Flexbox Layout chủ yếu được thiết kế cho bố cục một chiều, hoặc theo hàng hoặc theo cột, và tập trung vào việc phân phối không gian và căn chỉnh các phần tử trong một container.

'Above the fold' là thuật ngữ xuất phát từ báo in, chỉ phần trang báo có thể nhìn thấy ngay khi tờ báo được gập lại. Trong thiết kế web, nó đề cập đến phần nội dung hiển thị trên màn hình khi trang web vừa được tải, mà người dùng không cần phải cuộn chuột xuống để xem.

Thiết kế web đáp ứng (responsive web design) là phương pháp thiết kế để trang web hiển thị và hoạt động tốt trên mọi thiết bị, từ máy tính để bàn, máy tính bảng đến điện thoại di động, bằng cách tự động điều chỉnh bố cục và nội dung.

'User-centered design' (thiết kế lấy người dùng làm trung tâm) là một triết lý thiết kế đặt người dùng và nhu cầu của họ vào vị trí trung tâm của quy trình thiết kế. Nó nhấn mạnh việc nghiên cứu, hiểu rõ người dùng mục tiêu, và liên tục lặp lại quá trình thiết kế dựa trên phản hồi và kiểm thử của người dùng để tạo ra sản phẩm hữu ích, dễ sử dụng và đáp ứng nhu cầu thực tế.

'Parallax scrolling' (cuộn thị sai) là một kỹ thuật thiết kế web tạo ra hiệu ứng chiều sâu và chuyển động bằng cách làm cho các lớp nền của trang web di chuyển với tốc độ chậm hơn so với lớp tiền cảnh khi người dùng cuộn trang. Điều này tạo ra cảm giác 3D và làm cho trải nghiệm cuộn trang trở nên thú vị hơn.

'Accessibility' (khả năng truy cập) trong thiết kế web là việc đảm bảo trang web có thể được sử dụng và truy cập một cách dễ dàng bởi tất cả mọi người, đặc biệt là những người có khuyết tật (ví dụ: khiếm thị, khiếm thính, khuyết tật vận động).

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 hiện đại cung cấp một loạt các tính năng mạnh mẽ để kiểm tra, gỡ lỗi (debug), phân tích hiệu suất, và chỉnh sửa trang web trực tiếp trong trình duyệt. Chúng rất hữu ích trong quá trình phát triển và bảo trì web.

Mockup là một bản tĩnh, trực quan, thường là hình ảnh độ phân giải cao của giao diện người dùng, thể hiện hình dáng và bố cục dự kiến. Prototype là một phiên bản tương tác, có thể mô phỏng một số chức năng và luồng tương tác của sản phẩm, cho phép người dùng trải nghiệm và kiểm thử trước khi phát triển hoàn chỉnh.

'Breadcrumb' (dấu phân cấp) là một thanh điều hướng thường được đặt ở đầu trang web, hiển thị đường dẫn phân cấp vị trí hiện tại của người dùng trong cấu trúc trang web. Nó giúp người dùng dễ dàng định hướng và di chuyển lên các trang cấp cao hơn trong hệ thống phân cấp của trang web.

Bootstrap là một framework CSS phổ biến và mạnh mẽ, nổi tiếng với hệ thống lưới (grid system) linh hoạt và bộ sưu tập phong phú các thành phần giao diện người dùng (UI components) được thiết kế sẵn. Bootstrap giúp các nhà phát triển web xây dựng giao diện web đáp ứng và nhất quán một cách nhanh chóng và hiệu quả.

Phương pháp 'mobile-first' là cách tiếp cận thiết kế web ưu tiên trải nghiệm người dùng trên thiết bị di động. Thiết kế bắt đầu với phiên bản tối ưu cho màn hình nhỏ, sau đó dần mở rộng và tùy chỉnh cho các kích thước màn hình lớn hơn.

'User persona' (hình mẫu người dùng) là một công cụ quan trọng trong thiết kế UX. Nó là một hồ sơ hư cấu, dựa trên nghiên cứu và dữ liệu về người dùng thực tế, đại diện cho một phân khúc người dùng mục tiêu cụ thể. User persona giúp các nhà thiết kế hiểu rõ hơn về nhu cầu, mục tiêu, hành vi và động cơ của người dùng, từ đó thiết kế sản phẩm phù hợp hơn.

CSS (Cascading Style Sheets) là ngôn ngữ định kiểu được sử dụng để mô tả cách các phần tử HTML hiển thị trên màn hình. Nó kiểm soát giao diện trực quan của trang web, bao gồm màu sắc, phông chữ, bố cục và nhiều khía cạnh trình bày khác.

'White space' (khoảng trắng) hay 'negative space' (không gian âm) trong thiết kế web không phải là khoảng trống vô nghĩa, mà là một yếu tố thiết kế quan trọng. Nó giúp tạo ra sự cân bằng, làm nổi bật các yếu tố thiết kế khác, cải thiện khả năng đọc nội dung và sự rõ ràng của bố cục, từ đó nâng cao trải nghiệm người dùng.

Các thẻ `

'Call to action' (CTA) là một thuật ngữ marketing và thiết kế web, chỉ một nút, liên kết, hoặc lời kêu gọi được thiết kế để hướng dẫn và khuyến khích người dùng thực hiện một hành động cụ thể mà nhà thiết kế web hoặc chủ sở hữu trang web mong muốn (ví dụ: 'Mua ngay', 'Đăng ký ngay', 'Tìm hiểu thêm').

'Information architecture' (kiến trúc thông tin) là nghệ thuật và khoa học tổ chức và cấu trúc nội dung trên trang web để người dùng có thể dễ dàng tìm kiếm, sử dụng và hiểu được thông tin. Nó bao gồm việc xác định cấu trúc phân cấp nội dung, hệ thống điều hướng, hệ thống gắn nhãn và hệ thống tìm kiếm của trang web.

Các đơn vị `em` và `rem` là các đơn vị tương đối trong CSS, có khả năng điều chỉnh kích thước dựa trên kích thước phông chữ của phần tử cha hoặc phần tử gốc (html). Chúng rất hữu ích cho thiết kế web đáp ứng vì giúp các phần tử co giãn linh hoạt theo kích thước màn hình khác nhau.

Nguyên tắc 'KISS' (Keep It Simple, Stupid) là một triết lý thiết kế khuyến khích sự đơn giản và rõ ràng. Trong thiết kế web, nó nhấn mạnh việc tạo ra giao diện dễ hiểu, dễ sử dụng, và loại bỏ sự phức tạp không cần thiết để cải thiện trải nghiệm người dùng.

SEO (Search Engine Optimization - Tối ưu hóa công cụ tìm kiếm) là tập hợp các kỹ thuật và thực hành nhằm cải thiện thứ hạng của một trang web trên các trang kết quả tìm kiếm (SERPs) như Google, Bing, Yahoo,... Mục tiêu là tăng lượng truy cập tự nhiên (organic traffic) đến trang web.

Thuộc tính `z-index` trong CSS được sử dụng để kiểm soát thứ tự xếp chồng của các phần tử HTML khi chúng chồng lên nhau (ví dụ: khi sử dụng định vị tuyệt đối hoặc tương đối). Phần tử có giá trị `z-index` cao hơn sẽ nằm phía trên các phần tử có giá trị thấp hơn.

JavaScript là ngôn ngữ lập trình chủ yếu được sử dụng để thêm tính tương tác và chức năng động vào trang web. Nó cho phép tạo ra các hiệu ứng, xử lý sự kiện người dùng, cập nhật nội dung trang mà không cần tải lại trang, và nhiều tính năng động khác.

'A/B testing' là một phương pháp thử nghiệm được sử dụng rộng rãi trong thiết kế web và marketing. Nó bao gồm việc so sánh hai phiên bản (A và B) của một trang web hoặc thành phần trang web để xem phiên bản nào hoạt động tốt hơn về một mục tiêu cụ thể (ví dụ: tỷ lệ chuyển đổi, tỷ lệ nhấp chuột). 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 thực tế.