Один из самых популярных вопросов в чятике - "как дизайнить таблицы".
Я думала наваять про это пост, но написано уже много годных материалов, поэтому решила просто поделиться ими с вами.
Что самое важное:
1. Контент на первом месте, вычищайте визуальный шум типа бесполезных разделителей и фонов
2. Ищите способы сэкономить место
3. Выносите повторяющиеся данные в заголовок
4. Чем важнее колонка, тем она левее
5. Убирайте лишнее
6. Текст выравнивается по левому краю, цифры - по правому
7. Если есть скролл, крепите важную колонку (не обязательно первую)
8. Фильтры и сортировки должны быть очевидны
9. Попробуйте вывернуть таблицу (колонки сделать строками), возможно станет удобнее
10. Таблица на мобилках может превращаться в карточки или скролиться
Материалы:
Старый добрый совет Горбунова
Бирман про вёрстку таблиц
Статья на русском
Серия статьей про таблицы, "с которыми работают": часть 1, часть 2, часть 3
Перевод хорошей статьи про улучшение таблиц
Tables Ultimate guide (EN)
User friendly tables (EN)
Table patterns best principles (EN)
Tables in Enterprise (EN) - относится свежая статья
Адаптация таблиц
Адаптация и унификация в рамках дизайн системы
Адаптация под мобильные
Присылайте свои сохраненки по таблицам в комментарии 🌠