Круто, этот эксперимент захватывающий! Мне нравится новый вид здесь, Джордан
Некоторые первоначальные отзывы: отступы кажутся немного тесными, можем ли мы поэкспериментировать с чуть большим отступом? Я думаю, это из-за того, что у кнопок ⌄✓ Закрыть padding довольно большой. Было бы здорово, если бы мы выровняли их с одинаковым padding (0.75rem?)
Я определенно скучаю по заголовкам тем. Когда есть один или два лайка от пользователей с короткими именами, информации достаточно. Но одного или двух слов из заголовка для меня мало.
Спасибо за обратную связь, ребята. Оба комментария абсолютно точны Я пока соберу ещё больше отзывов, прежде чем отвечать, но будьте уверены — я обязательно добавлю их в список.
Как и в случае с Keegan, отступы кажутся мне немного тесными.
Отсутствие теней в отрицательном пространстве между элементами делает интерфейс более перегруженным по сравнению с тем, когда всё сливалось воедино.
Специфично для Horizon:
На Horizon у элементов есть цветной фон — так и должно быть? (В Default он теперь серый).
На Horizon скруглённые углы в левом верхнем углу выглядят странно… контейнер кажется более острым, чем элементы внутри него — в Default они, как мне кажется, сочетаются лучше.
Я обнаружил компромисс: выделяя больше места для старых уведомлений (с которыми я, возможно, уже разобрался), мы теряем контекст новых уведомлений (которые ещё нужно обработать). Это неожиданно.
Это перекликается с тем, что сказал выше @moin, и более плотный дизайн, на который указал @keegan, противоречит нашей цели по снижению плотности интерфейса, к которой мы стремимся в таких компонентах, как боковая панель.
Это связано с тем, что Horizon устанавливает больший радиус скругления, а ядро (core) задаёт этот радиус как «большой». Позже я перенёс эту границу в ядро, чтобы она наследовала обычно установленный радиус скругления.
Хорошее замечание. Это, по-моему, вызвано некорректной настройкой.
Здесь я ограничиваю заголовок одной строкой, но позволяю индикатору занимать отдельную строку. Также я добавил одинаковые внутренние отступы слева и справа, чтобы они соответствовали кнопкам ниже.
Возможно, это немного отклоняется от цели эксперимента, но, на мой взгляд, более серьёзная проблема, ограничивающая наш дизайн, — это количество уведомлений, которые мы показываем. Не думаю, что нужно отображать целую страницу уведомлений только потому, что высота браузера это позволяет. Пользователи могут нажать «Показать ещё» и перейти на страницу /my/notifications, когда им нужно увидеть всё.
Я считаю, что это шаг в правильном направлении, и мы могли бы:
уменьшить количество отображаемых уведомлений
показывать больше информации в каждом уведомлении
Например, этот дизайн, который я нашёл на Dribbble, имеет хороший баланс между количеством уведомлений, объёмом информации в каждом и плотностью размещения.
Я также заметил, что на вашем скриншоте аватары перекрываются иконкой меньше, чем у меня. Похоже, это происходит из-за выбора размера текста «меньше» в настройках. Возможно, раньше большая часть аватара тоже перекрывалась, когда я менял размер текста, но теперь аватары перекрываются ещё сильнее. (Мне всё равно нравится старая версия только с иконками, так что меня это не беспокоит.)
Для сравнения: с экспериментом и в безопасном режиме
Мне кажется, что серый фон плохо подходит для обозначения новых и активных элементов… Обычно мы используем третичный цвет и для новых, и для активных состояний, а серый — для наведения.
Мне кажется, что иконки теперь слишком маленькие, мне приходится щуриться, чтобы их рассмотреть.
Есть ли у вас идеи, как это будет сочетаться с изменениями в меню поиска? Недавно мы сделали подсказки там на всю ширину, поэтому возвращение к блокам кажется немного странным.
Поскольку у нас больше нет границы, отделяющей уведомления от иконок, их несовпадение с элементами создаёт впечатление, что что-то не так, особенно в случае с первой иконкой.
Иконки слишком малы, а в мобильном режиме нарушены отступы. Это затрудняет нажатие на нужную иконку. Я уже дважды случайно нажимал на уведомление вместо иконки.
Как сделать аватарку выровненной по верхнему краю, чтобы она всегда была ближе к имени пользователя? Мне кажется, что центрированные аватарки могут выглядеть немного «неустойчиво», если у меня будет много уведомлений в две строки… очень грубое сравнение
Я пока соберу ещё больше отзывов, прежде чем отвечать, но будьте уверены — я обязательно добавлю их в список.
Я считаю, что это шаг в правильном направлении, и мы могли бы:
