Quy định về hiển thị dữ liệu

Table (bảng dữ liệu)
  1. Các header phải in đậm và canh lề trái.

  2. Các dòng (row) phải canh lề trái cho TEXT và phải chố NUMBER.

  3. Hiển thị nội dung của table theo quy tắc sau:

    • Sử dụng No Data khi nguồn dữ liệu được mong đợi có dữ liệu, nhưng không có dữ liệu trả về.

    • Sử dụng N/A (Not Applicable) để biểu thị rằng một số dữ liệu không phù hợp hoặc không liên quan trong một tình huống nhất định. Ví dụ, trong bảng Device, trường "Device Identifier" là cần thiết; tuy nhiên, nếu nó để trống, nó nên được điền N/A.

    • Sử dụng - (gạch ngang) để biểu thị thiếu giá trị số hoặc khi giá trị cố ý được để trống, cho UI tối giản và sạch sẽ. Ví dụ, thay vì hiển thị NULL trong trường văn bản, nó nên được trình bày là -.

Hiển thị ngày giờ

Trong giao diện, đôi khi cần hiển thi ngày giờ, như ví dụ sau đây cho ngày 16 tháng 04 năm 2024, lúc 10 giờ 52 phút.

  • Hiển thị tiếng Anh, là 2024-04-16 10:52 theo format yyyy-MM-dd hh:mm; nhưng cũng tùy thuộc vào region, hay timezone, hay language, country của người dùng. Chẳng hạn đối với người Thổ Nhĩ Kỳ thi dùng dấu . nen có thể là 16.04.2024 10:52

  • Tuy nhiên, cũng có thể ngắn gọn hien thị với các từ Today, Yesterday, Last month, .. như Today 10:52

  • Việc hiển thi ngày giờ cũng phải hiển thị đúng timezone của người dăng nhập; Ví du trên thì có thể là giờ UTC nên nếu là UTC+7 và ngôn ngữ là Tiếng Việt, thì có thể hiển thị là: 16/04/2024 17:52.

  • Việc tính toán để hiện thị, hoặc là có thê ở FE lập trình, hoặc ở BE lập trình và trả về cho FE.

Last updated