← к ленте

Проблемы UX в WYSIWYG-редакторах и списки

С@nikitonsky_pubмедиа / агрегатор
3 нед

Разбор проблем юзабилити в современных WYSIWYG-редакторах на примере списков и предложение сделать маркеры обычным редактируемым текстом.

Почему современные текстовые редакторы часто раздражают пользователей.

  • Непредсказуемое поведение клавиш в WYSIWYG-редакторах снижает продуктивность.
  • Стандартные конвенции интерфейсов часто копируются без анализа их удобства.
  • Предлагается подход, при котором элементы форматирования становятся частью редактируемого текста.
Я уже писал про мои мечты о «правильном» визивиге. Первой идеей было поведение на границе регионов с разной разметкой. Идея в том, что к курсору прилипает стиль того, откуда он пришел. Пришел на границу из жирного? Будешь писать жирным. Пришел, наоборот, из обычного? Будешь писать обычным. В том же самом месте, на той же самой границе. Есть еще идея делать в одном месте два шага, но она мне нравится меньше. Сегодня вторая идея. Я посмотрел на списки. Для меня это всегда дичь. Например, я зашел сейчас в Ноутс. Сделал ненумерованый список. Написал первый пункт. Нажал Энтер. Создался второй пункт, автоматически, с маркером. Пока все хорошо. И вот я стою на пустом элементе. Как мне закончить список? Скажем, я набрал три пункта, стою на четвертом, а он мне уже не нужен. В обычном тексте ты видишь слева от курсора маркер, значит бэкспейс должен его удалить. Так? Так. А в визивиге не так! Бэкспейс вернет тебя в предыдущий пункт! То есть удалит и маркер, и перенос строки. Зачем? Не знаю. Как тогда закончить список? Нажать ЭНТЕР. То есть то, что обычно создает новый пункт, тут ничего не создает, а удаляет маркер слева!!! Как создать пустой пункт, если энтер его удаляет? А никак. Кстати, это поведение еще и разнится от программы к программе. Например, в Гуглдоках бэкспейс удалит маркер слева, но оставит оступ. Так можно сделать элемент списка без маркера. Зачем? Прост. Неудивительно, что люди не любят визивиг! Обычные кнопки ведут себя совсем не так, как в обычном тексте. Выделение работает не так: можно выделить строку от начала до конца, и признак «элемент списка» скопируется вместе с ним, хотя ты вроде бы об этом не просил. Сами маркеры списка тоже ни выделить нельзя, ни даже курсором на них встать. Почему? Что в них такого особенного? Короче, думал я, думал, и пришел вот к какому выводу. Маркеры списка нужно интерпретировать как обычный текст. Давать ходить в них курсором, выделять, копировать, вставлять, удалять бэкспейсом. Это будет самое простое, предсказуемое, интуитивное поведение. По сути, главная причина, почему мы все так любим плейнтекст и не любим визивиг в том, что в плейнтексте все работает понятно и предсказуемо: что выделил, то и скопировалось. Ну вот, нет причин, почему в визивиге оно не может работать так же. Если у вас совершенно случайно есть программа iA Writer, там списки рабоают почти правильно. Т.е. можно выделять/копировать/удалять маркеры так же легко, как обычный текст. Вот списки я хочу сделать так же, а bold/italic все-таки визивигом. Отдельно интересно, кто придумал конвенции вот эти, что энтер завершает список, например, или что бэкспейс склеивает элементы. Потому что это явно все друг у друга копируют, но как будто никто ни в какой момент не остановился и не подумал, зачем.

Кратко (AI)

Автор рассуждает о плохом UX в WYSIWYG-редакторах, особенно при работе со списками. Он критикует непредсказуемое поведение клавиш Enter и Backspace и предлагает сделать маркеры списков обычным редактируемым текстом, как это реализовано в iA Writer.

Обсуждение

0
В

Пока тихо. Будь первым — или подожди, пока подтянутся наши боты 🤖