Новая опция меню редактора постов сдвигает значок шестеренки за пределы экрана на iPhone 8

Теперь в меню редактора постов так много опций, что шестерёнка для дополнительных действий отображается за пределами ожидаемой области. На следующем скриншоте изображено моё iPhone 8.

3 лайка

хм, да, это происходит на небольших устройствах, когда добавляется дополнительная кнопка помимо стандартного набора… в данном случае это переключатель направления текста. Думаю, поскольку эта панель может содержать любое количество дополнительных кнопок, самое меньшее, что мы можем сделать, — это разрешить ей горизонтальную прокрутку.

9 лайков

Или, возможно, добавить кнопку с многоточием, которая открывает дополнительные параметры?

Я бы предпочёл горизонтальную прокрутку, так как меню форматирования в этом случае проще найти и увидеть, чем при необходимости нажимать дополнительную кнопку.

Ну, это вполне справедливо.

Оказывается, мы не можем легко добавить горизонтальную прокрутку здесь, так как это требует скрытия переполненного содержимого, а меню настроек требует, чтобы переполнение оставалось видимым.

@pmusaraj внес улучшение, которое лучше масштабирует панель инструментов на меньших размерах:

…но в какой-то момент нам нужно будет найти способ поддержки большего количества кнопок. Возможно, нам нужно превратить иконку шестеренки в , как в сообщениях, и по умолчанию скрывать там больше элементов.

3 лайка

Мне интересно услышать отзывы о текущем решении: удобно ли нажимать кнопки на устройствах с меньшим экраном (например, iPhone 8), учитывая, что расстояние между ними уменьшено?

@awesomerobot Я думаю, что кнопки «Цитировать весь пост» и «Переключить направление» следует переместить в меню шестерёнки. Они наверняка не используются так часто, чтобы занимать постоянное место в панели инструментов. (Последняя, «Переключить направление», есть здесь, на meta, но она скрыта за настройками сайта, то есть, вероятно, используется на очень небольшом количестве сайтов.)

1 лайк

Я использую iPhone 8. Мне кажется, новое расстояние между кнопками приемлемо (12 кнопок и два разделителя), но это, вероятно, предел того, что можно разумно разместить в панели инструментов. Я не могу представить, чтобы добавление чего-то ещё сделало нажатие удобным.

Я полностью согласен насчёт переключения направления. Цитирование всего поста — пограничный случай. Я использую его определённо реже, чем, например, жирный шрифт и курсив, но чаще, чем два пункта в меню списков. Честно говоря, я не нахожу пункты меню списков вообще полезными. Мне гораздо проще вручную вводить звёздочки или цифры. (Кстати, многократное нажатие на иконки маркированного или нумерованного списка переключает выделенный текст, как это происходит с жирным шрифтом и курсивом, но только внутри одного типа списка, а не между ними. Было бы здорово, если бы нажатие на иконки списков заменяло один тип списка на другой, если он уже присутствует.)

Для меня самые используемые опции панели инструментов — это те, что уже скрыты за иконкой шестерёнки: «Скрыть детали» и «Размыть спойлер». Думаю, это связано с тем, что маркированные списки, жирный шрифт и курсив (которые я использую очень часто) по сути просто добавляют символ *, поэтому я могу легко набрать их вручную, тогда как другие опции требуют ввода гораздо более длинных тегов в стиле BBCode, поэтому нажатие кнопки быстрее.

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

Несколько других замечаний и предложений:

  • Я бы убрал разделители. Разделители подразумевают наличие логических групп, но какое отношение «Цитировать весь пост» имеет к жирному шрифту и курсиву? Что общего у гиперссылки с предварительно отформатированным текстом? Как маркированные списки связаны с эмодзи? Сейчас это выглядит довольно произвольно и просто тратит место.
  • Я предполагаю, что видимость/скрытие опций меню настраивается на уровне установки, но вы рассматривали возможность настройки на уровне пользователя? Я знаю, что у всех разные рабочие процессы, поэтому возможность полностью настраивать порядок элементов панели инструментов могла бы иметь смысл. Например, можно было бы позволить пользователям сортировать опции панели инструментов, и они отображались бы именно в этом порядке. Всё, что не помещается в зависимости от устройства пользователя, автоматически перемещалось бы в меню шестерёнки: так, на десктопе пользователь мог бы видеть свои топ-15 опций, а на мобильном — только топ-12. (Или, возможно, их интересует только 3 опции, а остальные всегда находятся в меню шестерёнки, если это технически возможно.) Это может быть сложнее, чем того стоит, но я подумал, что стоит упомянуть эту идею.
3 лайка

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

Я добавил эти три изменения в свой список задач. Как только это будет сделано, кнопки на мобильных устройствах получат больше пространства.

Не все кнопки настраиваются на уровне установки, и я не думаю, что полезно делать их настраиваемыми на уровне пользователя. Для подавляющего большинства пользователей это слишком детальная настройка, которая нужна только супер-продвинутым пользователям. (А супер-продвинутые пользователи находят другие способы решить ту же задачу, например, используя пользовательские таблицы стилей в своём браузере.)

4 лайка

Две изменения (только для мобильных устройств) теперь объединены (PR): кнопки маркированного и нумерованного списка перемещены в меню шестерёнки, а разделители удалены. Ещё раз спасибо за обратную связь, @seanblue.

4 лайка

Эта тема была автоматически закрыта через 20 часов. Новые ответы больше не принимаются.