Создание/редактирование поста на мобильном: обсудим опыт использования Discourse в 2026 году

Discourse, по замыслу, должен быть ориентирован на мобильные устройства (хотя мой опыт неоднократно говорил об обратном): об этом написано здесь и здесь.

Но за годы развития Discourse добавил всё больше функций (часто полезных!).

Трудно найти скриншот того, как выглядел мобильный редактор 10 лет назад, но один есть здесь, предоставленный @codinghorror на iPhone 5:

А так он выглядит сегодня (я намеренно добавил текст в поле ввода, потому что добавление контента также добавляет новые иконки и функции на экран… :sparkles:)

Это кажется перегруженным. В левом верхнем углу есть иконка , которая меняется в зависимости от того, создаю ли я тему, редактирую или делаю что-то другое.
Есть иконка , назначение которой мне непонятно, так как я никогда не нажимал на неё (она вызывает какую-то функцию или показывает подсказку?).
Есть иконка , назначение которой мне тоже неизвестно. Я знаю две другие иконки в этом же ряду и иногда ими пользуюсь :slightly_smiling_face:

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


Далее идут поля :sheaf_of_rice::sheaf_of_rice::sheaf_of_rice:.

Узкий селектор категорий едва помещает короткое название родительской категории. Подкатегории почти всегда будут обрезаны или просто не видны.
Оба поля ещё больше сжимают контент, так как содержат:

  • иконку или маркер категорий,
  • иконку или ,
  • и иконку .

Затем идёт редактор, который принудительно отображает панель инструментов.

Не думаю, что её можно скрыть? В любом случае, панель инструментов определённо полезна. Можно прокручивать её горизонтально, чтобы увидеть больше вариантов форматирования, и, думаю, вы упустите эту возможность, если не знаете о ней (градиентная подсказка слишком тонкая).

Выбор иконки переключения между Rich Text и Markdown в качестве первой (самой широкой и единственной цветной) иконки панели инструментов кажется странным. Скорее я буду использовать жирный или курсив, чем буду переключаться туда-сюда между двумя редакторами.

Наконец, в последней строке есть варианты, которые имеют смысл.

Но, опять же, есть текст и ещё пять иконок, и я не вижу к ним особых претензий… Разве что, возможно, опция Gif. Во многих клавиатурах смартфонов есть поиск Gif. Её можно было бы убрать или переместить в панель инструментов.

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

Я бы хотел, чтобы макет был чище, с меньшим количеством иконок и функций, сосредоточенным на задаче, которую мы решаем: писать контент, публиковать контент, быть счастливыми.

4 лайка

Опыт использования на iPhone и iPad ужасен. Даже не знаю, с чего начать. Часто невозможно загрузить изображение, выпадающие списки не работают или выходят за пределы экрана, а редактор зависает. Я использую мобильную версию только для чтения и простых постов, потому что всё остальное — это головная боль.

3 лайка

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

Конечно, есть способы упростить интерфейс, и мы не возражаем против любых предложений здесь, но Meta — это немного худший сценарий, где мы тестируем всё подряд… по умолчанию всё хотя бы немного спокойнее. ИИ, переводы и GIF-анимации отключены.

Чтобы оставаться в рамках практических действий, что следует убрать из этого опыта по умолчанию?

Вот некоторые варианты, которые я вижу:

  • Иконка гамбургера для показа/скрытия панели инструментов… может, всегда показывать панель инструментов, если размер устройства превышает определённый порог, чтобы убрать переключатель? (На очень маленьких устройствах переключатель всё равно необходим, иначе поле ввода иногда ограничивается одной строкой текста)

  • Я знаю, что x — это закрыть, а :wastebasket: — удалить… но они определённо кажутся относящимися к одной сфере функциональности. Раньше у нас была одна кнопка, и мы спрашивали о сохранении черновика через модальное окно… стоило ли идти на такой компромисс ради меньшего количества кнопок здесь?

  • Можно ли свернуть поле ввода тегов в меньшую кнопку и разворачивать его только при нажатии и когда теги уже присутствуют?

Это начинает двигать нас в правильном направлении? Есть ли ещё что-то, что стоит убрать?

2 лайка

тегирование — нажатие в случайном месте для закрытия меню кажется неинтуитивным.

1 лайк

Мне кажется, что визуальный UX сам по себе приемлем — для меня функциональность важнее удобства интерфейса. Если я нажимаю кнопку «Ответить», я не ожидаю, что редактор зависнет и перестанет реагировать. Если я хочу использовать выпадающий список для выбора пользователей или групп, загрузить файл или выделить текст, чтобы процитировать его, я ожидаю, что смогу это сделать, не прибегая к повороту экрана или переключению на десктопную версию.

1 лайк

Согласен, мобильный UX действительно не очень хорош. У нас много дел…

Я знаю, что у @chapoi были идеи, которые она поделилась со мной в прошлом году, и они могли бы значительно улучшить мобильный опыт.


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

Фраза «Опыт ужасен», сказанная кем-то, кто активно использует Discourse, кажется немного бесполезной. Я не хочу быть полицейским словесности, но хочу предложить несколько советов по предоставлению обратной связи.

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

Что именно для вас «ужасно»?

Я давал презентацию о обсуждении дизайна, к которой я время от времени возвращаюсь. (Не я автор, это просто презентация с информацией из книги :smiley:)

Интересно, будет ли полезно её прочитать? Что вы думаете?

Discussing-Design-Printable.pdf (7.6 МБ)

2 лайка

Извините, если мои резкие слова вас задели. Но опыт использования действительно плохой и часто вызывает раздражение, поэтому моё мнение остаётся прежним. Я даже не думаю, что это проблема именно платформы Discourse — дело скорее в iOS. Если вы воспринимаете это как личное оскорбление или проблему с Discourse, то это не так. Я знаю, как сложно сейчас обеспечить поддержку мобильных устройств в целом, ведь сам создавал компоненты и настраивал их.

3 лайка

Это напоминает мне об этом отчёте об ошибке:

2 лайка

Отличное замечание! Это главная демонстрация возможностей программного обеспечения.

Как новый зарегистрированный пользователь (привет, @Canapin2), вот как это выглядит на мобильном устройстве:

Конечно, стало лучше, но могло бы быть ещё лучше. Всё ещё немного пугающе. Как новый пользователь, я думаю, что первая строка иконок вызвала бы у меня сильное замешательство; я понял бы только значок ×.

Не могу ответить на все открытые вопросы из вашего поста, но мне очень нравится ваш скриншот, особенно небольшая часть с тегами.

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

3 лайка

Две вещи, которые я считаю проблемными: довольно часто кнопки перестают работать (помогает закрытие и повторное открытие приложения хаба), а иногда при клике на текстовое поле оно исчезает с экрана (в этом случае нужно просто отказаться от этой идеи и сесть за рабочий стол). iPhone 11.

1 лайк

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

2 лайка

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

OK i was pretty critical so i also want to “boost” (figuratively lol) the design/development improvement on mobile that i don’t think gets enough praise or attention: the deprecation of /mobile and /desktop folder paths for the views.

at first i was skeptical and even a bit annoyed, but it did not take me long to like it better. this was a great and much needed change IMO. i think i recall Moin scolding me for not liking it at first lol. but, yea, thank you for that because i love that i can target all viewport sizes in one code file, including tablet size specifically. :clap:

1 лайк