Стиль сообщений по умолчанию в Discourse от 2022-01-01, на мой взгляд, слишком громоздкий, отвлекающий и неэкономный в использовании пространства. Предлагаю два исправления:
Элементы управления сообщениями можно разместить более компактно и аккуратно — посмотрите на мой эскиз; мне больше всего нравятся варианты дизайна v2 и v4.
Допустим, для мобильных устройств некоторые кнопки должны отображаться всегда, например: [Лайки, Изменить, Ответить, …ещё], но для настольных версий (Windows/Mac/Linux) можно всегда показывать только [Лайки, Изменить], а остальные элементы управления — только при наведении курсора мыши на каждое сообщение.
PS Перемещение кнопки «Лайки» в другую часть сообщения (очень-очень далеко ) — это осознанное решение. Это значительно снизит количество бессмысленных лайков: «лайки просто так», «лайки за смайлик», «лайки за шутку», «лайки за «вау, я снова тебя вижу»», «лайки из-за хорошего настроения» и т. д. — тех самых немотивированных лайков, которые сейчас ставятся слишком часто без реального смысла.
Кто-нибудь может помочь создать такой стиль, пожалуйста?
Без необходимости перемещать иконки и меню (к тому же на ваших скриншотах не показаны другие элементы, такие как количество правок, упоминание того, кому мы ответили, и т. д.), вы можете начать с работы над отступами:
Userstyles работают только на стороне клиента и обычно для конкретного сайта (я использую userstyles и создавал некоторые из них).
Если кто-то хочет предложить улучшения общего внешнего вида Discourse, любое предложение можно оставить в канале ux. Если никто не создаст компонент темы или не включит желаемые изменения в сам Discourse, любой пользователь, полагаю, может найти своё решение: будь то компонент темы (если он администратор) или решение на стороне клиента (если нет), с использованием собственного CSS через любой браузерный плагин, который ему по душе.
Но в таком случае это уже, пожалуй, не совсем обсуждение, ориентированное на Discourse.
@GVG, посмотрите, пожалуйста, на связанное обсуждение, оно может вас заинтересовать:
НЕТ, ваше сообщение выглядит как классическая спам-реклама вашего веб-сервиса.
Спасибо, но: а) уменьшить отступы я могу и сам; б) этого НЕ достаточно, потому что эти активные элементы тратят и создают слишком много места. Поэтому главная цель — переместить кнопки управления сообщением из их текущего места в другое, где они будут занимать гораздо меньше пространства.
НЕТ, ваше сообщение выглядит как классический спам-реклама вашего веб-сервиса.
извините моя цель заключалась в том, чтобы выполнить пользовательские настройки клиентской части Discourse с помощью userstyles — это сработало бы, если вам не нужно создавать тему. Я думаю, что ваша идея очень верна — я просто хотел помочь вам с MVP (минимально жизнеспособным продуктом) — хотел, чтобы все ощутили пользовательский опыт с помощью userstyles, не обязательно разрабатывая какой-либо плагин или тему.
Я рассматривал это как то, что я часто делаю на многих сайтах, когда хочу выполнить кастомизацию.
Ссылки, которые они опубликовали, были ссылками на то, что я изучал и читал.
Если это вам не помогло, приношу извинения. Я ошибся.
моя цель заключалась в том, чтобы внести некоторые клиентские настройки в Discourse с помощью пользовательских стилей (userstyles) — это сработало бы, если вам не нужно создавать тему.
я просто хотел помочь с MVP (минимально жизнеспособным продуктом) — хотел, чтобы все оценили пользовательский опыт с помощью пользовательских стилей, не обязательно разрабатывая плагин или тему.
например, есть репозиторий под названием refined-github, где публикуются улучшения для GitHub — даже есть браузерное расширение для реализации этого.
Моя идея была бы похожа на этот репозиторий. Возможно, мы могли бы создать refined-discourse — файл userstyles.css, содержащий различные визуальные улучшения в формате MVP. Тогда сообщество сможет увидеть, что лучше всего работает и что имеет смысл.
Это было бы действительно круто: видеть необходимые изменения, даже не обязательно реализуя или создавая тему или плагин.
Я подумал об этом, поскольку идея компактных сообщений мне очень понравилась. Я подумал, что это можно настроить с помощью пользовательских стилей — это был бы простой способ.
Это то, что я называю «экспериментом Волшебника страны Оз». Вам не нужно тратить много времени на разработку идеи, если вы создадите файл userstyles.css.
Эксперимент Волшебника страны Оз: В области взаимодействия человека с компьютером эксперимент Волшебника страны Оз — это исследовательский эксперимент, в котором испытуемые взаимодействуют с компьютерной системой, которую они считают автономной, но которая на самом деле управляется или частично управляется невидимым человеком.
Люди могли бы увидеть улучшенный UX/UI, не имея темы или плагина.
Для тех, кто использует пользовательские стили, это может показаться темой или плагином, но на самом деле это не так.
это выглядит как идея для MVP (минимально жизнеспособного продукта).
Это плохая идея?
это был последний вопрос: можете ли вы согласиться с моим мнением или точкой зрения по этому поводу.
Думали ли вы о том, как это будет работать для более длинных постов? Тогда вы прочитаете его, а чтобы поставить лайк, придётся прокрутить вверх, а затем снова вниз, чтобы прочитать следующий пост.
Логически согласен, это хороший контраргумент, но не очень удачный, потому что:
Больше всего мне нравится стиль v4, когда элементы управления сообщением появляются справа от поста, так что по вертикали их можно разместить «как можно ниже — в конце сообщения и у нижнего края экрана». Панель управления даже может динамически перемещаться по вертикали к каждому сообщению, приближаясь к текущему положению курсора мыши! Так что это не проблема.
Большинство пользователей, которые пишут и читают большие посты, для ответов используют точные цитаты текста или всегда могут ответить на тему в целом — поэтому кнопка «Ответить» не очень необходима.
Как я уже говорил ранее про «для мобильных» — из-за отсутствия свободного места справа и наличия сенсорных экранов основные кнопки управления всё равно должны отображаться всегда и в стандартных местах — похоже, это лучший дизайн для узких вертикальных мобильных экранов.
Вы всегда можете предпочесть v3, где основные элементы управления сообщением остаются внизу или что-то подобное.
Так что, если вы предпочитаете оставить элементы управления сообщением внизу — это нормально, но я всё же прошу помочь минимизировать всё свободное вертикальное пространство над и под ними, а также отображать элементы управления (кроме Лайк/Редактировать) только при наведении курсора мыши (для настольных компьютеров).