本文へ移動

ソーシャル・コミュニティ

コラボさせたい

  • §06-01リアルタイムカーソル

    他の参加者のカーソル位置と名前を表示する。

    同じ画面で誰がどこを見て操作しているかが分かり、作業の衝突を避けられる。共同編集やホワイトボードで使う。

    コラボレーション
  • §06-02Presence avatar 集

    同じ画面を見ている参加者をアバターで示す。

    誰が同じ場所にいるかを常に見せ、他人の作業中に同じ箇所を触る衝突を減らす。共同編集やライブの会議室で、相手の存在を感じさせたいときに使う。

    コラボレーション
  • §06-03インラインコメント

    本文の特定の行や範囲にコメントを付けて議論する。

    どこについての指摘かを引用せずに伝えられ、議論が本文に紐付いて残る。文書やコードのレビュー、共同編集での指摘に使う。

    コラボレーション
  • §06-05Mention (@user)

    @ で相手を指名し通知を届ける。

    特定の人に確実に気付いてほしいコメントを届け、受け手は自分宛てだけを一覧できる。会話量が多いチームで埋没を防ぐ。

    コラボレーション
  • §06-06スレッド discussion

    投稿にぶら下がる返信をまとめて表示する。

    ひとつの話題への返信を元投稿の下にまとめ、本流の流れを汚さない。参加者の多いチャットや掲示板で、話題の混線を防ぐ。

    コラボレーション
  • §06-10バージョン履歴 / restore

    過去の版を一覧し、任意の時点へ戻せる。

    いつ誰が何を変えたかを辿り、誤った変更を以前の状態に戻せる。共同編集の文書や設定で、消してしまった内容を取り戻す安心感を与える。

    コラボレーション
  • §07-01In-app notification center

    ベルアイコンから通知の一覧を開いて確認する。

    見逃した通知をあとからまとめて追える。メンションや承認依頼など、種類の違う知らせが複数の機能から届くサービスに向く。

    通知・アクティビティ
  • §07-02バッジカウンタ

    アイコンに未読や未処理の件数を小さく示す。

    開かなくても対応待ちがあることを知らせる。通知や受信箱、カートのように件数が行動のきっかけになる場所で使う。

    通知・アクティビティ
  • §07-03トースト / snackbar

    操作結果を短時間だけ画面端に表示する。

    保存完了や送信成功など、作業を止めずに結果だけ伝えたいときに使う。取り消しの導線を添えれば確認ダイアログを減らせる。

    通知・アクティビティ
  • §07-04バナー alert

    ページ上部に固定で告知を表示する。

    全員に伝えるべきお知らせや注意をページ上部で確実に見せる。期限のある案内や設定の不備など、見逃すと困る情報に使う。

    通知・アクティビティ
  • §07-07Push 通知 (Web Push)

    ブラウザを閉じていても OS 経由で通知を届ける。

    サイトを開いていない利用者にも更新や返信を知らせられる。メッセージの返信や締切のように即時性が価値になる通知に向く。

    通知・アクティビティ
  • §07-08メール digest

    通知を日次や週次でまとめてメールで送る。

    細かい通知を期間ごとに一通にまとめ、受け取る側の負担を減らす。更新の多いサービスで、頻繁な通知による配信停止を防ぎたいときに向く。

    通知・アクティビティ
  • §07-06通知設定 matrix

    通知の種類と送り先を表で個別に切り替える。

    利用者が通知の種類ごとに受け取り方を細かく選べるようにする。通知が多すぎて全部切られてしまう前に調整の余地を与える。

    通知・アクティビティ

SNS 共有・拡散を促したい

  • §21-01フォロー / アンフォロー

    相手をフォローして投稿を受け取る状態を切り替える。

    興味のある相手の更新だけを自分のフィードに集められる。投稿者とのつながりが継続利用の軸になるサービスに向く。

    コミュニティ・SNS
  • §21-07シェア / リポスト

    他人の投稿を自分のフォロワーに再共有する。

    気に入った投稿を自分の言葉を添えずに広められる。投稿が他の利用者に届く経路になり、投稿者の動機にもなる。

    コミュニティ・SNS
  • §21-08引用 (quote)

    元の投稿を引用してコメントを添えて投稿する。

    他人の投稿を自分の文脈で紹介し、元の内容を見せながら意見を加えられる。返信と違い自分のフォロワーに届くので、話題を広げる役を持つ。

    コミュニティ・SNS
  • §21-12OGP リッチプレビュー

    貼り付けた URL をタイトルと画像付きのカードにする。

    URL だけの投稿にタイトルと画像を添え、開く前に中身を判断できるようにする。リンク共有が多いチャットやタイムラインでクリック率を上げる。

    コミュニティ・SNS
  • §21-13Embed iframe (X/YT)

    外部の投稿や動画をページ内に埋め込んで表示する。

    外部の内容をリンク先へ移動させずにその場で見せられる。記事やまとめページで、引用元の投稿をそのまま示したいときに使う。

    コミュニティ・SNS
  • §21-14ハッシュタグ

    本文中の # 付き語をリンクにして投稿を集約する。

    同じ話題の投稿を利用者自身の付けた語で束ねる。カテゴリを運営が決めきれない場や、イベント参加者の投稿を集めたいときに向く。

    コミュニティ・SNS