LV1 Làm quen với UI Design

UI Design là viết tắt của cụm từ nào?

• User Integration

• User Interface

• Universal Interaction

• Ultimate Innovation

Answer explanation

UI Design là viết tắt của User Interface, nghĩa là giao diện người dùng. Đây là lĩnh vực thiết kế tập trung vào cách người dùng tương tác với sản phẩm, phần mềm hoặc trang web.

Công cụ nào phổ biến nhất để thiết kế UI?

• Microsoft Word

• Photoshop

• Figma

• Excel

Answer explanation

Figma là công cụ thiết kế UI phổ biến nhất hiện nay, cho phép người dùng tạo và chia sẻ giao diện một cách dễ dàng. Photoshop chủ yếu dùng cho chỉnh sửa hình ảnh, trong khi Microsoft Word và Excel không phải là công cụ thiết kế UI.

Yếu tố nào quan trọng nhất khi chọn font chữ cho UI?

• Độ dễ đọc

• Sự cầu kỳ và nghệ thuật

• Dùng càng nhiều font càng tốt

• Font chữ có thiết kế phức tạp

Answer explanation

Độ dễ đọc là yếu tố quan trọng nhất khi chọn font chữ cho UI, vì nó ảnh hưởng trực tiếp đến trải nghiệm người dùng. Font chữ dễ đọc giúp người dùng tiếp cận thông tin nhanh chóng và hiệu quả.

Icon trong UI Design có vai trò gì?

• Giúp người dùng dễ hiểu và thao tác nhanh hơn

• Giúp trang trí giao diện

• Chỉ dùng cho ứng dụng di động

• Không quan trọng, có cũng được, không có cũng không sao

Answer explanation

Icon trong UI Design giúp người dùng dễ hiểu và thao tác nhanh hơn bằng cách cung cấp hình ảnh trực quan, giảm bớt sự nhầm lẫn và tăng tốc độ tương tác với giao diện.

Trong UI Design, thuật ngữ "Responsive Design" có nghĩa là gì?

• Giao diện tự động phản hồi tin nhắn

• Giao diện có thể thích ứng với nhiều kích thước màn hình

• Giao diện chỉ hoạt động trên một loại thiết bị

• Giao diện có nhiều hiệu ứng động

Answer explanation

Thuật ngữ "Responsive Design" trong UI Design chỉ việc giao diện có thể thích ứng với nhiều kích thước màn hình khác nhau, giúp người dùng có trải nghiệm tốt trên các thiết bị khác nhau.

Điều gì giúp cải thiện trải nghiệm của người dùng khi thiết kế UI?

• Sử dụng màu sắc rực rỡ và phông chữ nghệ thuật

• Giấu bớt thông tin để giao diện tối giản nhất có thể

• Thêm nhiều hiệu ứng động vào giao diện

• Đặt nội dung quan trọng ở vị trí dễ nhìn

Answer explanation

Đặt nội dung quan trọng ở vị trí dễ nhìn giúp người dùng dễ dàng tiếp cận thông tin cần thiết, từ đó cải thiện trải nghiệm sử dụng. Các lựa chọn khác có thể gây rối hoặc làm giảm khả năng tìm kiếm thông tin.

Khoảng trắng (white space) trong UI có tác dụng gì?

• Làm trống màn hình

• Tăng khoảng cách giữa các phần tử để cải thiện trải nghiệm

• Chỉ nên dùng nếu có đủ không gian

• Không quan trọng trong thiết kế UI

Answer explanation

Khoảng trắng trong UI giúp tăng khoảng cách giữa các phần tử, từ đó cải thiện trải nghiệm người dùng bằng cách làm cho giao diện trở nên dễ nhìn và dễ sử dụng hơn.

Điều nào KHÔNG phải là lợi ích của việc sử dụng hệ thống lưới (grid system) trong UI Design?

• Giúp bố cục gọn gàng hơn

• Tạo sự thống nhất trong thiết kế

• Làm cho thiết kế trở nên phức tạp hơn

• Giúp sắp xếp nội dung một cách khoa học

Answer explanation

Lợi ích của hệ thống lưới là giúp thiết kế trở nên gọn gàng, thống nhất và sắp xếp nội dung khoa học. Do đó, việc nói rằng nó làm cho thiết kế trở nên phức tạp hơn là không đúng.

Yếu tố quan trọng nhất trong thiết kế UI là gì?

• Hình ảnh đẹp

• Giao diện thân thiện với người dùng

• Sử dụng nhiều hiệu ứng động

• Thiết kế phức tạp để gây ấn tượng

Answer explanation

Giao diện thân thiện với người dùng là yếu tố quan trọng nhất trong thiết kế UI, vì nó đảm bảo người dùng có trải nghiệm tốt, dễ dàng tương tác và tìm kiếm thông tin, hơn là chỉ chú trọng vào hình ảnh hay hiệu ứng.

Quy tắc 60-30-10 trong thiết kế UI liên quan đến điều gì?

• Cách bố trí bố cục trang web

• 
  Cách sắp xếp nội dung trên màn hình

• Nguyên tắc về màu sắc

• Kích thước của các phần tử trên giao diện

Answer explanation

Quy tắc 60-30-10 trong thiết kế UI chủ yếu liên quan đến nguyên tắc về màu sắc, trong đó 60% là màu nền, 30% là màu phụ và 10% là màu nhấn, giúp tạo sự cân bằng và hài hòa cho giao diện.