Таблица

01

Структура и значение

Сравните информацию и представление в контексте использования.

Установите заголовок для данныхНазначайте имена столбцов, единицы измерения и связи ячеек с заголовками, используя правильную структуру таблицы.Последовательное представление чисел позволяет проводить сравнения быстрее, чем добавление цвета в каждую ячейку.Пример Столбец «Доход, VND» выравнивается по правому краю и имеет одинаковый формат в каждой строке.Выравнивание данных по типуСохраняйте единообразие букв, цифр, дат и статуса; достаточно места между ячейками.Выравнивание и единицы измерения одинаковы, при этом сохраняется достаточно места, чтобы не допустить неправильного прочтения данных в двух соседних столбцах.Находите записи при необходимостиУкажите область вашего поиска и четко укажите ключевые слова и количество результатов.Укажите искомые поля и проверьте данные, представленные в каждом поле, вместо того, чтобы просто проверять имя записи.Отображает используемый порядокЕсли сортируется, укажите столбец и направление сортировки, поддержку клавиатуры.

02

Взаимодействие и удобство использования

Попробуйте выполнить операцию, измените статус и продолжайте работу.

Свяжите операцию с правильной строкойИспользуйте имена пользователей, которые имеют контекст, а не просто показывают действия при наведении.При чтении названий действий с помощью инструментов поддержки вам необходимо знать, к какой строке принадлежит действие; не делайте каждую кнопку просто исправлением.Сохраняйте названия полей на узких экранахПозволяет горизонтальную прокрутку или целенаправленное сворачивание без обрезки важных данных.Если выбрана горизонтальная прокрутка, сохраните контекст столбца и индикацию возможности прокрутки; Не вырезайте полностью важные столбцы.Укажите позицию в спискеЕсли уместноПри пейджинге четко напишите общую сумму, просматриваемый в данный момент диапазон и кнопки перехода.После смены страниц сохраняйте заголовок таблицы и записывайте диапазон просмотра, чтобы пользователи понимали положение во всем результате.Различают нагрузку, пустость и ошибку.Поддерживайте стабильность структуры и принимайте соответствующие меры по каждой причине.

03

Завершите опыт

Проверьте детали, которые легко упустить при вводе проекта в эксплуатацию.

Определите стиль и плотность строкУкажите высоту строк, интервал, разделители, а также индикаторы наведения или выбора, чтобы данные можно было легко сканировать с заданной плотностью.Для таблиц с большим количеством строк сбалансируйте быстрое сканирование с достаточным пространством для взаимодействия. Проверьте как содержимое двухстрочной ячейки, так и выбранные строки.Фильтровать по полезным полямЕсли фильтры доступны, покажите активные критерии и область данных и предоставьте возможность их очистки и возврата к полному списку.Фильтрация и сортировка — две разные вещи; Изменение фильтра не должно привести к потере пользователем текущего заказа.

Таблица Система дизайна

Структура и значение

Взаимодействие и удобство использования

Завершите опыт

Как проверять

Установите заголовок для данных

Примеры использования

Установите заголовок для данных

Найти чек-лист

Чек-листы не найдены