В процессе работы с уже существующими интерфейсами я часто решаю боли, которые возникают у пользователей. Эти боли может принести клиент, они могут проявиться в ходе исследования или в ходе анализа интерфейса, который мы проводим на старте работы.
Показываю как решаю боли клиента в интерфейсе ERP-системы для управления производством.
В процессе анализа задачи и интерфейса я увидела проблему в верстке таблиц и клиент подтвердил эту боль.
Таблиц много, объем данных в них большой. Заголовки в колонках могут быть длинные, а контент маленький. Ширина колонок определяется заголовками. Огромные по ширине колонки с огромными расстояниями между данными не влезают в экран. Работать с таблицей, сопоставлять данные неудобно. Как решить проблему?
Я сузила ширину колонки по размеру данных, а не заголовков. Почему не поместила заголовок в 2 строки? Заголовки могут быть очень длинные и даже если мы сделаем их в 2 строки, потребуется еще один перенос.
Заголовки не редактируются, не меняются, они постоянны. Полным текстом заголовка можно пренебречь. Но помню об удобстве работы с данными и, если заголовок сокращен, делаю его видимым при наведении курсора (хинт).
Что еще сделала с версткой таблиц
• горизонтальное выравнивание;
• выравнивание и в заголовках и в ячейках по верхнему левому углу, что улучшает читабельность таблицы. Исключение — пункт ниже;
• для больших чисел, где много разрядов, включила моноширинный шрифт и выравнивание по разрядам. Это сделало их отображение аккуратным и позволило сразу увидеть разряды;
• подписи (шт, руб, дни и т.д.) вынесла из ячеек в заголовок.
#проект #решениеболи #таблицы #erp #анализдизайна #uxui #uxuiдизайн #uxuiдизайнер #дизайнинтерфейсов #crm
Мой тг канал @Юикснутый дизайнер
