Process & Steps
順序ある工程、段階、ステップ。プロセスの方向性を視覚化する。
Linear 4-Step Process
最も基本的な4ステップの水平フロー。サービス紹介ページの定番。
Chevron Arrow Flow
矢羽根を繋いだ前進感のあるプロセス図。営業フローやロードマップ向け。
Staircase Steps
階段状に上昇する成長プロセス。事業発展や学習段階の表現に。
Vertical Process Timeline
縦軸タイムライン。スクロールに沿った長文ストーリーと相性が良い。
Zigzag S-Curve Flow
蛇行するフロー。複数フェーズを限られた幅に収めたいときに有効。
Numbered Step Cards
カード型ステップ。現在地をハイライトして進行状況を示せる。
Cycle & Loop
循環、反復、繰り返し。終わりのないプロセスや継続的改善の表現。
PDCA Cycle
改善サイクルの王道。4要素の循環関係を示すあらゆる場面で。
Three-Phase Cycle
3要素の最小限の循環。学習や成長の本質を簡潔に示す。
Segmented Donut Cycle
ドーナツ型の6分割サイクル。配色のグラデーションで段階を表現。
Infinity Loop
無限大記号型のループ。2要素間の永続的な相互作用を示す。
Radial 5-Stage Cycle
中心を持つ放射型5段階サイクル。価値観や原則の循環表現に。
Spiral Iteration
螺旋型の反復成長。アジャイル開発や継続学習の比喩に最適。
Hierarchy
階層、組織、構造。親子関係や上下構造を整理する。
Organization Tree
伝統的な組織図。3層構造で部署とチームの関係を整理。
3-Tier Pyramid
3段ピラミッド。階層ごとの抽象度や優先順位を示す。
Radial Mind Map
放射型マインドマップ。中心テーマから派生する要素群を整理。
Nested Containers
入れ子状の包含関係。システム階層や責任範囲を示す。
Inverted Pyramid / Funnel
逆ピラミッド型のファネル。マーケティングや採用フローの定番。
Horizontal Decision Tree
横向き分岐ツリー。サイトマップや判断分岐の表現に。
Relation
関係性、繋がり、相互作用。要素間のつながりを視覚化する。
Two-Circle Venn
2要素の重なりを示す古典的ベン図。スイートスポットの可視化に。
Three-Circle Venn
IDEO型3要素ベン図。中央の重なりが価値の核を示す。
Hub & Spoke
中央集約型の関係図。プラットフォームや統合システムの構造を示す。
Network Graph
ノードとエッジで構成されるネットワーク図。複雑な相互関係を示す。
Bidirectional Relation
双方向の関係性。需給・原因と結果・対立要素の相互作用を示す。
2x2 Matrix
2軸4象限マトリクス。優先順位付けや戦略選択の意思決定支援に。
Timeline
時系列、歴史、ロードマップ。時間軸に沿った変化や計画。
Horizontal Milestones
水平軸の節目タイムライン。企業沿革ページの定番。
Centered Vertical Timeline
中央軸タイムライン。左右に情報を振り分けて読みやすく。
Gantt Chart
タスク期間を可視化するガントチャート。プロジェクト計画の標準形式。
Now / Next / Later Roadmap
プロダクトロードマップの定番形式。優先度と時間軸を同時に示す。
Comparison
比較、対比、対立。複数選択肢の違いを明確化する。
Side-by-Side Cards
価格プラン比較や機能比較に。並列カードで違いを明確化。
Comparison Table
機能対応表。多項目を整理して詳細比較したい場合に。
Before / After
改善前後の対比。事例紹介ページで成果を強調する場面に。
Pros & Cons List
利点・欠点の対比リスト。判断材料を整理した記事や提案書に。
Data & Stats
数値、統計、構成比。データを視覚化する基本チャート。
Bar Chart
縦棒グラフ。期間ごとの数値比較で最も読みやすい基本形。
Line Chart
折れ線グラフ。時系列推移やトレンドの可視化に最適。
Pie Chart
円グラフ。構成比や割合を直感的に示す古典的なチャート。
Progress Ring
進捗リング。単一指標を強調表示。KPIやスコア提示に。
Horizontal Progress Bars
スキルレベルやKPI達成率の表示に。複数指標を並列比較できる。
Radar Chart
レーダーチャート。複数軸の評価バランスを一目で示す。
Stat Highlights
大きな数字で訴求する統計ハイライト。HPトップの実績表示の定番。
Stacked Bar
積み上げ棒で構成比を可視化。1本で全体内訳を示せるコンパクトさ。
Concept & Framework
抽象概念、フレームワーク、モデル。アイデアを構造化する。
4-Block Framework
4要素フレームワーク。価値観や事業の柱の整理に。
Petal Diagram
花弁状のコンセプト図。コアバリューやサービスの柱を表現。
Hexagon Honeycomb
六角形のハニカム構造。モジュラーなシステムや関連要素を示す。
Three Pillars
3本柱フレームワーク。事業や戦略の中核要素を並列に提示。
5-Tier Pyramid
マズロー型5段階ピラミッド。階層的な欲求やニーズを表す古典。
Swimlane Diagram
役割別レーン図。ユーザーフローや責任分担を時系列で示す。
Concentric Ecosystem
同心円のエコシステム。中核から外延への広がりを表現。
Fishbone (Ishikawa)
特性要因図。原因分析のフレームワーク。問題解決ページに。
Service Blueprint
サービスブループリント。顧客体験と裏側のプロセスを並列マッピング。
Customer Journey Map — Full Layout
5段階のユーザージャーニーマップ。アクション・感情曲線を含む統合的なUX設計図。複数のダイアグラム要素を組み合わせた応用例。