Представляем навигацию боковой панели администратора

:mega: Обновление: Старая верхняя навигация панели администратора официально устарела и удалена в выпуске 3.4. Боковая панель навигации в последнее время претерпела значительные улучшения и в дальнейшем станет единственным способом навигации по панели администратора Discourse.\n\n----\n\nМы внутренне работали над изменениями структуры навигации в административных разделах Discourse. Первая часть этой работы — внедрение боковой панели администратора. Она выглядит так:\n\n

\n\nЭта боковая панель работает аналогично боковой панели чата. Она контекстная и появляется только тогда, когда администратор входит в любую часть административной области сайта, и заменяется соответствующей контекстной боковой панелью при выходе из административной области.\n\nВ этой первой итерации ссылки навигации являются простым копированием 1-1 ссылок старой верхней навигации. В будущем мы планируем провести дальнейшую реструктуризацию, но сейчас мы хотели выпустить эту начальную форму, чтобы узнать мнение людей.\n\nЕсть некоторые оговорки, которые мы надеемся устранить в ближайшее время:\n\n* В настоящее время нет замены для выхода admin-menu из старой панели навигации\n* Существуют некоторые несоответствия в том, как выглядит интерфейс теперь, когда верхняя панель исчезла\n* Мы не поддерживаем пользовательские разделы боковой панели и ссылки в боковой панели администратора\n* Мы рассматриваем возможность поддержки сайтов Discourse, у которых есть собственная боковая панель на основе пользовательской темы\n\nПока это скрыто за экспериментальной настройкой сайта admin_sidebar_enabled_groups. Мы открываем площадку для обратной связи. :rocket:

63 лайка

Пока успел только бегло посмотреть, но выглядит хорошо.

В меню нет пункта «Журналы ошибок», но в разделе «Журналы» по-прежнему есть горизонтальное меню, включающее ссылку на «Журналы ошибок».

8 лайков

Да, я сомневался насчет добавления этого пункта в боковую панель, так как он ведет на совершенно отдельную страницу (Logster)… Возможно, было бы нормально, если бы она открывалась в новой вкладке. Подумаю над этим :slight_smile:

7 лайков

Привет, Martin :wave: Спасибо за это отличное обновление :tada:

Я заметил, что страница admin/upgrade отсутствует в боковой панели, а на мобильных устройствах она не заменяет содержимое боковой панели, а появляется под содержимым боковой панели по умолчанию.

13 лайков

Да, у меня есть кнопка «Обновить» в списке :+1: Можете, пожалуйста, поделиться скриншотом того, что вы имеете в виду для мобильных устройств?

10 лайков

Спасибо, да, я имею в виду, что на мобильном устройстве мне нужно прокрутить боковую панель вниз, чтобы увидеть административные разделы. Так что теперь это работает не совсем так, как на рабочем столе. На рабочем столе административные разделы отображаются только тогда, когда я нахожусь в /admin, а на мобильном устройстве административный раздел появляется ниже меню боковой панели по умолчанию. Я сделаю скриншот / видео об этом и обновлю этот пост. :slightly_smiling_face:

Запись экрана 2023-12-21 в 6.28.00|видео

7 лайков

Обожаю это направление :dizzy:

Одна из моих любимых боковых панелей администратора находится в бэкенде Ghost, потому что фильтр прямо на боковой панели — одно удовольствие в использовании. Просто хочу поделиться этим паттерном в качестве обратной связи:

14 лайков

Новая боковая панель администратора: при возврате в форум кнопка чата в боковой панели исчезает. Вот эта:

Режим отдельной боковой панели чата — полноэкранный, если это имеет значение. Что ещё… версия 3.2.0.beta4-dev (20f950a116), и я уверен, что это началось после обновления. И безопасный режим не помог.

Не критичная проблема. И не слишком раздражает.

6 лайков

@sam также поднимал эту тему со мной на звонке на днях, так что вы не одиноки в этом мнении :slight_smile: Мы рассматриваем это для следующей итерации.

Спасибо за сообщение, я разберусь с этим наряду с другими багами, которые у меня есть по этой теме :+1:

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

10 лайков

Спасибо, Мартин. Я также проверил боковую панель чата и столкнулся с тем же на мобильном устройстве.

SVID_20231222_054401_1|видео

3 лайка

Потрясающий дизайн!!! Мне очень нравится этот новый дизайн

2 лайка

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

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

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

В отличие от этого, при старом методе вам сразу показываются разделы верхнего уровня, которые находятся в пределах 0–1 свайпов, и вы можете углубиться в них, чтобы найти нужную административную подсекцию, вместо того чтобы требовать от пользователя заранее знать, где что находится.

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

Я сравнил другие приложения и заметил одну вещь: доступ к боковой панели в них обычно осуществляется очень простым жестом. Discord и Twitter позволяют просто сделать быстрый горизонтальный свайп, чтобы открыть боковую панель. В приложении eBay есть кнопка в нижнем меню. Мое банковское приложение открывает боковую панель при нажатии кнопки «Назад». Общая черта всех этих жестов в том, что я обычно выполняю их, даже не задумываясь, тогда как открытие боковой панели Discourse на мобильном устройстве ощущается как очень осознанное действие.

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

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

11 лайков

На мобильных устройствах определённо что-то не так, и Мартин исправит это в следующий раз, когда займётся этим вопросом… скорее всего, после праздников!

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

Тем не менее, я лично предпочитаю визуально отделять административную секцию от форума или чата и не позволять сайтам настраивать внешний вид бэкенда. Таким образом, вы будете точно знать, что находитесь в «административной» секции, из которой захотите выйти, чтобы вернуться на форум.

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

6 лайков

Разве это не нарушит функцию «Назад»?

4 лайка

Для нас это немного сложнее, чем для нативного приложения, поскольку мы работаем на основе веб-технологий. Safari на iOS зарезервировал жесты свайпа для навигации «назад/вперёд», и, насколько мне известно, нет хорошего способа обойти это… хотя, возможно, ситуация изменилась? :thinking: Blocking Navigation Gestures On iOS Safari - PQINA

6 лайков

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

5 лайков

Переключил на и моя первая реакция была: всё аккуратно, и это легче анализировать. Отлично! :smiley:

5 лайков

А другое мнение, потому что я вернулся к старому стилю.

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

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

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

4 лайка

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

5 лайков

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

Мое предложение:

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

Это также может улучшить работу на мобильных устройствах: вместо прокрутки можно просто нажать кнопку, и вас сразу перекинет в нужное место.

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

4 лайка