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

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

Новая версия

Обновления

  • Фон заголовка пользователя
    • Мы переместили фон пользователя, сделав его изображением заголовка, а не фоном самой карточки.
    • Если у пользователя не установлено фоновое изображение, мы используем цвета его аватара для создания изображения заголовка.
    • Переместили значки (badges) в верхнюю область «баннерного изображения» новой карточки пользователя.
    • Переместили местоположение пользователя также в «баннерное изображение».
  • Обновлённый стиль статистики пользователя.
  • Переместили статус пользователя в иконку аватара вместо полного описания.
  • Переместили кнопки действий в нижнюю часть карточки.
  • Добавлена возможность связывать местоположение с Google Maps или OpenStreetMaps.

Старая версия для справки


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

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

Только для информации: по мере исправления ошибок я буду удалять сообщения, в которых сообщалось об ошибке, чтобы уменьшить объём контента, который нужно просматривать :smile:

Используйте на своём форуме

Как упоминалось выше, это всё ещё эксперимент. Мы не планируем поддерживать это в долгосрочной перспективе как компонент темы, так как конечная цель — интегрировать это в ядро в виде новой карточки пользователя. Тем не менее, если вы хотите использовать это на своём форуме прямо сейчас, вы можете сделать это, установив его через → GitHub - discourse/experimental-usercard · GitHub

55 лайков

Просто задаюсь вопросом…

Если раздел «Обо мне» не нужен, то зачем показывать баллы, время чтения и, что самое странное, :wink: день создания аккаунта?

Редактирование: здесь раздел «Обо мне» виден, а на моём форуме — нет. Это ещё более странно.

6 лайков

Я согласен, что «день создания аккаунта» — странная концепция в дискуссиях. Мне больше нравилось «Участник с…».

Но вся эта информация полезна при принятии решения о человеке, с которым вы имеете дело.

8 лайков

Вау, выглядит отлично! :slight_smile:

У меня есть лишь несколько небольших замечаний по поводу плагина Locations:

  • Расположение отображается на строку ниже булавки.
  • Также я вижу два URL-адреса веб-сайта в разной верстке. Это было так и несколько недель назад, и проблема была исправлена @merefield, но в старой карточке пользователя отображались два веб-сайта и отсутствовало расположение.
7 лайков

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

4 лайка

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

Фоновое изображение / изображение заголовка на карточке пользователя занимает менее половины высоты, которая была у нас раньше. Интересно, нельзя ли сделать его немного больше :thinking:

В целом, отличная работа, выглядит очень стильно.

9 лайков

В темах с шрифтами эксперимент с карточкой пользователя не отображает шрифт на самой карточке, как, например, в теме Minima.
Пример:

8 лайков

Круто, что скоро будет новый дизайн! :star2:

Одна вещь, которую я бы хотел видеть иначе, — это заголовок. Я даже скажу, что сейчас он мне кажется немного грустным:

image

Использование фоновой картинки не кажется таким оригинальным и не поддерживает функции сообщества. Метка локации ощущается как на файле. А бейджи минимизированы и помещены в угол.

Я обожаю бейджи, и по моему опыту многие менеджеры сообществ любят проявлять креативность в отношении бейджей. Мне бы хотелось видеть, чтобы бейджи праздновались больше, а не были минимизированы на новых карточках! Знаете, что-то вроде этого:

18 лайков

Думаю, что нечто подобное скорее могло бы быть настройкой. Лично я предпочитаю только 3.

3 лайка

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

1 лайк

Извините, что так негативно, особенно учитывая, что у меня мало предложений по улучшению, но честно говоря, моя первая реакция была буквально: «Фу, ох, это баг?». Это не значит, что я прав, и не значит, что это не улучшение для всех остальных, но для меня старые карточки пользователей были действительно приятными и простыми, и я бы их не менял.

Может, я к этому привыкну?

