Улучшение отображения десктопной версии на мобильных устройствах

Здравствуйте,

Я немного против концепции «mobile-first» в дизайне, поэтому по возможности использую макеты для десктопа и более мелкий шрифт.
Обычно это работает отлично, за исключением Discourse, где интерфейс кажется немного неполноценным. Например, кнопка «Опубликовать/Ответить» полностью недоступна:

Некоторые представления категорий вызывают отчаяние (на примере devforum.roblox.com):

Редактор сообщений в основном полностью неработоспособен:


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

3 лайка

Согласен. У меня есть идея на этот счёт.

А что, если взять за основу подход Android/iPhone?

Вот моя идея. Возьмём за основу современные категории в виде блоков и группы.

Разместим иконки категорий на главном экране с бейджами уведомлений.

  • Пакет уведомлений с числовым счётчиком на изображении категории.
  • При клике на изображение категории открывается сама категория.
  • Под изображением категории — её название. Возможно, с использованием SVG (?). При клике на название категории появляется всплывающее окно с её описанием.

Группы позволят организовать категории под названиями групп. Возможно, иконки категорий можно отображать сеткой по 2–3 в ряд в зависимости от размера экрана, а для планшетов — даже до 4 в ряд.

Добавьте возможность использовать в качестве фона изображение обоев.

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

Не уверен, чего можно ожидать, если использовать десктопную версию такого сложного программного обеспечения, как Discourse, на маленьком мобильном экране :grinning_face_with_smiling_eyes:

Честно ли предполагать (или требовать), чтобы десктопная версия была оптимизирована для мобильных устройств? Извините, если я не прав, но мне это кажется совершенно нелогичным — просто моё личное мнение.

3 лайка

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

Я полагаю, этот переключатель предусмотрен на случай, если автоматическое определение устройства по какой-то причине не сработает.

Команда достаточно четко обозначила свою позицию по этому вопросу, см. похожую тему здесь:

4 лайка

Ладно… Я оставлю эту тему открытой в надежде, что они всё же исправят мои проблемы, потому что даже на мобильном устройстве этот макет удобнее. Но если нет — то что ж, пожмём плечами: man_shrugging:

2 лайка

Ну, я не думаю о отдельном приложении. Скорее о компоненте темы.

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

Но да, были некоторые странные сбои.

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

Или используете представление для настольных компьютеров на мобильном?

Я использовал настольную версию на своём G8 и всё равно публиковал новые темы, ответы и прочее. Это был не лучший опыт. Но на моём устройстве всё работает более-менее нормально.

Однако то, что сказал Крис (замечательный бот), имеет полный смысл. Настольная версия не предназначена для использования на мобильных устройствах.

Честно говоря, с точки зрения разработчика оптимизация десктопной версии под мобильные устройства (или наоборот) звучит как кошмар.

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

Кстати, команда, куда пропала функция проверки текста (или AI-помощник в целом) для нас на Meta?

4 лайка

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

2 лайка

Я не часть команды, но она появляется из кнопки ИИ на панели инструментов.

(А это значит, что вам придётся читать мой «франглиз», потому что на iPad она всё ещё открывается позади редактора.

1 лайк

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

2 лайка

Я этого не вижу, поэтому и упомянул об этом.

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

И, конечно же, если вы не видите этого где-то ещё, значит этому форуму нужно обновление.

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

Например:

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

И так далее. Или что-то в этом роде: сгруппировать определённые элементы в выпадающие списки, а часто используемые функции оставить на панели для быстрого доступа. Тут нужно подумать и собрать мнения. Но это может стать отличной идеей для запроса на новую функцию: например, для Md Extras и панели форматирования добавить редактор меню композитора, позволяющий изменять макет по желанию конкретного сайта.

2 лайка