Придерживайтесь фактической формы контента
Используйте скелет, зная структуру контента; Не означает, что данные доступны.
Скелет Система дизайна
Указывает на предстоящий контент, не вызывая скачка макета.
Содержание чек-листа
Прогресс проверки
01
Структура и значение
Сравните информацию и представление в контексте использования.
02
Взаимодействие и удобство использования
Попробуйте выполнить операцию, измените статус и продолжайте работу.
Прогресс автоматически сохраняется в этом браузере.
РЕКОМЕНДАЦИИ
Как проверять
ПРИМЕРЫ
Примеры использования
Придерживайтесь фактической формы контента
Карточка результатов загрузки имеет область изображения, заголовок и две строки описания.
Варианты и сценарии использования
Каркас соответствует реальной структуре
Заглушки должны соответствовать будущим изображениям и тексту, чтобы их замена не сдвигала компоновку.
Сравните каркас загрузки с данными, содержащими длинный заголовок: основная высота должна оставаться стабильной.
Пример У каркаса фотокарточки есть квадратное изображение и нижняя область автора, как у загруженной карточки.
Отображаемое имяАктивныйФорма по типу данных
Выбирайте круг, текстовые строки или изображение по назначению, а не один большой блок для всего.
Проверьте список с аватарами и фотографиями: посетитель должен понимать, какое содержимое появится.
Пример Аватар обозначен кругом, заголовок — короткой строкой, изображение — квадратом.