Нашла недавно прекрасную статью про паттерны дизайна таблиц.

Небольшая выдержка от меня:
1. Текстовые данные выравнивайте по левому краю, числовые – по правому.

2. Избегайте центрирования текста – оно усложняет восприятие.

3. Используйте моноширинные шрифты для чисел – так их легче сравнивать.

4. Избегайте повторений заголовков в ячейках.

5. Не злоупотребляйте рамками и цветами фона. Стремитесь убрать визуальный шум.

6. Если в двух столбцах находятся связанные данные, объедините их.

7. Используйте визуальные индикаторы, например, лейблы для статусов.

8. Для больших данных закрепляйте строку заголовков или первый столбец.

9. Пагинация, сортировка и изменение размеров столбцов дадут пользователям больше контроля.

10. Часть активных действий с ячейками можно показывать при наведении на строку.

Всё проиллюстрировано примерами, которые хорошо показывают, как даже маленькие изменения способны повысить читабельность любых таблиц.

Визуализируй это!

Нашла недавно прекрасную статью про паттерны дизайна таблиц.

Небольшая выдержка от меня:
1. Текстовые данные выравнивайте по левому краю, числовые – по правому.

2. Избегайте центрирования текста – оно усложняет восприятие.

3. Используйте моноширинные шрифты для чисел – так их легче сравнивать.

4. Избегайте повторений заголовков в ячейках.

5. Не злоупотребляйте рамками и цветами фона. Стремитесь убрать визуальный шум.

6. Если в двух столбцах находятся связанные данные, объедините их.

7. Используйте визуальные индикаторы, например, лейблы для статусов.

8. Для больших данных закрепляйте строку заголовков или первый столбец.

9. Пагинация, сортировка и изменение размеров столбцов дадут пользователям больше контроля.

10. Часть активных действий с ячейками можно показывать при наведении на строку.

Всё проиллюстрировано примерами, которые хорошо показывают, как даже маленькие изменения способны повысить читабельность любых таблиц.

👍19🔥12❤7

hottg.com/visualize_it/115

3.1K viewsAug 5, 2024 at 08:30