Новый эксперимент с боковой панелью (Фэн-шуй боковой панели)

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

До

После

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

26 лайков

Мне это очень нравится.


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

5 лайков

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

2 лайка

Слишком просторно. Хотя это дело вкуса.

7 лайков

Дело не только во вкусе, но, вероятно, и в размере экрана.

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

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

Именно по этой причине я не использую боковую панель чата. Кнопка чата занимает слишком много места.

9 лайков

Обожаю это :heart: :pray:

Особенно padding по всему периметру. Подсветка фона у правого края действительно нарушала поток энергии :innocent:

Тем не менее, можно ли оставить полосу прокрутки у правого края? Сейчас она сливается слева от padding:

Согласен насчёт места… а почему бы не убрать кнопку и использовать тот же контекстный переключатель, что и в меню администратора или в Документации на meta?

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

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

4 лайка

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

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

5 лайков

Позвольте немного придраться:

  • Почему внизу секции так много лишнего пространства? Иногда дополнительное место внизу оправдано, но здесь это выглядит слишком неравномерно.

  • Неужели уменьшенный размер ссылок «Все категории» и «Все теги» — это намеренно? На мой взгляд, эти ссылки довольно важны.

  • В целом текст заголовков кажется слишком мелким, особенно в свернутом виде.

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

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

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

Да, честно говоря, это выглядит настолько «набитым», что выбивается из общего стиля Discourse… Чтобы это стало настройкой по умолчанию, нам, вероятно, придется согласиться на добавление отступов повсюду (я не против этого, но это большая работа).

Да, мы рассматриваем возможность добавления вложенной боковой панели, что-то вроде того, что делает Slack… Это могло бы переключать контекст и содержимое боковой панели. В данный момент у нас есть несколько расходящихся подходов к работе боковых панелей, и нам нужно так или иначе объединить их. Мы также могли бы перенести сообщения и раздел «О нас» в отдельные секции, чтобы сделать основную боковую панель короче.

19 лайков

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

Если мы внедрим липкие заголовки разделов (как это сделано для аватаров пользователей в постах при прокрутке), мне это очень понравится :slight_smile:

7 лайков

Попробуй ещё раз, посмотри, как это ощущается. Мы уже на V2 :wink:

Моя ошибка, спасибо — должно быть исправлено.

Намеренно. Я хотел, чтобы заголовки, которые только сворачиваются, отличались от других элементов, которые ведут куда-то. Мне показалось, что полный эффект наведения на сворачиваемом заголовке немного необычен. Кроме того, для большинства строк есть два действия: сворачивание и вторичное действие (редактирование или добавление для сообщений). Подсветка всей строки, включая вторичное действие, казалась неуместной.

1 лайк

Поскольку ссылка на docs была удалена, теперь я вижу два чата личных сообщений :tada:

2 лайка

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

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

1 лайк

Значительно предпочитаю вариант «before» с более плотным интервалом

2 лайка

Мы решили включить текущее состояние эксперимента с дизайном в основную ветку.

Уже существуют простые в использовании переменные для настройки этого под ваши нужды (например, --d-sidebar-row-height), и при желании можно легко убрать лишние отступы; однако мы считаем, что именно этот вариант является лучшим по умолчанию для широкого круга пользователей Discourse.

3 лайка