В целом, я думаю, что мы добиваемся большого прогресса здесь: правая сторона работает, но контрастность текста мне кажется слишком низкой, а серый цвет выглядит немного унылым.
Сравните с этим интерактивным артефактом (кликабельно, попробуйте сами)
Мне больше всего нравится последний вариант, потому что он чёткий и не перегружен, но первые два тоже выглядят неплохо.
Что вы думаете? (Кстати, что происходит с Натаном… какой аватар 
)
(Также уменьшенный радиус скругления кажется немного лучше)
Сегодня некоторые дизайнеры и я поработали в паре и оттачивали стили. Вот к чему мы пришли.
Сэм, мне также нравятся первые два варианта, которые показывает твой артефакт. Изучу их подробнее. На данный момент, я думаю, наша последняя итерация позволяет добиться более явного различия.
Чтобы двигаться дальше, думаю, нам понадобятся некоторые правки в шаблоне и тексте.
УЛУЧШИТЬ КАЧЕСТВО КАК В CSI
Выглядит нормально
Последний вариант выглядит довольно хорошо! Он чётко передаёт статус непрочитанного, но при этом остаётся очень лёгким. Аналогично, мне нравится первый (хотя я не думаю, что синий кружок необходим, поэтому по сравнению с ним последний вариант выигрывает). Все остальные дизайны для моего личного вкуса «слишком перегружены».
На мобильном устройстве вместо синего фона появляется «красноватый».
Мне очень трудно читать светло-серый текст — он кажется выцветшим. Может, попробуем сделать серым только декоративный элемент аватара?
Контраст здесь просто очень-очень тяжёл для глаз, особенно для текста без полужирного начертания.
Думаю, именно поэтому Gmail в итоге перешёл к использованию font-weight для разграничения.
Также на рабочем столе отображаются два разных оттенка синего, что сбивает с толку.
Да, мне кажется интересным этот отзыв. Это, должно быть, связано с близостью, жирным шрифтом, отступами и меньшей шириной текста.
Я использую тот же цвет для обозначения «прочитано», который применяется в списках тем.
Тем не менее, я считаю, что фон иконки тоже играет здесь роль, поэтому мне нравится предложение @keegan:
Ещё один вариант, который я хотел бы реализовать, — это встроенный заголовок с описанием. Что-то вроде этого:
Это происходит при наведении? Или список действительно показывает два разных оттенка синего фона для разных элементов?
Да, в этом случае два разных цвета. Чтобы увидеть это, вам нужно создать аккаунт и запросить одобрение на локальном уровне.
Ага, понятно, стили применяются к непрочитанным. Добавлю немного CSS, чтобы нацелиться и на этот случай.
Можешь прислать скриншот с красноватым фоном на мобильном?
Последние обновления уже несколько дней как вышли. Интересно, как вы все к ним относитесь.
В целом мне всё нравится, но меня всё ещё беспокоит тот светло-серый текст. Я по-прежнему предпочитаю чёрный цвет. Можем ли мы попробовать это? Оставим иконку серой, но оставим текст чёрным для прочитанных уведомлений?
Если не считать этого, мне нравится этот стиль больше, чем наш исходный. Всё ещё считаю, что стоит исследовать более радикальные варианты, но как итерация это выглядит хорошо.
Также, @lindsey, одно важное изменение, о котором нам стоит подумать, — это показ аватарок по умолчанию. Сейчас мы этого не делаем, и поэтому так много стандартных установок получают менее оптимальный опыт по умолчанию:
Изменения, внесённые здесь @jordan.vidrine, — это скорее уточнения, чем полная переработка, что приятно:
Изменения были объединены.
Странно, разве мы не пробовали это недавно? Мне казалось, мы уже пробовали и по какой-то причине решили не продолжать. Но сама идея мне очень нравится: меню уведомлений становится гораздо интереснее и информативнее с аватарами.
Я думаю, что хорошим компромиссом здесь будет включение этой опции по умолчанию для новых установок.
Я считаю, что главной причиной, по которой мы откладывали это, были пользовательские настройки.
@jordan.vidrine Мне кажется, мы можем сейчас включить этот эксперимент глобально на meta (и закрепить эту тему) и посмотреть, не возникнет ли жалоб. В целом, считаю, что текущее состояние лучше нашего варианта по умолчанию.
@lindsey, твоё мнение?
Это эволюционное изменение, которое в нескольких аспектах является тонким улучшением.
Готово!
Включено для всех пользователей с trust_level_0.
Я всё ещё считаю, что различие между белым на синем и чёрным на белом распознавать легче, чем различие между белым на синем и белым на тёмно-сером.
Возможно, это потому, что иконка — первое, на что я обращаю внимание.
Для меня она важнее аватара. Поскольку имя пользователя, вызвавшего уведомление, также указано в тексте, а о чём именно уведомление, указано только для перемещённых постов; в остальных случаях иконка — единственный индикатор.
Что-то изменилось в отношении размера шрифта или иконок? У меня первое впечатление, что они стали немного больше, но это может быть связано с добавлением белого пространства. Из-за этого возникает некоторый дисбаланс между иконками уведомлений и иконками меню.
Кроме того, отступ справа кажется мне немного слишком большим.
Кстати: я использую масштабирование браузера на уровне 90% (не уверен, как это может вызвать какие-либо проблемы, но браузеры иногда ведут себя странно 
).
Последняя (и, скорее всего, финальная) версия уже доступна. Я поставил себе напоминание на следующую неделю, чтобы слить изменения, если не последует новых комментариев.
Спасибо за развитие этой замечательной функции. Она намного лучше, чем была больше года назад.
Хотя должен признать, что я не до конца убеждён в необходимости полного переноса строки перед описанием.
В моём текущем примере вы можете увидеть, сколько места экономится за счёт того, что деталь начинается сразу после имени пользователя, а разделение в любом случае достигается за счёт жирного начертания имени пользователя по сравнению с более лёгким начертанием описания.
Но если мы сохраним возможность настройки этого через CSS, то всё в порядке.
Кстати, имеет ли смысл добавить класс к этому div-у:
Да, у него точно должен быть класс.
