[Вебинар] Спросите о Discourse всё: версия для дизайнеров

[Дата=2024-10-30 timezone=“America/New_York”], два наших дизайнера, Джордан и Крис, рассказали нам о структуре команды дизайнеров Discourse и поделились советами по созданию кастомных дизайнов для сообществ.

Повторный просмотр

Структура команды дизайнеров: взгляд со стороны

  • Джордан — руководитель команды дизайнеров.
  • Команда дизайнеров состоит из двух направлений:
    • Проекты для клиентов (Брайс и Тай): обработка запросов клиентов и кастомизация.
    • Внутренняя команда ядра Discourse (Чарли, Элла, Крис и Мегхна): разработка функций самого Discourse.

Особенности кастомизации

  • Форум разработчиков OpenAI: минималистичный дизайн «из коробки» с лёгкой стилизацией.
  • Сообщество MAKE: добавлены такие функции, как макет на всю ширину и пользовательский баннер поиска для создания индивидуального образа.
  • Epic Developer Community (Unreal Engine): глубоко кастомизированный дизайн с уникальными макетами, плагинами и настройками иконок, демонстрирующий возможности кастомизации в Discourse.

Главные вопросы

Начало работы с дизайном сообщества в Discourse

Начните с простого: изучите функциональность Discourse и определите цели вашего сообщества. Используйте элементы брендинга (например, цветовые схемы и ссылки в заголовке) и рассмотрите доступные компоненты, прежде чем переходить к глубокой кастомизации.

Разница между темами и компонентами тем

Тема меняет общий внешний вид и ощущение, тогда как компоненты тем — это отдельные пользовательские элементы (например, ссылки в заголовке или баннеры поиска), которые можно добавить к любой теме.

Шаги от базового до высококастомизированного дизайна

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

Эффективное использование плагинов и компонентов

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

Ресурсы Figma и доступность руководства по стилям

Хотя команда использует некоторые компоненты Figma internally, полноценной библиотеки нет из-за широких возможностей кастомизации в Discourse. Однако встроенное руководство по стилям в Discourse служит отличной отправной точкой для создания пользовательских макетов.

Ключевые инструменты и ресурсы

  • Темы Discourse
  • Компоненты тем (ссылки в заголовке, баннеры поиска и многое другое)
  • Discourse Discover: живая демонстрация сообществ Discourse с разным уровнем кастомизации.
  • Ask.discourse.com — обучающий ресурс для разработчиков Discourse и владельцев сообществ, работающий на базе ИИ
21 лайк

Привет! Это будет записано? У меня уже почти полночь.

4 лайка

Да, мы всегда записываем такие сессии.

5 лайков

Отлично, что вы будете говорить о дизайне и Discourse!

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

Мое впечатление таково, что в настоящее время из-за того, как всё развивалось со временем, наблюдается некоторое перекрытие между различными элементами (например, фильтр категорий в боковой панели и в заголовке контента, или личные сообщения в боковой панели и в личном меню), и мне трудно построить четкие ментальные модели различных компонентов страницы [1]. Но также вполне возможно, что команда дизайна Discourse подходит к этой теме с другой точки зрения, чем я.


  1. Мне действительно стоит написать об этом более подробный пост ↩︎

5 лайков

Отличный вопрос! Мы обязательно добавим информацию об этом, когда будет опубликована запись (я обновлю исходный пост в течение недели).

3 лайка

Пересмотр и краткое изложение будут опубликованы в начале следующей недели!

6 лайков

Извините за беспокойство, но есть ли какие-то новости о пересмотре? Было бы здорово иметь возможность посмотреть это в выходные.

3 лайка

Обновление! Я только что обновил первое сообщение. :smiley:

5 лайков

Отлично! Большое спасибо!

2 лайка