[ウェビナー] Discourseに何でも聞こう:デザイナーエディション

[date=2024-10-30 timezone=“America/New_York”]に、デザインチームのJordanとKrisがDiscourseのデザインチームの構成と、カスタムコミュニティデザイン作成のヒントについて説明しました。

再生

デザインチーム構成の概要

  • Jordanはデザインチームのリーダーです。
  • デザインチームは2つの部門に分かれています。
    • カスタマープロジェクト(BryceとTy):クライアントからのリクエストやカスタマイズに対応します。
    • Discourse Core内部チーム(Charlie、Ella、Kris、Meghna):Discourse自体の機能に焦点を当てます。

カスタマイズのハイライト

  • OpenAI Developer Forum:ミニマルで、すぐに使える外観に軽いスタイリングが施されています。
  • MAKE Community:パーソナライズされた感覚のために、フル幅レイアウトやカスタム検索バナーなどの機能が追加されています。
  • Epic Developer Community (Unreal Engine):ユニークなレイアウト、プラグイン、アイコン調整を備えた高度にカスタマイズされたデザインで、Discourseのカスタマイズの可能性を示しています。

よくある質問

Discourseでコミュニティデザインを開始する
シンプルに始める:Discourseの機能を理解し、コミュニティの目標を定義します。ブランディング要素(カラースキームやヘッダーリンクなど)を活用し、深いカスタマイズに飛び込む前に、利用可能なコンポーネントを検討してください。

テーマとテーマコンポーネントの違い
テーマは全体的なルックアンドフィールを調整するのに対し、テーマコンポーネントは、どのテーマにも追加できる個々のカスタム要素(ヘッダーリンクや検索バナーなど)です。

基本的なデザインから高度にカスタマイズされたデザインへのステップ
基本的なセットアップでは既存のコンポーネントやテーマを使用できますが、高度なカスタマイズでは、より深い変更のために開発者の関与が必要になる場合があります。Discourse Metaには、より簡単で既製のカスタマイズのためのさまざまなテーマコンポーネントがあります。

プラグインとコンポーネントの効果的な使用
プラグインはバックエンドの変更を可能にしますが、パフォーマンスに影響を与える可能性があるため、大規模なセットアップに最適です。テーマコンポーネントはフロントエンドの変更に理想的で、Metaから簡単にインストールおよび保守できます。

Figmaリソースとスタイルガイドの利用可能性
チームは内部でいくつかのFigmaコンポーネントを使用していますが、Discourseで可能な広範なカスタマイズのため、完全なライブラリはありません。ただし、Discourseに組み込まれたスタイルガイドは、カスタムレイアウトの確かな出発点を提供します。

主要なツールとリソース

  • Discourse Themes
  • Theme Components(ヘッダーリンク、検索バナーなど)
  • Discourse Discover:さまざまなレベルのカスタマイズが施されたDiscourseコミュニティのライブショーケース。
  • Ask.discourse.com - AIを活用したDiscourse開発者とコミュニティオーナー向けの学習リソース
「いいね!」 21

こんにちは、これは録画されますか?こちらは深夜0時過ぎです。

「いいね!」 4

はい、これらのセッションは常に録画しています。

「いいね!」 5

デザインとDiscourseについてお話しいただけるとのこと、大変嬉しく思います!

残念ながら私もリアルタイムで参加できませんので、もし事前に質問を受け付けていただけるのであれば、Discourseのデザインチームが一般的なDiscourseのUX、特にメインページについてどのように概念化しているのか、そして将来的にどのように進化していく可能性があるのか(サイドバー、メインコンテンツヘッダーのフィルター要素、パーソナルメニュー、通知など)について、もう少し詳しく知ることができれば幸いです。

私の印象では、現在、物事が時間とともに進化してきた経緯から、さまざまな要素間に多少の重複があるように思われます(例:サイドバーとコンテンツヘッダーのカテゴリフィルター、サイドバーとパーソナルメニューの個人メッセージなど)。そして、ページを構成するさまざまな要素の明確なメンタルモデルを構築するのに苦労しています[1]。しかし、Discourseのデザインチームが私とは異なる視点でこのトピックに取り組んでいる可能性も十分にあります。


  1. これは本当に長めの投稿で取り上げるべきことだと思います ↩︎

「いいね!」 5

素晴らしい質問ですね!再生が投稿される際に、この点に関する情報もいくつか含めるようにします。(OPは1週間で更新します。)

「いいね!」 3

リプレイとまとめは来週初めに投稿されます!

「いいね!」 6

お忙しいところ申し訳ありませんが、まとめのニュースはありますか?週末に見られると嬉しいです。

「いいね!」 3

更新!OPを更新しました。:smiley:

「いいね!」 5

素晴らしい!どうもありがとうございます!

「いいね!」 2