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

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

Горизонтальная прокрутка всегда лучше вертикальной, но, конечно, это тоже дело личного вкуса.

Но прошу вас всех — откажитесь от трёх мониторов по 21+ дюймов и поработайте какое-то время на маленьких экранах…

(А затем мы снова зададимся вопросом, почему желание админов разместить навигацию по категориям в боковой панели является такой плохой идеей и оскорблением для UX :winking_face_with_tongue: )

4 лайка

Это интересное предложение. Не могли бы вы рассказать подробнее о вашем процессе и о том, как вы используете Discourse в качестве администратора? Для каких задач вы обращаетесь к панели администратора ежедневно или регулярно, из-за чего возникает желание вернуться на форум в один клик? Если вы сможете подробно описать этот процесс, включая количество кликов в старом и новом меню, я буду очень признателен.

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

7 лайков

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

Также можно сделать так, чтобы вкладка администратора отображалась даже в обычном режиме работы форума.

3 лайка

Мы также будем экспериментировать с тем, как организованы ссылки — то, что мы сделали изначально, это просто отображение 1-1 старой горизонтальной навигации на боковую панель навигации. Что касается проблемы поиска нужного, мы планируем в какой-то момент добавить поле поиска, которое можно увидеть на боковой панели администратора Ghost в этом сообщении: Introducing admin sidebar navigation - #7 by manuel

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

Боковая панель на мобильных устройствах довольно маленькая (включая текст); ещё одна вещь, которую, возможно, стоит рассмотреть, — сделать её более «во весь экран», как список каналов чата на мобильных устройствах, и сделать ссылки крупнее и удобнее для нажатия.


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

10 лайков

Проблема (по крайней мере, если мы не используем Discourse Hub) заключается в том, что это конфликтует с встроенной навигацией «назад» в Safari. @featheredtoast экспериментировал с этим довольно extensively и обладает более полной информацией.

8 лайков

Есть ли шанс, что оригинальный вариант можно будет сохранить как опцию через #theme-component?

3 лайка

Я всё ещё хотел бы иметь такую возможность в будущем.

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

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

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

7 лайков

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

В этом и суть. И мы все знаем, что делают Ctrl+C и Ctrl+V, независимо от того, какое программное обеспечение, приложение или веб-сайт открыто.

2 лайка

Мы действуем здесь осторожно, так как пользователи Discourse показали, что они понимают разницу и глубоко переживают, когда ожидания не оправдываются. См. также количество людей, которые удивляются, что Ctrl-F — это поиск, но не тот поиск, которого они ожидали.

6 лайков

Как отметил @sam, это маловероятно — мы хотим предоставить администраторам единый способ представления интерфейса администрирования и минимизировать (или полностью исключить) кастомизацию в этой области через темы и плагины, чтобы обеспечить максимальную согласованность этой части приложения.

Тогда возникает вопрос: можем ли мы реализовать эту функцию «слайд слева для боковой панели» только для PWA/DiscourseHub? Я думаю, это было бы разумным компромиссом, так как эти продукты ощущаются более «приложением», чем просто использование Safari для просмотра форумов.

5 лайков

На мобильных устройствах (по крайней мере, на iPhone) есть небольшая ошибка: текст «Назад на форум» расположен после раздела электронной почты, поэтому часть для администратора оказывается в самом конце.

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

2 лайка

Извините, я изменил настройку сайта с булевого (true/false) на групповую здесь https://github.com/discourse/discourse/commit/8c6144d116f77e4f46f04993c0c08c5320f7ef1d, но в ней была ошибка. Я только что исправил это здесь: FIX: Incorrect admin sidebar setting migration by martin-brennan · Pull Request #25192 · discourse/discourse · GitHub.

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

5 лайков

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

Не рано ли я спрашиваю, почему это основано на группах? Я не понимаю в этом смысла.

3 лайка

Идея заключается в том, чтобы позволить некоторым модераторам и администраторам в сообществе начать использовать экспериментальную навигацию, в то время как другие могут остаться на старой горизонтальной навигации. Это полезно для крупных сайтов с большим количеством модераторов и администраторов, включая нас здесь, на Meta!

Спасибо за ваше терпение в ходе этого эксперимента — мы только в начале нашего пути и рады, что вы с нами!

7 лайков

Возможно, я упустил это, но я не смог найти раздел «Обновление» в боковом меню.

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

4 лайка

Да, я тоже это заметил! Нужно знать, что для обновления следует перейти по адресу /admin/upgrade или использовать ссылку на главной странице администратора, если обновление требуется.

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

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

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

8 лайков

Сегодня я работаю над PR по этой задаче. Мне осталось лишь исправить замечания по ревью, и я смогу выполнить слияние. Вот превью (кстати, в ближайшее время мы также заменим формулировку «Обновление» на «Обновить»):

4 лайка

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

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

Я до сих пор не вижу кнопку «Обновить» в боковой панели после обновления до последней версии 3.2.0.beta5-dev (1f81e8d857).

5 лайков

Я тоже это заметил.

Также. Небольшая проблема: рядом с «Настроить» > «Текст» нет значка.

4 лайка