Мои синие точки непрочитанных сообщений выглядят немного зигзагообразно и приводят к тому, что описания обрезаются слишком рано.
Возможно, нам больше не нужны эти точки, так как прочитанные уведомления теперь «приглушены»?
6 лайков
Обрезка происходит из-за разрыва по словам, что, на мой взгляд, лучше для читаемости.
Неровные/зигзагообразные точки — это то, что мы используем в списках тем и боковой панели. Исходя из отзывов, я выбрал это направление, но лично предпочитаю, чтобы они все были выровнены по правому краю.
Хм, это интересно.
В данный момент мы в некотором роде объединяем и имитируем два паттерна в нашем интерфейсе.
В боковой панели для непрочитанных:
синяя точка
В списке тем для непрочитанных:
синяя точка и основной цвет для текста
2 лайка
Возможно, точка с иконкой типа уведомления достаточно похожа, поэтому нам не нужна ещё одна справа? (Сработает ли это с более светлым третичным цветом для соответствия?)
Мне не хватает второй строки для заголовка, три слова — это слишком коротко!
4 лайка
Да, я теперь начинаю видеть, что иконка с фоновым цветом немного действует как «синяя» точка уведомления.
Хм… Я не уверен в этом. При наличии иконки контрастность сомнительна. Хотя мы всегда можем изменить цвет иконки.
Я думаю, мы получили достаточно отзывов о том, что люди предпочитают больше слов, чем обрезку текста. Я уберу это.
3 лайка
Можно, пожалуйста, вернуть хотя бы индикацию того, какие уведомления уже просмотрены/отклонены, а какие новые? Сейчас я не вижу никакой разницы.
2 лайка
Интересно, стоит ли имитировать стиль мобильного приложения Gmail? Это устоявшийся парадигма. (Жирный шрифт против тонкого)
Также интересен мобильный почтовый клиент Apple — точка слева, что вы изначально предлагали.
2 лайка
Это немного приятнее.
Цель — имитировать список тем, но из-за такой компактной и плотной группы элементов здесь, возможно, потребуется большее различие. Я не думаю, что небольшое отклонение от обычного стиля боковой панели или списка тем будет плохой идеей.
1 лайк
Поскольку в выпадающем меню уведомлений у меня были только новые сообщения и я не заметил никаких отличий в оформлении, я не обратил внимания на серые иконки у уже прочитанных элементов, пока не открыл полную страницу уведомлений.
Мне нравилось «море синего», когда были непрочитанные сообщения. Я ни разу не подумал: «Вау, слишком много цвета, который на меня смотрит». Это просто позволяло легко видеть, что нужно мое внимание и/или кто-то действительно хочет поговорить со *мной».
4 лайка
Это отличный фидбек. На фоне синего моря сразу понятно: «эй, мне нужно всё это очистить».
3 лайка
Для меня разница между синим и серым очень невелика. Возможно, это отчасти связано с тем, что серый цвет темнее из-за палитры WCAG. Мне бы хотелось, чтобы прочитанные уведомления по-прежнему отображались как серые иконки на белом фоне; тогда разница была бы более заметной.
Конечно, я вижу разницу в цвете, но считаю, что если у меня есть только прочитанные уведомления, то они выглядят как непрочитанные.
Кроме того, на https://meta.discourse.org/my/notifications я теперь вижу чёрные иконки на сером фоне.
Когда я нажимаю на конверт, чтобы увидеть только уведомления, связанные с личными сообщениями, все сообщения выглядят непрочитанными, хотя все они уже прочитаны.
4 лайка
Хотел зайти сегодня утром и сказать всем, что мы очень ценим эту обратную связь. Было приятно вместе пройти все итерации за такой короткий срок со всеми представленными здесь идеями.
Кажется, нам нужно более явное указание на непрочитанные сообщения, поэтому я склоняюсь к возвращению синей точки.
О, да… это не совсем то. Спасибо!
Интересно… разберусь.
Мне очень нравится макет в текущей версии: он аккуратно группирует всю релевантную информацию в компактный элемент, а общее расстояние между элементами списка по-прежнему кажется достаточным 
Что касается состояний, у меня нет сильных предпочтений по поводу различных вариантов. Но я думаю, было бы здорово рассмотреть этот вопрос более обобщённо в рамках исследования дизайна. На данный момент нет полностью последовательной системы, и вместо того чтобы просто подбирать оптимальное решение для меню уведомлений, было бы полезно провести более широкое исследование, сопоставляющее состояния и контексты по всему приложению, а затем применить их с использованием переменных.
Например, да, состояние (прочитано/не прочитано) аналогично списку тем. Однако контекст отличается, и в похожих контекстах (другие панели меню) более приглушённый серый цвет обычно не указывает на это состояние. В результате другие элементы меню теперь тоже выглядят так, будто обозначают какое-то приглушённое состояние. Поэтому я считаю, что здесь можно существенно выиграть от более систематического сопоставления.
5 лайков
На данный момент у нас есть только две части Discourse, использующие стилизацию состояния «прочитано/непрочитано».
Вторая часть в этом меню — состояние «выбрано». Оно показывает текущую выбранную вкладку уведомлений. В этой итерации мы имитируем состояние «выбрано» для элементов боковой панели.
Вот базовый аудит элементов, которые мы рассматриваем в меню: Прочитано, Непрочитано, Выбрано.
Боковая панель
Для боковой панели мы просто обозначаем «непрочитанное» точкой. Состояние «прочитано» подразумевается по умолчанию, если синяя точка отсутствует.
Боковая панель — активный элемент
Здесь показан текущий выбранный элемент боковой панели, то есть активный.
Список тем
Для списков тем мы сейчас показываем синюю точку && используем цвет в заголовке и метаданных для различения. Один нюанс: мы не показываем синюю точку для тем, на которые вы не подписаны/не следите. Поэтому пользователю не сразу понятно, появится ли синяя точка или нет.
Меню
Здесь мы используем состояние selected, чтобы показать активный выбор. Я не думаю, что это применимо к уведомлениям напрямую, но оно применимо к состоянию выбранной текущей вкладки уведомлений в меню.
В настоящее время есть несоответствия в том, какой цвет мы используем для состояния «выбрано».
Для отслеживания мы используем серый цвет.
Для текущей выбранной категории мы используем синий цвет.
Страница уведомлений пользователя
Эта страница нуждается в доработке в текущей итерации.
2 лайка
Я ценю вашу работу, как всегда, и мне нравится, что вы работаете именно над этим.
Могу ли я узнать мотивацию отступов по углам кнопок/секций?
Честно говоря, я этого не понимаю, но, возможно, что-то упускаю.
Это выглядит прекрасно без дополнительных отступов на скруглённых углах 
1 лайк
Я понимаю это: в последнем обновлении кнопки без дополнительных отступов выглядят лучше 
Что вы думаете об этом тонком улучшении?
Речь идёт об удалении эффекта наведения с активной панели кнопок справа, при этом к левой панели применяется тонкий эффект смешивания.
Это поможет визуально отделить панели от кнопок и предотвратит впечатление чрезмерной насыщенности или «полной закрашенности» интерфейса, когда одновременно активны уведомления и панель.
Возможно, это потому, что я привык к белому фону для уже просмотренных уведомлений, но выглядит немного странно иметь такие большие участки с серым фоном в теме, которая в остальном их не использует.
2 лайка
Этот эксперимент снова запущен здесь, на Meta. Обязательно присоединяйтесь к группе экспериментов.
3 лайка