Несколько дней назад я пытался создать таблицу на Discourse Meta и столкнулся с большими трудностями. Так как я не был уверен, как должен работать конструктор, и то, что я видел, не соответствовало моим ожиданиям, я просто добавил таблицу по умолчанию и начал настраивать её оттуда.
Теперь, когда я потратил немного больше времени и разобрался с большинством упущенных моментов, решил поделиться обратной связью.
Мой первый опыт работы с конструктором таблиц
Буду честен: конструктор таблиц гораздо более продвинутый, чем я ожидал — отличная работа над тем, что вы в него вложили. Большинство платформ, поддерживающих таблицы, делают свои конструкторы довольно простыми, предлагая лишь быстрый способ указать количество строк и столбцов. Это создаёт понятный шаблон для следования. Тем не менее, я не нашёл много платформ, использующих Markdown, которые предлагали бы конструкторы таблиц.
Я считаю отличным, что у вас есть настоящий конструктор, который даёт опыт, близкий к WYSIWYG, вместо того чтобы полагаться на то, что пользователи привыкнут к (признаться, не очень дружелюбному) опыту работы с Markdown. Я могу создавать таблицы в Markdown вручную, но проверять их практически невозможно без предварительного просмотра.
К сожалению, я начал пользоваться инструментом, ожидая просто сказать ему: «Хочу таблицу из пяти столбцов и десяти строк»… но получил совсем другое — большую белую страницу с почти пустой таблицей. Ничего, что объясняло бы, что нужно делать, сразу не было видно, поэтому я немного растерялся. То, что у вас есть, очень похоже на то, как Google Docs вставляет/редактирует таблицы, но в интерфейсе мало подсказок для пользователя.
Первое, что я попытался сделать, — дважды щёлкнуть по тексту «Столбец 1», так как именно с этого я всегда начинаю работу с таблицами — называю строки/столбцы. Не получилось. Я мог выделить текст, но ничего не удалялось. Поскольку я был в мыслях обычного текстового инструмента стандартного редактора постов Discourse, я даже не подумал о нажатии правой кнопки мыши.
Я обнаружил, что могу добавлять текст в отдельные ячейки, но всё ещё был в растерянности, когда дело дошло до добавления/удаления строк и столбцов, потому что всё ещё думал, что просто даю простому инструменту команду создать каркас, который потом нужно будет отредактировать в стандартном редакторе.
Так как основной источник моего раздражения при создании таблицы в Markdown — это запоминание, как настроить первые две строки кода (заголовок и горизонтальный разделитель), я нажал кнопку «Создать таблицу» и просто отредактировал её напрямую.
Сегодня я вернулся, потому что не мог понять, были ли возникшие у меня проблемы ошибкой, проблемой UI/UX или просто моей собственной некомпетентностью (PEBKAC), и хотел сообщить об ошибке, предложить изменение интерфейса или выяснить, почему я такой глупый, что пропустил что-то столь очевидное.
В итоге оказалось, что это, вероятно, комбинация всех трёх факторов. Есть несколько мелких проблем, которые я бы классифицировал как баги, несколько проблем UI/UX и, поскольку я не открыл и не заметил значок «?» в правом нижнем углу, хотя бы немного моей собственной вины.
Идеи по улучшению UI/UX
Есть несколько вещей, на которые я уже намекал выше, которые действительно помогут сделать и без того отличный инструмент ещё лучше, сделав его функции более заметными. Основной способ улучшения, по моему мнению, — помочь пользователям понять, как пользоваться конструктором.
Сделать инструкции более доступными
Хотя у вас есть значок вопроса в правом нижнем углу, он находится так далеко от основного содержимого страницы, что его очень легко пропустить. Иконка помощи могла бы быть гораздо заметнее, если бы располагалась в другом месте страницы — например, прямо рядом с заголовком. Можно рассмотреть возможность автоматического открытия модального окна при первом использовании конструктора с опцией отключения этого уведомления для будущих посещений. Кроме того, в меню помощи не так много текста — возможно, имеет смысл вообще не скрывать его, а отображать прямо над или под таблицей.
Использовать видимые и привычные элементы интерфейса для улучшения обнаружения функций
У вас уже есть стрелка выпадающего списка для указания сортировки по конкретному столбцу — делайте так же чаще, чтобы другие функции было легче найти, вместо того чтобы прятать их в меню правой кнопки мыши. Это также сделает конструктор более удобным для мобильных устройств.
- Отображать иконку редактирования в ячейках заголовка, чтобы сделать редактирование текста более заметным.
- Использовать значок «+» по краям таблицы для быстрого добавления новых строк/столбцов.
- Если выделены целые строки/столбцы, добавить иконку корзины над строками или слева от столбцов, чтобы показать, что их можно удалить.
Я не специалист по UI/UX, поэтому, вероятно, существуют и более стандартные варианты, но надеюсь, что этот список даст вам идеи, как это реализовать. Я думаю, что поиск правильного баланса между тем, как работает конструктор таблиц в Google Docs, и тем, что у вас есть сейчас, сделает инструмент более интуитивным без необходимости в справочном тексте.
Сделать ощущение редактора
Хотя я знаю, что таблицы в Markdown имеют гораздо меньше возможностей форматирования, на странице действительно отсутствует какая-либо индикация того, что это редактор. Наличие панели, позволяющей добавлять строки, столбцы и указывать возможные варианты форматирования, подняло бы этот инструмент на новый уровень и одновременно дало бы пользователям понять, что это такое и что они могут делать. Сейчас я не знаю, как добавить текстовые украшения, ссылки, изображения и т. д. в таблицу. Всё это возможно, но не в конструкторе.
Несколько мелких багов
- Первый столбец внутри редактора сбивает меня с толку. Он создаёт ощущение, что можно использовать заголовки строк, что в Markdown просто невозможно. Рассмотрите возможность изменения этого, чтобы было яснее, что эти заголовки не появятся в итоговой таблице.
- Завершённая таблица в Markdown не имеет дополнительных пробелов перед текстом в ячейках первого столбца. Это, кажется, не ломает таблицу, но мне бы хотелось, чтобы поведение было последовательным.
- Рассмотрите возможность автоматического размещения завершённой таблицы на новой строке. Если я создаю таблицу на существующей строке текста, она выглядит сломанной. Принудительное размещение её на новой строке с пустой строкой сверху гарантирует, что таблица всегда будет работать корректно.
Вот скриншот, на котором показаны второй и третий пункты.
