Эксперимент с редизайном карточки пользователя

Discord делает интересную вещь для баннера карточки пользователя по умолчанию. Они используют средний плоский цвет из аватара пользователя.

Пример:

Используя https://matkl.github.io/average-color/:

5 лайков

Вот мой пример этого:



Однако они не одинаковы.

Обновление: я выбрал предустановленный цвет, из-за чего цвета перестали совпадать. (виноват)

1 лайк

Хм. Не совсем понятно, что там происходит. Ожидал больше синего!

2 лайка

К сведению, в Discourse используется похожий подход: в превью тем, хотя там применяется «доминирующий цвет», а не «средний».

Я предполагаю, что доминирующий цвет даст лучшие результаты.

5 лайков

Учитывается ли эта ошибка в рамках данного редизайна?

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

4 лайка

Чтобы закрыть вопрос, Натан:

8 лайков

Это добавлено в новое обновление:

Добавить ссылку на Google Maps через настройки сайта к местоположению пользователя

Было бы здорово также добавить поддержку OpenStreetMap.

8 лайков

Это уже добавлено :smile: Теперь вы можете выбрать Google Maps или OpenStreetMap в настройках :+1:

5 лайков

В целом, я считаю, что редизайн получился хорошим, но, на мой взгляд, важно оставить подписи к значкам. Возможность мгновенно различать значки с одинаковой иконкой крайне важна для быстрого просмотра, как в данном случае. Например, без подписи невозможно понять, является ли эта иконка:
2023-03-06 16_03_48-Badges - Blender Artists Community
значком «Знаменитая ссылка», «Отличный ответ» или «Отличная тема» (на нашем сайте они настроены именно так, но у вас может быть иначе). С категорией значков «Начало работы» ситуация ещё хуже: там 16 значков используют одну и ту же иконку, хотя их значения совершенно разные. Для меня как для модератора важно видеть, получил ли пользователь значок за прочтение правил, но в новом дизайне этот значок выглядит точно так же, как и 15 других совершенно разных значков (включая такие, как «Первый Onebox» и «Новый пользователь месяца»).

4 лайка

Пожалуйста, сделайте опциональным добавление этой новой карточки пользователя в Discourse. Старая карточка намного лучше новой, к тому же новая добавляет странный фоновый цвет, который выглядит ужасно. Кроме того, на новой карточке ничего не отображается — никакой информации там нет.

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

3 лайка

Мы были бы рады узнать, что вам нравится в старом дизайне!

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

1 лайк

Новая

3 лайка

Вы используете это на своём форуме?

3 лайка

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

2 лайка

Есть ошибки в консоли?

1 лайк

Я думаю, что это может быть проблема совместимости темы.

Нет.

Кстати, я хотел бы высказать своё мнение: цвет фона выглядит неприятно, когда он совпадает с цветом изображения профиля. Было бы лучше, если бы вы использовали изображение фона по умолчанию или что-то подобное, вместо цвета профиля. Кроме того, фон должен быть размыт, как здесь:

1 лайк

Лично мне это очень нравится. Это должно быть настройкой на уровне сайта, так как я вижу, что людям это не очень нравится, но я считаю, что это отлично.

У меня работает нормально:

3 лайка

Это меня давно беспокоило, поэтому после небольшого поиска я нашел

… что, на мой взгляд, гораздо лучше подходит для этой цели, чем усреднение. Примеры из аватаров участников этой ветки:

Код здесь: color-finder/src/colorfinder-1.1.js at master · pieroxy/color-finder · GitHub

13 лайков

Моя цель — в конечном итоге перейти к такому подходу. Однако проблема заключается в том, что из-за того, что изображения размещены на CDN, подобные методы не работают.

ПРИМЕЧАНИЕ: Из-за ограничений объекта canvas это работает только в том случае, если изображение загружено с вашего собственного домена.

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

1 лайк

Я поднимал это ранее. Это называется «Доминирующий цвет».

4 лайка