Ключевые моменты:

  1. Значки очень полезны для определения квалификации и должны быть на карточках пользователей — нет ничего лучше, чем сказать «Я вот такие вклады сделал», чем «Вот кто я…». Я полагаю, они сейчас вверху, но я понял это только после просмотра нескольких карточек пользователей.
  2. Стиль тегов для «опубликовано», «благодарности», «решения» и т. д. слишком сильно привлекает моё внимание. Может, это ещё и жирный шрифт? Мне нравилось, насколько эта информация была ненавязчивой в предыдущей карточке пользователя. Почему? Потому что мне это на самом деле не важно.
  3. Аспект дня рождения тоже попадает в категорию «не важно». Это весело и приятно, но когда я хочу узнать больше о пользователе, действительно ли это одна из четырёх самых важных вещей, которые я хочу о нём знать? Скорее всего, нет.

Я бы переместил день рождения в правый верхний угол, а значки вернул бы в виде полной строки или двух, с полным расширенным названием выделенных значков. Большинство пользователей не будут знать, что означают иконки, и им понадобится текстовое пояснение. Это также дополнительно рекламирует доступные значки, вызывая любопытство у некоторых пользователей, чтобы внести больший вклад, если они хотят получить определённый значок, который видят на карточке другого пользователя.

6 лайков

Я знаю, что проблемы, которые я наблюдаю, вызваны плагином Locations. Я поднял этот вопрос здесь, потому что этот плагин, похоже, очень распространён. Кроме того, я считаю, что правки CSS или кода должны быть внесены в сам плагин, а не в ядро Discourse, по крайней мере, в основном. И я надеюсь, что разработчики, поддерживающие плагин Locations, обратят на это внимание. Честно говоря, если новая карточка пользователя станет частью ядра, им практически не останется выбора. :wink:

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

3 лайка

Только что заметил ещё несколько проблем, на этот раз с анимацией мерцания.
Во-первых, все они работают в разных циклах. Лучше всего это видно, если отключиться от Wi-Fi и затем нажать на карточку:

А также анимация прекращается слишком рано:

Изображение ещё не загрузилось, а анимация уже остановилась.

2 лайка

Теперь я вижу названия бейджей при наведении!

Думаю, было бы здорово, если бы пользователи могли настроить отображаемую информацию, например дату вступления, последнее посещение и т.д., как в боковой панели.

2 лайка

Мне больше нравится минималистичный подход, и при этом остаётся один главный вопрос без прямого ответа:

Является ли концепция карточек пользователей просто декоративным элементом без реальной цели? Я полагаю, что большинство пользователей используют их лишь для отправки личного сообщения или открытия канала чата. Так что… не стоит ли нам вместо быстрого добавления видимых элементов упростить их?

Потребности администраторов и модераторов — это совершенно другая история.

6 лайков

Также было бы удобно объединить основные данные пользователя в одном месте, а не размещать их в разных частях карточки:

Если это подвергнется переработке, то, на мой взгляд, это станет хорошим поводом убрать информацию об уровне доверия из значков. Это не значки, а указание на членство в группе, отражающее авторитет и права доступа на форуме.

5 лайков

Не уверен, что происходит, но на моём сайте это выглядит ужасно. Много информации отсутствует. Я пробовал это без какого-либо другого CSS, и вот как это выглядит. Возможно, конфликт плагина или что-то ещё?

Новое:

Старое:

6 лайков

Что-то не так, попробуйте запустить в безопасном режиме. Возможно, ваша тема также накладывает изменения?

5 лайков

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

Редактирование: Все мои официальные плагины

          - git clone https://github.com/discourse/discourse-chat.git
          - git clone https://github.com/discourse/discourse-user-notes.git
          - git clone https://github.com/discourse/discourse-reactions.git
          - git clone https://github.com/discourse/discourse-calendar.git
          - git clone https://github.com/discourse/discourse-adplugin.git
          - git clone https://github.com/discourse/discourse-whos-online.git
          - git clone https://github.com/discourse/discourse-canned-replies.git
          - git clone https://github.com/discourse/discourse-follow.git
          - git clone https://github.com/discourse/discourse-push-notifications.git
          - git clone https://github.com/discourse/discourse-gamification.git
          - git clone https://github.com/discourse/discourse-templates.git
          - git clone https://github.com/discourse/discourse-automation.git
          - git clone https://github.com/discourse/discourse-fontawesome-pro.git --branch fa5
          - git clone https://github.com/discourse/discourse-spoiler-alert.git
          - git clone https://github.com/discourse/discourse-data-explorer.git
6 лайков