TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #431 6.85K
Михаил Греков написал об управлении табличными данными и их экспорте.

1. Действия с одной записью:
— Основное действие можно выполнять двойным кликом на строку, а полный список действий показывать по нажатию правой кнопки мыши. Не годится для тач-интерфейсов. Пример: веб-версия Google Drive.
— Можно показывать кнопку основного действия, а дополнительные прятать в кебаб-меню. Если поставить кебаб в начале строки, пользователь сразу его заметит при любом количестве столбцов. Пример: панель управления сайтом на Битриксе.
— Кнопки действий можно показывать при наведении курсора на строку. Минусы: строки мигают, кнопки закрывают часть информации, не годится для тач-интерфейсов. Пример: Gmail.

2. Действия с несколькими выделенными записями:
— Список действий можно показывать над таблицей (всегда или когда выбраны записи). Пример: Wordpress.
— Список действий для всех выделенных записей можно показывать по нажатию правой кнопки мыши. Минус: пользователю надо как-то рассказать об этом приёме.
— Выделенные записи можно перетаскивать на нужные действия. Минус: экзотика и для пользователей, и для разработчиков. Пример: Яндекс-почта.

3. Если у записей в таблице есть однородные свойства, работать удобнее, когда можно быстро изменить их для нескольких записей. Пример: Redmine.

4. При выборе нескольких записей удобны:
— Выбор интервала. Пользователь выбирает 1-ю строку, зажимает Shift и выбирает последнюю строку в интервале. Пример: Gmail.
— Выбор всех строк. Важно, чтобы пользователь понимал, выбраны вообще все записи или все записи на текущей странице.

5. Редактирование данных непосредственно в строке:
— Полезно, когда выводятся часто сменяемые свойства (приоритет, статус, ответственный менеджер).
— Удобно, если при изменении данных не надо вводить причину изменения и т.п.
— Требует подсказки: какие данные можно изменить в строке, как перейти к редактированию, как сохранить изменения. Понятнее всего — иконка карандаша для изменения и галка для сохранения.

6. Пользовательский экспорт данных (данные экспортируются для работы с ними в другой системе или передачи другому человеку):
— Для такого экспорта не годится формат CSV.
— XLS-файл надо готовить для дальнейшей работы с ним: соблюдать ширины столбцов, форматы данных, выделение шапки и т.п.
— Файл надо называть осмысленно с указанием даты и времени экспорта.
— Дату и время экспорта желательно продублировать перед таблицей на случай отправки её на печать.

https://designpub.ru/110fe6de533f
Medium #3. UX таблиц, с которыми работают. Ч3: управление данными и экспорт Третья статья из цикла “UX таблиц, с которыми работают” — про создание таблиц, с которыми будет удобно и эффективно работать весь день.
More from @uxnotes
  1. Oct 2, 2026Сархан Громов написал о проблеме связи брендинга и интерфейса. Фирменные приёмы могут отли…
  2. Oct 1, 2026Post #1813
  3. Sep 30, 2026Александр Краснобаев написал об а/б-тестах на малом трафике. • Нельзя выбирать один из вар…
  4. Sep 27, 2026Елена Плинер написала о юзерфлоу. — User flow — это блок-схема пользовательского пути в ра…
  5. Sep 23, 2026Ночной UX — цифровая вечеринка от Сбера Необычные решения, творчество и ошибки делают нас…
  6. Sep 17, 2026Анастасия Ефанова написала, как сокращение количества пушей в 2,5 раза повысило конверсию…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →