Таблица данных

01

Информация и структура

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

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

02

Действия и статус

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

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

03

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

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

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

Таблица данных Веб-приложение

Информация и структура

Действия и статус

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

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

Сохраняйте единообразие заголовков и данных

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

Сохраняйте единообразие заголовков и данных

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

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