Значительно лучше, когда подсвечено несколько уведомлений.
2 лайка
Да, мне это нравится, а также предложение Криса о балансе аватаров.
РЕДАКТИРОВАНИЕ: Для единообразия я использовал тот же отступ, что и для боковой панели.
3 лайка
Стилистически: Лично я предпочитаю оригинальный квадратный стиль вместо стиля со скруглёнными краями, в основном из-за личных предпочтений и согласованности с тем, как отображаются другие всплывающие окна интерфейса (например, окно создания сообщения). Однако это лишь эстетическое предпочтение.
Функционально: Что ещё важнее, в ситуации, когда нет выделенных уведомлений или все уведомления прочитаны, иконки правой кнопки, на мой взгляд, недостаточно отличаются от левой колонки уведомлений. Особенно в случае, когда нет выделенных уведомлений, иконки могут казаться слишком связанными с информацией слева, создавая у нового пользователя впечатление, что иконка справа относится к уведомлению слева. Это связано с сочетанием трёх изменений, которые устранили этот визуальный ориентир: 1) иконки кнопок теперь имеют одинаковый размер и отображаются на одних и тех же строках (по крайней мере, в оригинальной версии, а не на недавнем скриншоте), 2) больше нет различающегося цвета фона для колонки, 3) больше нет вертикальной линии, разделяющей их. Поскольку пункт 1, похоже, уже исправлен, возможно, этого достаточно, но я немного не уверен.
Но ещё более сложная проблема заключается в том, что это также может запутать пользователей при доступе к аккаунту и не даст им понять, что настройки аккаунта также доступны через это меню, поскольку поведение нижней кнопки аккаунта полностью отличается от поведения остальных кнопок уведомлений. (В более общем плане, крайне странно размещать доступ к аккаунту и уведомления в одном выпадающем меню заголовка вместо двух отдельных. Однако, учитывая экономию места и ограничения мобильных устройств, это может быть разумным компромиссом).
Краткое содержание моего поста: Я рекомендую добавить специальную дифференциацию для иконки аккаунта, чтобы пользователи могли легко её найти.
3 лайка
Это напомнило мне: хотя, вероятно, это выходит за рамки данного эксперимента, я считаю, что UX Discourse улучшился бы, если бы уведомления были вынесены в отдельное меню (которое могло бы содержать четыре горизонтальные вкладки или секции: лайки, ответы, упоминания и значки).
Мне кажется, это довольно распространённый паттерн (например, на YouTube, Reddit, Twitter/Bluesky и т. д., а также в другом форуме, например XenForo).
4 лайка
Полностью согласен с вами. Вы правы, это выходит за рамки данного изменения. Разделение меню пользователя и меню уведомлений было бы отличным шагом, который нам стоит рассмотреть.
3 лайка
Да, пробовал сегодня днем на телефоне — область нажатия кажется довольно маленькой, особенно для вкладок справа.
4 лайка
Вот что делает Facebook…
По-моему, здесь есть несколько проблемных аспектов (что усугубляет ранее возникшие трудности):
- Аватарки слишком маленькие.
- Синяя масса при наличии непрочитанных сообщений — проблема усугубляется тем, что тонкая белая линия между уведомлениями привлекает слишком много внимания.
- Крошечный выделенный элемент справа, по которому трудно попасть.
Интересно, не стоит ли отказаться от синей подсветки и использовать «синюю точку» (которую мы уже применяем в боковой панели) для новых уведомлений.
Тогда можно немного увеличить аватарки и восстановить область клика и выделение справа.
Я не предлагаю копировать Facebook полностью с огромными аватарками, но, возможно, есть золотая середина. Отказ от «синей массы», на мой взгляд, может стать ключевым фактором для решения этой проблемы.
4 лайка
Мне нравится это изменение, но размер шрифта слишком мал. В меню уведомлений он составляет около 13 пикселей, а основной шрифт текста темы — 16 пикселей. Вы можете увидеть их рядом здесь:
Из-за этого элементы становятся гораздо сложнее для чтения, особенно для человека с уже плохим зрением 
Было бы здорово, если бы шрифты были одного размера.
9 лайков
Не уверен, что думаю о большом отступе под иконками справа… Мне кажется, он слишком велик.
Также поддерживаю предложение увеличить размер шрифта — он действительно немного мал, в том числе на мобильных устройствах.
3 лайка
Да, я тоже так подумал спустя некоторое время. Теперь он снова 16 пикселей. Я пытаюсь воспроизвести многие отступы и размеры из боковой панели, а также состояния активного элемента и наведения.
Я вернул их к исходному размеру.
Я действительно считаю, что это в целом хорошая идея. Это ещё больше сблизит нас с состояниями боковой панели. Я могу попробовать это реализовать.
Не могли бы вы подробнее объяснить, как переход к синей точке поможет нам увеличить аватар?
Также я увеличил её.
Что ты думаешь об этом? Это очень простое изменение, которое можно реализовать без правок шаблона или ядра, кроме CSS.
Вот как это выглядит с навигацией сверху
2 лайка
Эти дополнительные варианты дизайна выглядят круто!
Если мы будем использовать навигацию сверху, можем ли мы стилизовать её так же, как в наших существующих дизайнах, которые используются в horizontal-overflow-nav в других частях ядра?
1 лайк
Это выглядит очень похоже на меню, которое было у нас до последнего обновления.
Разве они уже не вызывают путаницу у пользователей на мобильных устройствах? (Например, когда люди не могут найти кнопку администратора на страницах пользователей). Если последняя иконка будет скрыта подобным образом, будет очень трудно найти, например, кнопку выхода.
4 лайка
Ах да, вы правы. Я действительно считаю, что нам стоит оставить навигацию справа, чтобы избежать путаницы с переполнением.
На самом деле я имел в виду просто стилистическое подражание дизайну. Я думаю, что мы всё ещё можем это сделать, даже если навигация будет справа. Это просто позволит нам иметь более чёткое разделение между фильтрами и областью уведомлений.
Думал о чём-то вроде этого:
5 лайков
Просто бросаем идеи: ещё одна мысль — мы могли бы затемнять прочитанные уведомления:
У нас уже есть прецедент по этому поводу в списке тем
5 лайков
Позиция кружков
Я лично предпочитаю уведомления в виде кружков справа, но думаю, стоит сначала попробовать разместить их слева, чтобы посмотреть, как отреагируют люди. Возможно, это окажется интуитивно понятным, и нам всем это понравится.
Навигация сверху или сбоку
Я значительно предпочитаю боковую навигацию — ею гораздо удобнее пользоваться и нажимать. К тому же это решает проблему с ограниченным пространством.
Подсветка навигации
Что касается навигации, я предпочитаю оставить «большую синюю рамку подсветки», а не уменьшать её, как сейчас. Для меня тут играет какую-то странную психологию крошечные рамки навигации. Нажать на них кажется очень сложным, хотя механика не изменилась.
Мой мозг странно реагирует: «Нужно попасть в крошечную-крошечную рамку, чтобы переключить навигацию».
Моя мысль в том, что когда интерфейс менее перегружен визуально, появляется немного больше места для более крупных аватаров. Тем не менее, я считаю, что текущий размер, который у вас есть, приемлем.
В любом случае, можете пока проигнорировать этот отзыв.
5 лайков
Я всё ещё считаю, что нам нужно найти способ сделать элементы с подсветкой от края до края, чтобы они соответствовали нашим другим меню — сейчас мы так делаем почти везде… Мне кажется, единственное крупное исключение, которое осталось, это боковая панель.
3 лайка
Я действительно считаю, что последовательность важна, но проблема, с которой я сталкиваюсь, заключается в том, что когда unread-элементов очень много… это выглядит как море синего цвета без чёткого разделения между элементами.
В наших меню мы обычно не показываем множество элементов с активной подсветкой. Как правило… это только один элемент или даже ни одного.
Возможно, если мы перейдём к использованию неровных синих точек, это больше не будет иметь значения.
3 лайка
Мне нравится идея, которую ты представил здесь, Киган, спасибо за то, что поделился! Я постараюсь включить некоторые из этих моментов в следующую итерацию сегодня утром.
2 лайка
Последнее обновление уже доступно здесь, на Meta.
1 лайк